@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/
.secBox > .sectionInner {padding: 40px 0 55px;}

#mainView{background:url(/ochanoma/images_shin/kids_plan/img_header01.jpg) no-repeat center center/cover;max-width: 1200px;margin: 0 auto 0;}
#mainView .mainViewInner{width: 100%;margin:0 auto;padding: 40px 0px 40px 50px;border-top: none;}
#mainView .bgBox{border:1px solid #fff;display:inline-block;padding: 0 0;}

.kidsPage .popupBtn{margin:0;}
.kidsPage .popupBtn .btn{background: #00b2bc;color: #fff;display: inline-block;line-height: 1;padding: 0.6em 1em 0.5em 1em;font-size: 125%;}

/*-- お茶の間留学キャンペーンPOPUP--*/
.popup_wrap input {display: none;}
.popup_overlay {display: flex;justify-content: center;overflow: auto;position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: opacity 0.5s, transform 0s 0.5s;transform: scale(0);}
.popup_trigger { position: absolute; width: 100%; height: 100%;}
.popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s;}
.open_btn {position: relative;cursor: pointer; transition: .3s ease;}
.open_btn:hover{ transition: .3s ease;opacity:0.8;}
.close_btn { position: absolute; top: 2%; right: 1%; font-size:35px; cursor: pointer;font-weight: bold;line-height: 0.4em;}
.close_txt{font-size: 13px;}

.popup_content { position: relative;align-self: center;max-width:800px;width: 95%; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s;height: auto;margin: 4em auto;border: solid 15px #DA594E;}
.popup_content p{margin: 0; text-align: center; font-size: 105%;}
.popup_content p .small{font-size: 85%;}
.popup_content .txtBtn{font-size: 90%;}
.popup_content .smalltxt{font-size: 75%; text-align: left; width: 92%; margin: 1em auto 0;}
.popup_content img{width: 100%;}
#campaignSec{text-align: center;}
#campaignSec .cp_banner img{margin: 2em auto 0em;}
#campaignSec .pop_txt{position: absolute; top: 57%;font-size: 105%;color: #333; width: 100%;}
#campaignSec .address_register{padding-left: 5%;}
#campaignSec a{color:#2d8cff; }

#campaignSec .taikenBox{font-size: 19px;font-weight: bold;}
#campaignSec .taiken{color:#000;width: 40%;padding: 0.7em; font-size: 170%;}
#campaignSec .formBox{margin: 1em 0 0;}

/*-- 英語が勉強になる前から「お茶の間留学」 --*/
#ochanomaSec{}
#ochanomaSec .listBox .txtPoint{font-size: 230%;color:#f991c0;font-weight: bold;}
#ochanomaSec .contentsBox{max-width:800px;}
#ochanomaSec .txtMain{ line-height: 1.2em;}

#ochanomaSec .getsugaku {
    color: #F990BF;
    font-weight: bold;
    font-size: 220%;
    line-height: 1.0em;
    margin: 0.2em auto;
    width: 14em;
    border: #eee 5px solid;
    padding: 0.5em 0.5em 0.3em 0.5em;
    border-radius: 60px;
}

#ochanomaSec .getsugaku .num{font-size:150%;}
#ochanomaSec .getsugaku .zei{font-size:65%;font-weight: normal;/*color: #3d3a39;*/}

/*-- 幼少期から英語に親しむことが大きなアドバンテージに --*/
#advantageSec{}
#advantageSec .boxArea{background:#fff;margin: 0 0 1em;padding: 2em 3em;border-radius: 10px;}
#advantageSec .boxArea .leftBox{padding:0 1em 0 0;}
#advantageSec .ttl-h4{font-size: 180%;line-height: 1.2;margin: 0 0 1em;}
#advantageSec .ttl-h3{margin: 20px 0 40px 0;}
#advantageSec .txtBox{margin-bottom: 0;}
#advantageSec .popupBtn{margin:1em 0 0 0;}

#advantageSec .boxArea .innerTxt{background: linear-gradient(transparent 50%,#ffff8e 50%);font-weight: bold;}

