@charset "Shift_JIS";
/* ====================================
======================================
お金の教養講座 WEB体験セミナー／教室セミナーフォーム部css
======================================
==================================== */

#moshikomi h2 {
    position: relative;
}
section h2 .sub {
    display: block;
    font-size: .7em;
}
section h2 .sub::before{ content: "\2572";}
section h2 .sub::after{ content: "\2571";}

#moshikomi h2 .free {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    color: #ea5520;
    font-size: 42px;
    border: 2px solid #ea5520;
    width: 147px;
    height: 147px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: auto;
}

.course .notes {
    margin-top: 1em;
    /*    font-size: 12px;*/
}

/* ====================================
#moshikomi タブ切り替え
==================================== */
.course .tabs,
.course .tabs2{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 60px;
    width: 100%;
}

/* ----------------------
タブ
---------------------- */
.course .tabs li,
.course .tabs2 li{
    cursor: pointer;
    position: relative;
    font-size: 18px;
    line-height: 1.3;
    padding: 1em;
    width: 48.5%; /*32.5%;*/
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.course .tabs li.active,
.course .tabs2 li.active{
    position: relative;
    border-bottom: 0;
    font-weight: bold;
    padding: 1.3em 1em;
}

/* .plus */
.course .tabs li.plus,
.course .tabs2 li.plus{
    background: #EA5520;
    border: 1px solid #EA5520;
    color: #fff;
}
.course .tabs li.plus > .baloon,
.course .tabs2 li.plus > .baloon{
    position: absolute;
    top: -3em;
    left: 0;
    right: 0;
    color: #EA5520;
    background: #fff;
    border: 1px solid #EA5520;
    text-align: center;
    border-radius: 5px;
    width: 90%;
    margin: auto;
    padding: 10px 0;
    font-size: .7em;
}
.course .tabs li.plus > .baloon::after,
.course .tabs2 li.plus > .baloon::after{
    content: "";
    border: 6px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -14px;
}
.course .tabs li.plus.active,
.course .tabs2 li.plus.active{
    border-bottom: 0;
    background: #fff;
    color: #EA5520;
}
.course .tabs li.plus.active > .baloon,
.course .tabs2 li.plus.active > .baloon{
    color: #fff;
    background: #EA5520;
}
.course .tabs li.plus.active > .baloon::after,
.course .tabs2 li.plus.active > .baloon::after{ border-top-color: #EA5520;}


/* .kabu */
.course .tabs li.kabu,
.course .tabs2 li.kabu{
    background: #2c4198;
    border: 1px solid #2c4198;
    color: #fff;
}
.course .tabs li.kabu.active,
.course .tabs2 li.kabu.active{
    background: #fff;
    border-bottom: 0;
    color: #2c4198;
}

/* .fudo */
.course .tabs li.fudo,
.course .tabs2 li.fudo{
    background: #0091d7;
    border: 1px solid #0091d7;
    color: #fff;
}
.course .tabs li.fudo.active,
.course .tabs2 li.fudo.active{
    background: #fff;
    border-bottom: 0;
    color: #0091d7;
}

/* .active時の、タブの下線の色 */
/* .plus.active */
.course .tabs li.plus.active + li.kabu,
.course .tabs li.plus.active + li.kabu::before,
.course .tabs2 li.plus.active + li.kabu,
.course .tabs2 li.plus.active + li.kabu::before{ border-bottom: 1px solid #EA5520;}
.course .tabs li.plus.active + li.kabu + li.fudo,
.course .tabs2 li.plus.active + li.kabu + li.fudo{ border-bottom: 1px solid #EA5520;}

/* .kabu.active */
.course .tabs.kabu_active li.plus,
.course .tabs li.kabu.active + li.fudo,
.course .tabs2.kabu_active li.plus,
.course .tabs2 li.kabu.active + li.fudo{ border-bottom: 1px solid #2c4198;}
.k_semi .course .tabs.kabu_active li.plus::before,
.k_semi .course .tabs2.kabu_active li.plus::before{
    border-bottom: 1px solid #2c4198;
    /*    border-right: 1px solid #2c4198;*/
}

/* .fudo.active */
.course .tabs.fudo_active li.plus,
.k_semi .course .tabs.fudo_active li.plus::before,
.course .tabs2.fudo_active li.plus,
.k_semi .course .tabs2.fudo_active li.plus::before{ border-bottom: 1px solid #0391d7;}
.course .tabs.fudo_active li.kabu,
.course .tabs2.fudo_active li.kabu{ border-bottom: 0;}
.k_semi .course .tabs.fudo_active li.kabu::before,
.k_semi .course .tabs2.fudo_active li.kabu::before{
    border-bottom: 1px solid #0391d7;
    /*    border-right: 1px solid #0391d7;*/
}

/* ----------------------
.tab_inner
---------------------- */
.k_semi .course .tabs .tab_inner,
.k_semi .course .tabs2 .tab_inner{ font-size: 16px;}
.k_semi .course .tabs .active .tab_inner,
.k_semi .course .tabs2 .active .tab_inner{ padding: 5px 0;}

/* ----------------------
.caption
---------------------- */
/* .kabu */
.course .tabs li.kabu .caption2,
.course .tabs2 li.kabu .caption2{ font-size: 14px;}
/* .fudo */
.course .tabs li.fudo .caption3,
.course .tabs2 li.fudo .caption3{ font-size: 14px;}

.course .sp-tab-title { display: none;}


/* ====================================
#moshikomi .tab_content
==================================== */
.course .tab_content,
.course .tab_content2 {
    display: none;
    padding: 30px 30px 0;
    margin-top: -1px;
    background: #fff;
    /*    position: relative;
    z-index: 3;*/
}
.course .tab_content.wrp,
.course .tab_content2.wrp{ padding: 0 30px 30px;}

.course .tab_content.active,
.course .tab_content2.active { display: block;}

.course .tab_content h3,
.course .tab_content2 h3 {
    font-size: 20px;
    font-size: 2.0em;
    line-height: 1.5;
    letter-spacing: .15em;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.course .tab_content h3 .time,
.course .tab_content2 h3 .time{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border: 2px solid;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    line-height: 1.2;
    font-size: .8em;
    letter-spacing: 0;
    margin-right: 1em;
}
.course .tab_content h3 .time .bold,
.course .tab_content2 h3 .time .bold{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.8em;
    letter-spacing: -.05em;
}

.course .tab_content h3 .txt,
.course .tab_content2 h3 .txt {
    font-weight: bold;
    width: calc(100% - 70px - 1em);
}

.course .tab_content p,
.course .tab_content2 p {
    font-size: 13px;
    font-size: 1.3em;
    letter-spacing: .05em;
    margin-bottom: 20px;
}

.course .tab_content .lead,
.course .tab_content2 .lead {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .15em;
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.course .tab_content .course_detail,
.course .tab_content2 .course_detail{
    text-align: left;
    font-size: 1.3em;
    margin-top: 10px;
    margin-bottom: 30px;
}
.course .tab_content.content-plus .course_detail,
.course .tab_content2.content-plus .course_detail{ color: #EA5520;}
.course .tab_content.content-kabu .course_detail,
.course .tab_content2.content-kabu .course_detail{ color: #2c4198;}
.course .tab_content.content-fudo .course_detail,
.course .tab_content2.content-fudo .course_detail{ color: #0091d7;}


/*.course .tab_content small,
.course .tab_content2 small {
display: block;
font-size: 11px;
font-size: 1.1em;
letter-spacing: .05em;
text-align: left;
margin-bottom: 5px;
}*/

#moshikomi .course .tab_content table,
#moshikomi .course .tab_content2 table {
    width: 100%;
    border: 1px solid #b6b6b6;
}

#moshikomi .course .tab_content table tr:not(:last-child) th,
#moshikomi .course .tab_content2 table tr:not(:last-child) th,
#moshikomi .course .tab_content table tr:not(:last-child) td,
#moshikomi .course .tab_content2 table tr:not(:last-child) td {
    border-bottom: 1px solid #b6b6b6;
}

#moshikomi .course .tab_content table th,
#moshikomi .course .tab_content2 table th {
    background: #fafafa;
    width: 22%;
    font-size: 14px;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    border-right: 1px dotted #b6b6b6;
}

#moshikomi .course .tab_content table td,
#moshikomi .course .tab_content2 table td {
    padding: 10px 15px;
    text-align: left;
}

.course .tab_content .woman,
.course .tab_content2 .woman {
    margin: 30px auto;
}

.course .tab_content .present,
.course .tab_content2 .present {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #e6e6e6;
    padding: 15px 15%;
}

.course .tab_content .present .title,
.course .tab_content2 .present .title {
    float: left;
    width: 72%;
    padding: 0;
}

.course .tab_content .present .title h4,
.course .tab_content2 .present .title h4 {
    font-size: 17px;
    font-size: 1.7em;
    letter-spacing: .15em;
    margin-top: 10px;
}

.course .tab_content .present .title p,
.course .tab_content2 .present .title p {
    font-size: 13px;
    font-size: 1.3em;
    line-height: 1.5;
    letter-spacing: .05em;
    margin-top: 15px;
    margin-bottom: 0;
}

.course .tab_content .present figure,
.course .tab_content2 .present figure {
    float: right;
    width: 28%;
}

.course .tab_content .present figure img,
.course .tab_content2 .present figure img {
    max-width: 73px;
}

.link *,
.link02 *{ text-align: center;}

.course .tab_content .link a,
.course .tab_content2 .link a {
    display: block;
    /*    font-size: 13px;
    font-size: 1.3em;*/
    color: #00a0e9;
    line-height: 1.7;
    letter-spacing: .05em;
    margin: .5em auto 0;
}

.course .tab_content .link02 p,
.course .tab_content2 .link02 p{ margin-bottom: 0;}
.link02 a{
    display: block;
    font-size: 13px;
    font-size: 1.3em;
    color: #EA5520;
    line-height: 1.7;
    letter-spacing: .05em;
    margin: .5em auto 0;
}
.link02 a.btn{
    max-width: 380px;
    border: 1px solid;
    border-radius: 3px;
    padding: .6em;
}

.btn a.kabu{
    background: #2c4198;
    box-shadow: 0 1.5px 0 #060e2d;
}
.btn a.fudo{
    background: #0092d8;
    box-shadow: 0 1.5px 0 #003a56;
}


.tab_content + p.up,
.tab_content2 + p.up{
    display: none;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 50px;
}

.tab_content #formID .courseInfo th .step,
.tab_content2 #formID .courseInfo th .step{
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    padding: 0 15px;
}

.tab_content.content-plus #formID .courseInfo th .step,
.tab_content2.content-plus #formID .courseInfo th .step{
    background: #ea5520;
}

.tab_content.content-kabu #formID .courseInfo th .step,
.tab_content2.content-kabu #formID .courseInfo th .step{
    background: #2c4198;
}

.tab_content.content-fudo #formID .courseInfo th .step,
.tab_content2.content-fudo #formID .courseInfo th .step{
    background: #0092d8;
}

.tab_content + p.up.active,
.tab_content2 + p.up.active {
    display: block;
}

.course .tab_content.content-plus,
.course .tab_content2.content-plus {
    border: 1px solid #EA5520;
}

.course .tab_content.content-plus h3,
.course .tab_content2.content-plus h3 {
    color: #EA5520;
}

.course .tab_content.content-kabu,
.course .tab_content2.content-kabu {
    border: 1px solid #2c4198;
}

.course .tab_content.content-kabu h3,
.course .tab_content2.content-kabu h3 {
    color: #2c4198;
}

.course .tab_content.content-fudo,
.course .tab_content2.content-fudo {
    border: 1px solid #0091d7;
}

.course .tab_content.content-fudo h3,
.course .tab_content2.content-fudo h3 {
    color: #0091d7;
}

.course .tab_content table p,
.course .tab_content2 table p {
    line-height: 1.2;
}

/* ====================================
        Webコース
==================================== */
.semiweb {
    width:100%;
    margin:35px 0;
    border-collapse: separate;
    border-spacing: 10px 0;
}
.semiweb th,
.semiweb td {
    border-top: 1px solid #E6E6E6;
}
.uline {
    border-bottom:1px solid #E6E6E6;
}
.semiweb th {
    width: 80px;
    height: 50px;
    font-size: 1.5em;
    padding: 10px 0px;
    font-weight: normal;
    text-align: center;
    line-height: 1.4;
}
.semiweb td {
    height: 50px;
    font-size: 1.5em;
    padding: 14px;
    text-align: left;
}
.wrp {
    width:700px;
    margin:0 auto 35px;
    padding:5%;
    border:1px solid #ea5520;
}
.spbr {
    display:none;
}
/*.wrp .btn a{
border-radius:10px;
}*/
.wrp .btn a.arrow01{ background: #ea5520 url(/school/assets/images/common/btn_icon_arrow01.png) 95% center no-repeat;}
.wrp .btn a.arrow01::after{ content: none;}
div.btn_free > a {
    padding: 10px 0;
    font-size: 16px;
    color: #18B4D4;
    display: block;
}

.web_course article {
    padding-bottom: 30px;
}

.web_course h3 {
    font-size: 20px;
    font-size: 2.0em;
    /*    text-align: left;*/
    border: 1px solid #000;
    padding-bottom: 0;
    margin-bottom: 15px;
    line-height: 2.3;
}

.web_course dl {
    border-top: 1px solid #000;
    margin-bottom: 35px;
    margin-top: 20px;
}

.web_course dl dt {
    float: left;
    width: 150px;
    height: 50px;
    font-size: 15px;
    font-size: 1.5em;
    background: #efefef;
    border-left: 1px solid #000;
    border-right: 1px dashed #000;
    border-bottom: 1px solid #000;
    padding: 14px 25px;
    text-align: left;
    font-weight: bold;
    letter-spacing: .1em;
}

.web_course dl dd {
    float: left;
    width: 550px;
    height: 50px;
    font-size: 15px;
    font-size: 1.5em;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 14px 25px;
    text-align: left;
}

.web_course dl dd.dd_heigt {
    height: 190px;
}

.web_course dl dt.dt_heigt {
    height: 190px;
}

.web_course dl dd.dd_heigt2 {
    height: 80px;
    line-height: 1.8;
}

.web_course dl dt.dt_heigt2 {
    height: 80px;
}

#k1808 .web_course dl dt.first,
#k1808 .web_course dl dd.first,
#n1808 .web_course dl dt.first,
#n1808 .web_course dl dd.first {
    height: 190px;
}

.web_course .notes {
    margin-top: 35px;
}

.web_course .notes small {
    display: block;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 1em;
}

.kyPlus {
    font-size: 1.3em;
    text-align: left;
}

ul.kyPlus li{
    text-indent: -1.25em;
    margin-left: 1.25em;
}
ul.kyPlus li::before{
    content: "\25cf";
    padding-right: .25em;
}

.kyPlus ul li {
    line-height: 150%;
    letter-spacing: 1px;
}

ol.kyPlus li {
    padding: 1px 0px 1px 0px;
    line-height: 130%;
    letter-spacing: 1px;
}

ol.kyPlus span {
    font-weight: bold;
}

#plus .kyPlus span,
#plus2 .kyPlus span {
    color: #ED8469;
}

#plus ol.kyPlus,
#plus2 ol.kyPlus {
    color: #D15032;
}

#kabu ul.kyPlus span,
#kabu2 ul.kyPlus span,
#kabu ol.kyPlus,
#kabu2 ol.kyPlus {
    color: #2c4198;
}

