@charset "utf-8";
/* CSS Document */

#headerArea{position:absolute;width: 100%;background: none;}
#headerArea .logoBox{
    width: 40%;
}

.sectionInner .normalBtn01{ background:none; padding:0; margin:3em 0 0;}
.normalBtn01{padding:25px 0 15px;margin-top: 0em;background:#B2E6E2;}
.normalBtn01 .txtBtn .subText{font-size: 120%;font-weight:bold;display:inline-block;padding:0 1.2em 0em;position:relative;}



.dispInBlock{display: block;}
h3{margin-bottom: 0.5em;}
h3 span{font-size: 67%;}
/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/

#mainView{background:url(/ochanoma/kids_summer2024/images/img_top_sp.jpg) no-repeat center;background-blend-mode: lighten;width: 100%;height: auto;padding: 0em 0 0em;margin-bottom: 0px;margin-top: 85px;background-size: cover;}
#mainView .mainViewInner{padding: 0;}
#mainView .bgBox{display:inline-block;padding:2em 7em 0 0;width: 100%;}
#mainView .bgBox .formBox{  margin:1em auto 0;}
#mainView .formBox.smallBtn .formBtn{max-width: initial;min-width: initial;font-size: 110%;padding: 0.5em 0em 0.5em;}
#mainView .cmBtn{ position:absolute; right:1em; bottom:40px;}
.formBox .sub02Text{text-align: center;font-size: 100%;font-weight: bold;margin-top: 1em;}
#btnBox img {border-radius: 5px; }

/*-- コンテンツボタン --*/
#btnBox{width: 95%;margin: 40px auto 0;}
#btnBox div h3{font-size: 200%;text-align: center;line-height: 1.3;}
#btnBox div h3 span{font-size: 100%;}
#btnBox div p{text-align: left;line-height: 1.5;}
#btnBox ul{margin: 2em 0 0;}
#btnBox ul li{width:33%;padding: 1em 0.5em;margin-bottom: 1.5em; }
#btnBox ul li:nth-child(3){border-right: 1px solid #000;}
#btnBox ul li:nth-child(2){padding: 0;}
#btnBox ul li::after{bottom: 0;}
#btnBox ul li p{font-size: 100%;}


/*-- NOVA夏の完全パックの内容 --*/
#allpackSec{}
#allpackSec h3{font-size: 200%;line-height: 1.2;text-align: center;}
#allpackSec h3 span{font-size: 105%;}
#allpackSec .ttlBox p{font-size: 120%;text-align: left;}
#allpackSec .contentsBox p img{width: 80%;margin: auto;}
#allpackSec .contentsBox > p{margin: 1em auto 2em;}
#allpackSec .contentsBox .coler_b{font-size: 140%;line-height: 1.4;}
#allpackSec .contentsBox .sampleBox{margin: 0 auto 4em;}
#allpackSec .contentsBox .sampleBox .sampleimg img{width: 100%;}
#allpackSec .contentsBox .sampleBox .samplebag{width: 26%;top: -1em;right: -1em;}
#allpackSec .contentsBox .expBox p{width: 47%;margin: 0 0.3em;}
#allpackSec .contentsBox .expBox img{width: 100%;}


#highlevelSec h3{font-size: 200%;line-height: 1.2;margin: 0em 0 0;;}
#highlevelSec div.whiteBox{margin:2em 0 0;padding: 2em 1.5em 1em;}
#highlevelSec div.whiteBox .fuki{top: -17px;width: 59%; left: 12px;}
#highlevelSec div.whiteBox .subttl{font-size: 150%;line-height: 1.2;}
#highlevelSec div.whiteBox p,#highlevelSec div.whiteBox p{font-size: 100%;}
#highlevelSec div.whiteBox .checkBox{padding-left: 0;}
#highlevelSec div.whiteBox .checkBox p{font-size: 115%;left: 40%;}
#highlevelSec div.whiteBox::before{line-height: 39%;left: 40%;}
#highlevelSec .allnova{font-size:200%; line-height: 1.3em;margin-top: 1.5em;}

#qualitySec .sectionInner{padding: 10% 0;}
#qualitySec h3{font-size: 200%;line-height: 1.2;text-align: center;}
#qualitySec h3 .s_ttl{font-size:70%;margin-bottom: 0.2em;}
#qualitySec h3 span{font-size: 137%;}
#qualitySec .subttl{font-size: 120%;}
#qualitySec p.qualitytxt{text-align: left;font-size:128%; }
#qualitySec .pointBox h4{font-size:140%; }
#qualitySec .pointBox ul{margin: 2em auto 0;}
#qualitySec .pointBox li{width: 100%;margin: 1em 2em;}
#qualitySec .pointBox li .ttl{font-size: 170%;}
#qualitySec .pointBox li span{font-size: 300%;width: 24px;height: 10px;}
#qualitySec .pointBox li p.txt{font-size: 110%;}


#nkcSec h3{font-size: 200%;line-height: 1.2;text-align: center;}
#nkcSec h3 .s_ttl{font-size:65%;margin-bottom: 0.2em;}
#nkcSec h3 span{font-size: 110%;}
#nkcSec .subttl{font-size: 120%;}
#nkcSec .aboutNkcBox{width: 100%;padding: 1em;}
#nkcSec .aboutNkcBox .ttlBox{background-position: center;height: 140px;}
#nkcSec .aboutNkcBox .ttlBox .ttl{font-size:150%;width: 80%; }
#nkcSec .aboutNkcBox .ttlBox span{font-size: 130%;}
#nkcSec .aboutNkcBox .youtubeBtn{width: 18%;right: 2em;bottom: 0;}
#nkcSec .aboutNkcBox p.txt{font-size: 130%;padding: 0.5em;}
#nkcSec .aboutNkcBox .nkcPointLi{width: 46%;}
#nkcSec .aboutNkcBox .nkcPointLi .txt{font-size: 120%;padding: 0;}
#nkcSec .aboutNkcBox .pointBox .pointNum{color: #f93c38; border: 1px solid #f93c38;display: block;padding: 0.3em 0.1em 0.3em 0.5em; line-height: 1;position: relative; margin: 0.75em 1em 0.25em 0;width: 5em;}
#bannerArea .aboutNkcBox .pointBox .pointNumTxt{position: relative; z-index: 1;}
#nkcSec .aboutNkcBox .pointBox .pointNum:after{display: none;}
#nkcSec .aboutNkcBox p.pointBox{font-size: 135%;}
#nkcSec .pro_ttl{font-size: 175%;}
#nkcSec .programBox .courseBox{padding: 15px;}
#nkcSec .programBox .detailBox .img{width: 75%;margin: 0 auto 1em;}
#nkcSec .programBox .detailBox .img img{width: 100%;}
#nkcSec .programBox .detailAra h4{display: block;line-height: 1em;}
#nkcSec .programBox .detailAra h4 .ttl{font-size: 85%;}
#nkcSec .programBox .detailAra h4 .taishyou{font-size: 60%;}
#nkcSec .programBox .txt{width: 100%;margin: 0;font-size: 75%;}

#nkcSec .pro_btn p{font-size:150%; padding:5px 20px 5px 8%;}
#nkcSec .pro_btn p::before{width: 12px;height: 12px;}

#plotSec .sectionInner{padding: 40px 0 40px;}
#plotSec h3{font-size: 200%;line-height: 1.2;text-align: center;}
#plotSec h3 .s_ttl{font-size:70%;margin-bottom: 0.2em;}
#plotSec h3 span{font-size: 110%;}
#plotSec .subttl{font-size: 120%;}
#plotSec .plottxt{height: 50px;width: 80%;}
#plotSec .plottxt span{font-size:60%; }
#plotSec .orange{font-size: 150%;line-height: 1.4;}
#plotSec .blue{font-size: 170%}


#planSec .sectionInner{padding: 40px 0 60px;}
#planSec h3{font-size: 172%;line-height: 1.2;text-align: center;}
#planSec h3 .s_ttl{font-size:70%;margin-bottom: 0.2em;}
#planSec h3 span{font-size: 110%;}
#planSec .subttl{font-size: 120%;}
#planSec .planBox .plan.summer_pack{margin: 4.5em auto 1em;}
#planSec .planBox .plan.summer_pack .fuki{width: 25%;top:-9%; }
#planSec .planBox .plan h4{font-size: 170%;}
#planSec .planBox .plan h4 span{    font-size: 58%;display: block;line-height: 1.2; margin-top: 0.7em;}
#planSec .planBox .plan h4::before{border-left:10px solid #33BEB7;}
#planSec .planBox .plan ul{margin: 1em auto 0.5em;}
#planSec .planBox .plan li{padding: 2px 15px;font-size: 110%;margin: 2px 0;}

#planSec .planBox .plan .feeBox p{width: 100%;margin: 0;font-size: 103%;padding: 10px;}
#planSec .planBox .plan .feeBox p span{font-size:140%; }
#planSec .planBox .plan .feeBox p:nth-child(2){border-left: 1px solid #000;border-top: none;}
#planSec .planBox .plan .feeBox .tax{font-size: 90%;}
#planSec .planBox .plan .plan_btn{width: 80%;margin: 1em auto 0;}
#planSec .planBox .plan .kyozai{text-align: left;}
#planSec .planBox .plan .feeBox p.student{width: 100%;border-right:none;border-bottom: 1px solid #000;padding: 5px 5px 5px;}
#planSec .planBox .plan .feeBox p:last-child{border-left: none;border-top: 1px solid #000;}
#planSec .planBox .plan .feeBox p:nth-child(2){border-left: none;}

#planSec .planBox .plan.nkc_pack .feeBox p{width: 100%;}
#planSec .planBox .plan.nkc_pack .feeBox p:last-child{border-top: none;}