/*-- レッスンの秘密 --*/
#lessonHimitsuSec{}
#lessonHimitsuSec .himitsuListBox{border:5px solid #cccccc;padding: 4em 3em;}
#lessonHimitsuSec .himitsuBox{padding-bottom: 3em;}
#lessonHimitsuSec .ttl-h4{font-size: 230%;}
#lessonHimitsuSec .ttl-h5{margin-bottom:0.5em;font-size: 145%;}
#lessonHimitsuSec .ttl-h5 img{margin:0 0.5em 0 0;}
#lessonHimitsuSec .methodBox{width: 50%; padding:1.5em 0;}
#lessonHimitsuSec .methodBox .txtBox{padding:0 1.5em 0 0;margin: 0;}
#lessonHimitsuSec .method01{width:100%; margin-bottom:1.5em; border-bottom:1px dashed #b4b4b5;}
#lessonHimitsuSec .method01 .ttl-h5{color:#ff0062;}
#lessonHimitsuSec .method01 .imgBox p:nth-of-type(1){margin-right:0.7em;}
#lessonHimitsuSec .method02{border-right:1px dashed #b4b4b5;padding-right:2em;padding-bottom: 0;}
#lessonHimitsuSec .method02 .ttl-h5{color:#0068b6;}
#lessonHimitsuSec .method03{padding-left:2em;padding-bottom: 0;}
#lessonHimitsuSec .method03 .ttl-h5{color:#27a639;}
#lessonHimitsuSec .himitsuBox02 .txtBox{max-width: 525px; margin-right: 20px;}
#lessonHimitsuSec .himitsuBox02 .popupBtn{margin:0; text-align:center;}
#lessonHimitsuSec .himitsuBox03 .txtBox{max-width:732px; margin:0 auto;}
#lessonHimitsuSec .himitsuBox03 .txtBox .txt01{width: 23%;}

/*-- レッスン受講の流れ --*/
#lessonJukouSec{}
#lessonJukouSec .lessonNagareBox dt{text-align:center;font-size: 190%;line-height: 1;padding: 0.3em 0;background: #00b2bc;color: #fff;}
#lessonJukouSec .lessonNagareBox .lessonNagareList{padding-top:1em;}
#lessonJukouSec .lessonNagareBox .lessonNagareList li{text-align: center;padding: 0 1em;border-left:1px solid #4d4d4d;position: relative;}
#lessonJukouSec .lessonNagareBox .lessonNagareList li:after{content: "";display:block;width: 0.8em;height: 0.8em;position:absolute;left: -9%;top: 45%;border-top: 2px solid #00b2bc;border-right: 2px solid #00b2bc;background: #fff;transform: rotate(45deg);box-shadow: 0px 0px 0px 9px rgba(255,255,255,1);}
#lessonJukouSec .lessonNagareBox .lessonNagareList li:first-child{border-left:none;}
#lessonJukouSec .lessonNagareBox .lessonNagareList li:first-child:after{display:none;}
#lessonJukouSec .lessonNagareBox .txtHukushu{color: #4d4d4d; font-size: 60%;vertical-align: top;}
#lessonJukouSec .lessonNagareBox .txtMinutes{display:inline-block;background:#fff;color:#4d4d4d;font-size: 80%;border-radius:10px;padding: 0.2em 0.2em 0.2em;margin: 0 0 0 0.5em;vertical-align: bottom;}
#lessonJukouSec .part1Box{margin-bottom:2em;}
#lessonJukouSec .part2Box{margin-top:2em;}
#lessonJukouSec .part2Box dt{background:#fbb03b;}
#lessonJukouSec .part2Box .lessonNagareList li{}
#lessonJukouSec .part2Box .lessonNagareList li:after{border-top:2px solid #fbb03b; border-right:2px solid #fbb03b;}
#lessonJukouSec .hosokuBox{background: #ffefd8;padding:1em 0;margin: 1em 0 0;}
#lessonJukouSec .hosokuBox p{font-weight:bold;font-size: 120%;}
#lessonJukouSec .boxArea {padding: 3em 0 0 0;}
#lessonJukouSec .boxArea .txtBox{padding: 0 2em 0 0;margin: 0;}
#lessonJukouSec .boxArea .txtBox dt{font-size:120%;color: #4d4d4d;display:inline-flex;align-items: center;line-height: 1;margin-bottom: 0.5em;}
#lessonJukouSec .boxArea .txtBox dt:before{content:""; display:inline-block; width:1em; height:1em; margin:0 0.2em 0 0; background:#f991c0;}
#lessonJukouSec .boxArea .txtBox dd{font-size: 100%;color: #4d4d4d;margin-bottom: 1.5em;padding: 0 0 0 1.5em;}