#fudo ul.kyPlus span,
#fudo2 ul.kyPlus span,
#fudo ol.kyPlus,
#fudo2 ol.kyPlus {
    color: #0091d7;
}


@media screen and (max-width: 1024px) {
    .course .tabs li.plus .ttl{ left: 0;}
    .course .tabs li .ttl .bold{ font-size: 23px;}

    .wrp {
        width:100%;
        margin:0 auto 35px;
        padding:5%;
        border:1px solid #ea5520;
    }
    .spbr {
        display:block;
    }

    .web_course dl {
        border-top: 1px solid #000;
        margin-bottom: 35px;
    }

    .web_course dl dt {
        width: 25%;
        padding: 14px 5px;
    }

    .web_course dl dd {
        width: 75%;
        padding: 14px 0;
    }
}

@media screen and (max-width: 599px) {

    #moshikomi h2 .free {
        font-size: 20px;
        border: 2px solid #ea5520;
        width: 68px;
        height: 68px;
    }

    .course .tabs,
    .course .tabs2 {
        display: none;
    }

    .course_link{
        display: table !important;
        width: 100%;
        margin-top: 1em;
        margin-bottom: 6em;
    }
    .course_link li{
        display: table-cell;
        position: relative;
        font-size: 12px;
        width: calc(100% / 3);
    }
    .course_link li a{
        display: block;
        padding: .5em;
        color: #fff;
        border-radius: 3px;
        margin: 0 5px;
        line-height: 1.5;
    }
    .course_link .plus a{
        background: #EA561F;
        box-shadow: 0 2px 0 #9c330b;
    }
    .course_link .kabu a{
        background: #2c4198;
        box-shadow: 0 2px 0 #040f3c;
    }
    .course_link .fudo a{
        background: #0391d7;
        box-shadow: 0 2px 0 #02557d;
    }


    .course .sp-tab-title {
        display: block;
/*        margin-bottom: 10px;*/
        position: relative;
        padding: 10px;
        font-size: 16px;
        min-height: 110px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    /*    .course .sp-tab-title.active {
    margin-bottom: 0;
}
    .course .sp-tab-title::after {
    content: "詳しく見る▼";
    display: block;
    position: absolute;
    bottom: -2em;
    left: 0;
    right: 0;
}*/
    /*    .course .sp-tab-title.active::after {
    content: none;
}*/

    .course .sp-tab-title.plus {
        background: #fef3ef;
        border: 1px solid #EA5520;
        margin-top: 30px;
        border-bottom: 0;
    }

    /*    .course .sp-tab-title.plus::before {
    content: url(/school/assets/images/kyouyousemi/tab_plus_tag.png);
    position: absolute;
    top: -45px;
    left: 15px;
}*/

    /* 追加 */
    .course .sp-tab-title.plusweb {
        background: #fef3ef;
        border: 1px solid #EA5520;
        margin-top: 80px;
    }

    .course .sp-tab-title.plusweb::before {
        content: url(/school/assets/images/kyouyousemi/tab_plus_tag.png);
        position: absolute;
        top: -45px;
        left: 15px;
    }

    .course .sp-tab-title.plusweb::before {
        content: url(/school/assets/images/kyouyousemi/tab_plus_tag.png);
        position: absolute;
        top: -45px;
        left: 15px;
    }

    .course .sp-tab-title.kabu {
        background: #2c4198;
        border: 1px solid #2c4198;
        color: #fff;
    }

    .course .sp-tab-title.fudo {
        background: #0091d7;
        border: 1px solid #0091d7;
        color: #fff;
    }

    .course .sp-tab-title .caption {
        text-align: center;
        font-size: .9em;
        margin-bottom: 0;
        width: 100%;
    }

    .course .sp-tab-title .caption::before {
        content: "\2572";
        color: #EA5520;
    }

    .course .sp-tab-title .caption::after {
        content: "\2571";
        color: #EA5520;
    }

    .course .sp-tab-title h2.ttl {
        text-align: left;
        font-size: 1em;
    }

    .k_semi .course .sp-tab-title.plus h2.ttl {
        text-align: left;
        font-size: 20px;
        padding: .5em 5px;
        width: 100%;
        line-height: 1;
        font-weight: normal;
        color: #EA5520;
        font-size: 1.7em;
    }
    .k_semi .course .sp-tab-title.plus h2.ttl .baloon{
        position: absolute;
        top: -5em;
        font-size: 13px;
        background: #fff;
        padding: 1em;
        border: 1px solid;
        letter-spacing: 0;
        border-radius: 3px;
    }
    .k_semi .course .sp-tab-title.plus h2.ttl .baloon::before{
        content: "";
        border: 6px solid transparent;
        border-top: 8px solid #EA5520;
        position: absolute;
        left: 50%;
        bottom: -14px;
    }
    .k_semi .course .sp-tab-title.plus h2.ttl .baloon::after{
        content: "";
        border: 7px solid transparent;
        border-top: 10px solid #fff;
        position: absolute;
        left: calc(50% - 1px);
        bottom: -14px;
    }


    .k_semi .course .sp-tab-title.plus h2.ttl .course {
        color: #333;
        font-size: .6em;
    }

    .k_semi .course .sp-tab-title.plus h2.ttl .course .bold {
        color: #EA5520;
        font-size: 1.5em;
    }

    .k_semi .course .sp-tab-title .caption {
        text-align: left;
        font-size: 16px;
        margin-bottom: 0;
        width: 100%;
    }

    .k_semi .course .sp-tab-title.plus .time {
        background-color: transparent;
        border: solid 2px #EA5520;
        color: #EA5520;
        border-radius: 100%;
        padding: 10px 6px 6px;
        text-align: center;
        font-size: 14px;
        width: 60px;
        height: 60px;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        line-height: 1.8;
    }


    .k_semi .course .sp-tab-title.plus .time .bold {
        font-size: 24px;
        display: block;
        line-height: .7;
        font-weight: 600;
    }

    .k_semi .course .sp-tab-title h2.ttl {
        text-align: left;
        font-size: 1.6em;
        padding: 0 5px;
        font-weight: normal;
        line-height: 1.5;
    }

    .k_semi .course .sp-tab-title.kabu .time,
    .k_semi .course .sp-tab-title.fudo .time{
        background-color: transparent;
        border: solid 2px;
    }

    .k_semi .course .sp-tab-title .time {
        color: #fff;
        border-radius: 100%;
        padding: 10px 6px 6px;
        text-align: center;
        font-size: .75em;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .course .sp-tab-title h2.ttl .bold {
        font-size: 1.6em;
    }

    .course .sp-tab-title.plus h2.ttl .bold {
        color: #EA5520;
    }

    .course .sp-tab-title.kabu h2.ttl .bold {
        color: #2c4198;
    }

    .course .sp-tab-title.fudo h2.ttl .bold {
        color: #0091d7;
    }

    .course .sp-tab-title h2.ttl::after {
        content: none;
    }

    .course .sp-tab-title .time {
        color: #fff;
        border-radius: 100%;
        padding: 10px 6px 6px;
        text-align: center;
        font-size: .75em;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .course .sp-tab-title.plus .time {
        background: #EA5520;
    }

    .course .sp-tab-title.kabu .time {
        background: #2c4198;
    }

    .course .sp-tab-title.fudo .time {
        background: #0091d7;
    }

    .course .sp-tab-title .time .bold {
        font-size: 1.6em;
        display: block;
        line-height: .7;
    }

    .tab_content + p.up,
    .tab_content2 + p.up{ display: inherit;}
    .course .tab_content,
    .course .tab_content2{
        display: block;
        padding: 20px 5% 25px;
        margin-bottom: 10px;
        height: 15em;
        overflow: hidden;
        position: relative;
        transition: 3s all ease;
        border-top: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .course .tab_content.active,
    .course .tab_content2.active{ height: auto;}
    .course .tab_content::after,
    .course .tab_content2::after{
        content: "";
        height: 100%;
        width: 100%;
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
    .course .tab_content.active::after,
    .course .tab_content2.active::after{ content: none;}

    .course .tab_content h3,
    .course .tab_content2 h3 {
        font-size: 2.3em;
        margin-bottom: 10px;
    }

    .course .tab_content h3 .txt,
    .course .tab_content2 h3 .txt { width: 100%;}
    .course .tab_content h3 .time,
    .course .tab_content2 h3 .time {
        display: none;
    }

    .course .tab_content p,
    .course .tab_content2 p {
        margin-bottom: 10px;
        font-size: 1.7em;
    }

    .course .tab_content .lead,
    .course .tab_content2 .lead {
        font-size: 2.3em;
        margin-bottom: 10px;
    }

    #moshikomi.course .tab_content table th,
    #moshikomi.course .tab_content2 table th,
    #moshikomi.course .tab_content table td,
    #moshikomi.course .tab_content2 table td{
        display: block;
        width: 100%;
    }

    .course .tab_content .woman,
    .course .tab_content2 .woman {
        margin-top: 25px;
    }

    .course .tab_content .present,
    .course .tab_content2 .present {
        /*margin: 20px -5% 0;*/
        padding: 10px 5%;
    }

    .course .tab_content .present .title,
    .course .tab_content2 .present .title {
        width: 78%;
    }

    .course .tab_content .present figure,
    .course .tab_content2 .present figure {
        width: 20%;
    }

    .course .tab_content .present .title h4,
    .course .tab_content2 .present .title h4 {
        font-size: 16px;
        font-size: 1.6em;
        letter-spacing: 0;
        margin-top: 5px;
    }

    .course .tab_content .present .title p,
    .course .tab_content2 .present .title p {
        font-size: 12px;
        font-size: 1.2em;
        letter-spacing: 0;
        margin-top: 8px;
    }

    .course .tab_content .present figure img,
    .course .tab_content2 .present figure img {
        max-width: 50px;
    }

    .course .tab_content .link a,
    .course .tab_content2 .link a { font-size: 1em;}

    .course .tab_content.content-plus,
    .course .tab_content2.content-plus{
        border: 1px solid #EA5520;
        padding: 20px 5% 0;
        border-top: 0;
    }

    .course .tab_content.content-basic,
    .course .content-basic.tab_content2 {
        border: 1px solid #4a74a2;
        border-top: none;
        padding: 20px 5% 0;
    }
    
    .course .tab_content.content-plus.wrp,
    .course .tab_content2.content-plus.wrp,
    .course .tab_content.content-basic.wrp,
    .course .content-basic.tab_content2.wrp{ padding: 0 5% 30px;}

    .course .tab_content h3,
    .course .tab_content2 h3 {
        /*font-size: 23px;*/
        font-size: 2.3em !important;
        margin-bottom: 10px;
    }

    .course .tab_content p,
    .course .tab_content2 p {
        margin-bottom: 10px;
    }

    .course .tab_content table,
    .course .tab_content2 table {
        /*display: none; */
    }

    .course .tab_content .woman,
    .course .tab_content2 .woman {
        margin-top: 25px;
    }

    .course .tab_content .present,
    .course .tab_content2 .present {
        /*margin: 20px -5% 0;*/
        padding: 10px 5%;
    }

    .course .tab_content .present .title h4,
    .course .tab_content2 .present .title h4 {
        font-size: 16px;
        font-size: 1.6em;
        letter-spacing: 0;
        margin-top: 5px;
    }

    .course .tab_content .present .title p,
    .course .tab_content2 .present .title p {
        font-size: 12px;
        font-size: 1.2em;
        letter-spacing: 0;
        margin-top: 8px;
    }

    .course .tab_content .present figure img,
    .course .tab_content2 .present figure img {
        max-width: 50px;
    }

/*    .course .tab_content .link a,
    .course .tab_content2 .link a{
    font-size: 10px;
    font-size: 1.0em; }*/

    .course .tab_content.content-plus,
    .course .tab_content2.content-plus{
        border: 1px solid #EA5520;
        border-top: 0;
    }

    .course .tab_content.content-basic,
    .course .tab_content2.content-basic{
        border: 1px solid #4a74a2;
        border-top: none;
    }

    .kyPlus,
    .kyBase,
    .course .tab_content .course_detail,
    .course .tab_content2 .course_detail,
    .link02 a{ font-size: 1.7em !important;}

    #k1808 .course .tab_content table th,
    /*#k1808  .course .tab_content2 table th*/
    {
        width: 100%;
        display: block;
    }

    #k1808 .course .tab_content table td,
    /*#k1808  .course .tab_content2 table td*/
    {
        width: 100%;
        display: block;
    }

    #k1808 .course .tab_content table p,
    /*#k1808 .course .tab_content2 table p*/
    {
        line-height: 1.2;
    }


    .web_course dl {
        margin-bottom: 20px;
    }

    .web_course dl dt {
        font-size: 13px;
        /*      font-size: 1.3em;*/
    }

    .web_course dl dd {
        font-size: 13px;
        /*      font-size: 1.3em;*/
        padding: 14px 10px;
        text-align: left;
    }

    .web_course .notes {
        margin-top: 20px;
        font-size: 13px;
        line-height: 1.7;
    }


    #k1808 .web_course dl dt.first,
    #k1808 .web_course dl dd.first,
    #n1808 .web_course dl dt.first,
    #n1808 .web_course dl dd.first {
        height: 225px;
    }

}