@charset "UTF-8";
.seminarDetail section.lecture,
.seminarDetail section.reccomend,
.seminarDetail section.effect,
.seminarDetail section.caseSeminar,
.seminarDetail section.seminarFaq,
.seminarDetail .curriculumSeminar {
    border-top: 1px solid #dfdfdf;
    padding-top: 1.5rem;
}

.seminarDetail section.lecture {
    padding-top: 2rem;
}

.lecture h2 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    letter-spacing: .06rem;
}

.aboutSeminar .descriptionBox {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;*/
}

.aboutSeminar .descriptionBox .seminar_ph {
    margin: 0 0 0 0;
}

.aboutSeminar .descriptionBox .text {
    margin: 0 3rem 0 0;
    width: 80%;
}

.lecture .descriptionBox {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: inline-flex;
    display: flex;*/
}

.lecture .descriptionBox .seminar_ph {
    margin: 0 0 0 0;
    /*width: 100%;
    max-width: 100%;*/
    text-align: center;
    /*-webkit-flex-basis: 30%;
    -ms-flex-basis: 30%;
    -ms-flex: 1 1 30%;
    flex-basis: 30%;*/

}

.lecture .descriptionBox .seminar_ph + .seminar_ph {
    /*max-width: 100%;*/
}

.lecture .descriptionBox .text {
    margin: 0 3rem 0 0;
    /*width: 100%;
    -webkit-flex-basis: 65%;
    -ms-flex-basis: 65%;
    flex-basis: 65%;*/
}

.aboutSeminar .descriptionBox .text {
    margin: 0 3rem 0 0;
    width: 100%;
}

.entrySeminarBtn {
    background: #ff8100;
    border: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 5px;
    box-shadow: 0 5px #bb6002;
    color: #fff;
    font-weight: 700;
    font-size: .85rem;
    padding: .4rem 0 .2rem;
    margin: 0 auto 5rem;
    text-align: center;
    width: 100px;
    display: inherit;
    z-index: 99;
    line-height: 1.2;
    opacity: .8;
}

.movieBox {
    margin: 1rem auto 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.movieBox iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 1rem;
}

.seminarDetail .curriculumSeminar h2 {
    font-size: 1.25rem;

}

.seminarDetail h2 {
    padding-bottom: 1rem;
}

.reccomend .descriptionBox .text p img,
.effect .descriptionBox .text p img,
.caseSeminar .descriptionBox .text p img {
    width: 16px;
}

#cont .seminardetailBox .shop dd a:link {
    text-decoration: underline !important;
    color: #306597;
}

