@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/
#mainView{background: url(/ochanoma/images_shin/kids_plan/img_header01.jpg) no-repeat center right 29%/cover;max-width: 1200px;margin: 0 auto 0;}
#mainView .mainViewInner{max-width:1000px;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--*/
.close_btn { font-size:25px; cursor: pointer;font-weight: bold;line-height: 0.4em;}
.close_txt{font-size: 9px;}
.popup_content { width: 95%; /*height: 70%;*/border: solid 10px #DA594E;}
#campaignSec .pop_txt{position: absolute;/*left: 7%; bottom: 4%;*/font-size: 95%; top: 52%;}
#campaignSec .address_register{padding-left: 3%;}
#campaignSec .cp_banner img{padding: 0 1em; margin: 2em auto 0;}
#campaignSec .popup_content img{width: 100%;}
#campaignSec .taikenBox{font-size: 150%;}
#campaignSec .taiken{width: 80% ;font-size: 160%}
#campaignSec .formBox{margin: 1.0em 0 1.0em 0;}
.popup_content .smalltxt{font-size: 70%; line-height: 1.4;}

/*-- 英語が勉強になる前から「お茶の間留学」 --*/
#ochanomaSec{}
#ochanomaSec .listBox .txtPoint{font-size: 190%;color:#f991c0;font-weight: bold;}
#ochanomaSec .contentsBox{max-width:800px;}
#ochanomaSec .getsugaku { font-size: 175%;margin: 0.5em auto;}
#ochanomaSec .getsugaku .num{font-size:130%;}

/*-- 幼少期から英語に親しむことが大きなアドバンテージに --*/
#advantageSec{}
#advantageSec .boxArea{background:#fff;margin: 0 0 1em;padding: 2em 1em;border-radius: 10px;}
#advantageSec .boxArea .leftBox{padding: 0 0 0 0;}
#advantageSec .boxArea .imgBox{width:100%;}
#advantageSec .ttl-h4{font-size: 125%;line-height: 1.2;margin: 0 0 1em;}
#advantageSec .popupBtn{text-align:center;margin: 1em 0 1.5em 0;}

/*-- レッスンの秘密 --*/
#lessonHimitsuSec{}
#lessonHimitsuSec .himitsuListBox{border:5px solid #cccccc;padding: 2em 1em;}
#lessonHimitsuSec .himitsuBox{padding-bottom: 3em;}
#lessonHimitsuSec .ttl-h4{font-size: 125%;}
#lessonHimitsuSec .ttl-h5{margin-bottom:0.5em;font-size: 115%;}
#lessonHimitsuSec .ttl-h5 img{margin:0 0.5em 0 0;width: 1.8em;}
#lessonHimitsuSec .methodBox{width: 100%;padding: 2em 0;}
#lessonHimitsuSec .methodBox .txtBox{padding: 0 1em 0 0;margin: 0;width: 75%;}
#lessonHimitsuSec .methodBox .imgBox{width: 25%;padding: 0.5em 0 0 0;}
#lessonHimitsuSec .method01{width:100%;margin-bottom: 0;border-bottom:1px dashed #b4b4b5;}
#lessonHimitsuSec .method01 .txtBox{width:100%;padding: 0;}
#lessonHimitsuSec .method01 .imgBox{width:100%;justify-content: center;}
#lessonHimitsuSec .method01 .ttl-h5{color:#ff0062;}
#lessonHimitsuSec .method01 .imgBox p:nth-of-type(1){margin-right:0.7em;}
#lessonHimitsuSec .method02{border-right: none;padding-right: 0;border-bottom: 1px dashed #b4b4b5;}
#lessonHimitsuSec .method02 .ttl-h5{color:#0068b6;}
#lessonHimitsuSec .method03{padding-left: 0;padding-bottom: 0;}
#lessonHimitsuSec .method03 .ttl-h5{color:#27a639;}
#lessonHimitsuSec .himitsuBox02 .txtBox{max-width: 600px;}
#lessonHimitsuSec .himitsuBox02 .imgBox{text-align:center;width: 100%;}
#lessonHimitsuSec .himitsuBox02 .imgBox p{display:inline-block;}
#lessonHimitsuSec .himitsuBox02 .popupBtn{margin:0; text-align:center;}
#lessonHimitsuSec .himitsuBox03 .txtBox{max-width:732px; margin:0 auto;}
#lessonHimitsuSec .himitsuBox03 .txtBox .txt01{width: 23%;}
#lessonHimitsuSec .himitsuBox03 .contentsInBox{overflow:scroll;}
#lessonHimitsuSec .himitsuBox03 .imgBox{width:150%;}
#lessonHimitsuSec .himitsuBox03 .txtBox{width:150%;}

/*-- レッスン受講の流れ --*/
#lessonJukouSec{}
#lessonJukouSec .lessonNagareBox dt{text-align:center;font-size: 110%;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 0.5em;margin: 0 0 2em 0;border-left:1px solid #4d4d4d;position: relative;width: 31%;}
#lessonJukouSec .lessonNagareBox .lessonNagareList li:after{content: "";display:block;width: 0.6em;height: 0.6em;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 .lessonNagareList .dummy{border:none;}
#lessonJukouSec .lessonNagareBox .lessonNagareList .dummy:after{border: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.3em 0.2em 0.1em;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{margin: 0 0 2em 0;}
#lessonJukouSec .part2Box .lessonNagareList li:after{border-top:2px solid #fbb03b; border-right:2px solid #fbb03b;}
#lessonJukouSec .hosokuBox{background: #ffefd8;padding: 1em 1em;margin: 1em 0 0;}
#lessonJukouSec .hosokuBox p{font-weight:bold;font-size: 90%;text-align: left;}
#lessonJukouSec .boxArea {padding: 3em 0 0 0;}
#lessonJukouSec .boxArea .txtBox{padding: 0 0 0 0;margin: 0;}
#lessonJukouSec .boxArea .txtBox dt{font-size: 110%;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;}
#lessonJukouSec .boxArea .imgBox{width: 100%;}

/*-- こどもプラン料金表 --*/
#planSec{}
#planSec .ttlBox{margin-bottom: 0.6em;}
#planSec .ttl-h4{margin-bottom: 0em;padding-left: 0.5em;width: 80%;}
#planSec .ttl-h4 .topBox{display:block;font-size: 80%;}
#planSec .ttl-h4 .bottomBox{display:block;font-size: 140%;}
#planSec .planBox {display: block;}
#planSec .imgCalendar{width:20%;}
#planSec .planTableBox{background:#fff;border-radius:10px;padding: 1em 1em;margin: 0 0 2em 0;}
#planSec .planTableBox .boxInner{max-width: 280px;margin:0 auto;}
#planSec .planTableBox .boxInner .planTable{width:100%;margin-bottom:1em;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{font-size: 140%;}
#planSec .planTableBox .text_present{font-size: 100%}

/*-- NOVAのノウハウが詰まったオリジナルテキスト --*/
#nouhauTextSec .contentsBox{padding: 2em; border: 4px solid #00b2bc; flex-wrap: wrap; border-radius: 10px;}
#nouhauTextSec .ttlBox{width: 100%;}
#nouhauTextSec .txtSub{text-align: center;}
#nouhauTextSec .txtMain{text-align: center; display: block;}
#nouhauTextSec .formBox{margin-top: 1em;}
#nouhauTextSec .formBox.small02 .txtBtn{text-align: left;}
#nouhauTextSec .formBox.small02 .formBtn{width: 100%; justify-content: center;}
#nouhauTextSec .imgBox{width: 60%; margin: 0.5em auto 0;}
#nouhauTextSec .contentsBox .imgBox{margin-left: auto;}

/*-- ファーストビュー下キャンペーン --*/
.imgtext_present{margin: 20px 2% 0 2%;}