/*-- こどもプラン料金表 --*/
#planSec{}
#planSec .ttlBox{margin-bottom: 0.6em;}
#planSec .ttl-h4{margin-bottom: 1em;padding-left: 0.5em;font-size: 124%;}
#planSec .ttl-h4 .topBox{display:block;font-size: 82%;}
#planSec .ttl-h4 .bottomBox{display:block;font-size: 170%;}
#planSec .planTableBox{background:#fff;border-radius:10px;padding: 2em 1em;}
#planSec .planTableBox .boxInner{max-width: 307px;margin:0 auto;}
#planSec .planTableBox .boxInner .planTable{width:100%;margin-bottom: 0.5em;font-size: 135%;}
#planSec .planTableBox .boxInner .planTable th{text-align:center;background:#666666;color:#fff;}
#planSec .planTableBox .boxInner .planTable td{text-align:center; color:#333333; font-weight:bold;}
#planSec .planTableBox .txtAnnotation{font-size: 90%;}
#planSec .planTableBox .campaign{color: #FE0001; font-size: 150%; text-align: center; font-weight: bold; margin: 0;}
#planSec .planTableBox .text_present{color: #FE0001; font-size: 110%; text-align: center;font-weight: bold; margin: 0 0 1em;}
#planSec .planTableBox .text_present .moretxt{font-size: 120%; line-height: 1.5;}
#planSec .planTableBox .red_solid{border: 5px solid #FE0001;}
#planSec .planTableBox .red_solid2{border: 5px solid #FE0001; border-bottom: 1px solid #ccc;}
#planSec .planTableBox .red_solid3{border: 5px solid #FE0001; border-top: 1px solid #ccc;}
#planSec .planTableBox .red_solid4{border: 5px solid #FE0001; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#planSec .planTableBox .bkcolor{background: #ffffe0;}

/*-- NOVAのノウハウが詰まったオリジナルテキスト --*/
#nouhauTextSec.secBox .sectionInner{padding: 80px 0;}
#nouhauTextSec .contentsBox{padding: 2em 5em; border: 4px solid #00b2bc; border-radius: 10px;}
#nouhauTextSec .contentsBox .imgBox{margin-left: 3em;}
#nouhauTextSec .txtSub{font-size: 80%; margin-bottom: 0.2em;}
#nouhauTextSec .txtMain{font-size: 110%; color: #00B2BC; padding: 0;}
#nouhauTextSec .formBox{margin-top: 1em;}
#nouhauTextSec .formBox.small02 .txtBtn{text-align: left;}
#nouhauTextSec .formBox.small02 .formBtn{width: 100%; justify-content: center; padding: 0.5em 0 0.6em 0;}

/*-- キャンペーンバナー --*/
.cmpbnr{width: 95%; max-width: 800px; height: auto; margin: 2em auto 0;}
.cmpbnr img{width: 100%; height: auto;}
.cmpbnr:hover{opacity: 0.8;}
.cmpbnr.under_bnr{margin: 1em auto 0;}

/*-- キャンペーン文言 --*/
.campaign_txt{text-align: center; background: #fffacd; border-radius: 15px; padding: 1em 0; margin: 0.3em auto 2em; width: 95%;}
.campaign_txt span{color: #FE0001;}
.campaign_txt.two{margin: 0.3em auto 1em;}
.redtxt{color: #FE0001; font-weight: bold;}
.bluetxt{color: #0000c9; font-weight: bold;}