.curriculum_ph {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

.curriculum_ph img {
    transition: 0.5s;
}

.curriculum_ph img:active,
.curriculum_ph img:hover {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.phzoom {
    color: #2f6698;
    text-align: center;
}

.phzoom:before {
    background: url(../images/icon_phzoom.svg) no-repeat left 0 / 16px auto;
    content: "";
    height: 16px;
    width: 16px;
    display: inline-block;
}

/*** PC ***/
@media screen and (min-width: 769px) {
    .seminarDetail section.lecture,
    .seminarDetail section.reccomend,
    .seminarDetail section.effect,
    .seminarDetail section.caseSeminar,
    .seminarDetail section.seminarFaq,
    .seminarDetail .curriculumSeminar {
        border-top: 1px solid #dfdfdf /*1px solid #2f6698*/;
        padding-top: 3rem;
    }

    .btnGmap {
        margin: 10px 0;
        font-size: .9rem;
        letter-spacing: .09rem;
    }

    #cont .btnGmap a:link {
        text-decoration: none;
    }

    .aboutSeminar h2,
    .descriptionBox h2 {
        margin-bottom: 3rem;
        padding-bottom: 0;
        letter-spacing: .06rem;
    }

    .seminarDetail section.lecture.aboutSeminar {
        border-top: none;
        padding-top: 1rem;
    }

    .seminarDetail section.lecture.aboutSeminar:last-child {
        min-height: 500px;
    }

    .aboutSeminar .descriptionBox {
        flex-direction: unset;
    }

    .seminarDetail section.lecture {
        padding-top: 3rem;

    }

    .lecture .descriptionBox {
        flex-direction: unset;
    }

    .lecture h2 {
        margin-bottom: 3rem;
        padding-bottom: 0;
        font-size: 1.25rem;
    }

    .lecture .descriptionBox {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: inline-flex;
        display: flex;
    }

    .lecture .descriptionBox .seminar_ph {
        margin: 0 0 0 0;
        /*width: 100%;
        max-width: 100%;*/
        text-align: center;
        -webkit-flex-basis: 30%;
        -ms-flex-basis: 30%;
        -ms-flex: 1 1 30%;
        flex-basis: 30%;

    }

    .lecture .descriptionBox .seminar_ph + .seminar_ph {
        /*max-width: 100%;*/
    }

    .lecture .descriptionBox .text {
        letter-spacing: .05rem;
        margin: 0;
        -webkit-flex-basis: 65%;
        -ms-flex-basis: 65%;
        flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        /*max-width: 100%;
        flex-basis: 500px;*/
    }

    .lecture .descriptionBox .seminar_ph {
        margin-left: 3rem;
        /*max-width: 30%;
        width: 40%;
        flex-basis: 460px;*/
    }

    .aboutSeminar .descriptionBox .seminar_ph {
        max-width: 50%;
        width: auto;
    }

    .aboutSeminar .descriptionBox .seminar_ph + .seminar_ph {
        margin-left: .5rem;
        /*flex-basis: 230px;*/
    }

    .seminar_ph .semiPh01 {

    }

    .seminar_ph .semiPh01,
    .seminar_ph .semiPh02 {
        max-width: 100%;
        padding-right: 0;
    }

    /*.seminar_ph .semiPh01{
        padding-right: .25rem;
    }
    .seminar_ph .semiPh02{
        padding-left: .25rem;
    }*/
    .reccomend .descriptionBox .text,
    .effect .descriptionBox .text,
    .caseSeminar .descriptionBox .text {
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .reccomend .descriptionBox .text p,
    .effect .descriptionBox .text p,
    .caseSeminar .descriptionBox .text p {
        line-height: 2.5;
        letter-spacing: .05rem;
    }

    .reccomend .descriptionBox .text p img[src$=".svg"],
    .effect .descriptionBox .text p img[src$=".svg"],
    .caseSeminar .descriptionBox .text p img[src$=".svg"] {
        height: 1rem;
        width: auto;
    }

    .curriculumSeminar h3 {
        font-weight: 700;
        color: #2f6698;
    }

    .curriculumSeminar h4 {
        color: #2f6698;
    }

    .text ul {
        color: #333;
        font-weight: 100;
        padding-left: 6rem;
    }

    .text ul b {
        font-weight: 100;
        color: #2f6698;
    }

    .movieBox {
        width: 560px;
        height: 315px;
        margin: 2rem auto 1rem;
        padding-top: 0;
    }

    .movieBox iframe {
        width: 560px;
        height: 315px;
        top: 0;
        left: 0;
        padding: 0;
    }

    .entrySeminarBtn {
        background: #ff8100;
        border: none;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 5px;
        box-shadow: 0 5px #bb6002;
        color: #fff;
        font-weight: 700;
        font-size: 1.05rem;
        padding: .5rem;
        margin: 0 auto 5rem;
        text-align: center;
        width: 150px;
        display: inherit;
        z-index: 99;
        line-height: 1.2;
        opacity: .8;
    }

    .entrySeminarBtn {
        padding-top: .8rem;
        margin: 0;
    }

    .phzoom {
        text-align: right;
        font-size: .85rem;
        padding-top: .5rem;
    }

    .lecture_ph {
        max-width: 390px;
        padding-left: 30px;
    }

    @media screen and (max-width: 768px) {
        .lecture h2 {
            padding-bottom: 0;
        }
    }
}