@charset "utf-8";
/* CSS Document */
#wrap{padding-top: 2.9em;}

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

.sectionInner .normalBtn01{ background:none; padding:0; margin:3em 0 0;}
.normalBtn01{background: url(../images/2601/img_contents04_b.png) no-repeat center center/cover;padding: 30px 0;margin-top: 0em;}
.normalBtn01 .flexBox{display: block; }
.normalBtn01 .flexBox .txtBtn .formBtn{width: 90%; padding: 0.5em 0 0.5em; margin-bottom: 0.5em;}
.normalBtn01 .flexBox .txtBtn .formBtn2{width: 90%; padding: 0.5em 0 0.5em;}

/*----------------------------------------------------------------------------
***                                                            ファーストビュー
----------------------------------------------------------------------------*/

#mainView{background: url("../images/2601/img_top_sp.jpg") no-repeat center right 50%/100% auto;background-blend-mode: lighten;width: 100%;height: auto;padding: 0; /*background: #BC0000;*/}
#mainView .mainViewInner{padding: 0em 0 0em;}
#mainView .bgBox{width: 93%; margin: 0 auto; padding: 3em 0 0em;}
#mainView .bgBox .formBox{ margin: 0em auto; bottom: 2em;}
#mainView .formBox.smallBtn .formBtn{max-width: initial;min-width: initial;font-size: 120%;padding: 0.7em 0em 0.7em; width: 60%; border: solid 1px #Fff;}
#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; }

/*-- キャンペーン --*/
#campaignSec .phocha .campaignBox{/*padding: 30px 0 0;*/padding: 30px 0;}
/*#campaignSec .phocha .campaignBox .priceBox{padding: 0 5%;}
#campaignSec .phocha .campaignBox .priceBox .flexBox{display: block; margin: 1.5em auto 2.3em; width: auto;}
#campaignSec .phocha .campaignBox .priceBox h2{font-size: 170%;}
#campaignSec .phocha .campaignBox .listBox .listItem{width: 100%; font-size: 100%; margin: 0 auto;}
#campaignSec .phocha .campaignBox .price{font-size: 245%;}
#campaignSec .phocha .campaignBox .priceBox .fukidashi{top: auto; right: 1em; bottom: 1em; width: 20%;}*/
#campaignSec .phocha .campaignBox .detail{width: auto; padding: 0 5%;}
#campaignSec .phocha .campaignBox .detail h3{font-size: 140%;}
#campaignSec .phocha .campaignBox .detail p{margin: 0.3em 0 0;}
#campaignSec .phocha .campaignBox .detail .cptxt{margin: 0.3em 0 0.8em 0em; text-indent: 0;}
#campaignSec .phocha .campaignBox .detail .cptxt::before{display: none;}
#campaignSec .phocha .campaignBox .detail .cptxt.kids img{display: none;}
/*-- 料金 --*/
#campaignSec .priceBox .ttlTxt{font-size: 21px; text-align: center; margin: 1em auto 0.5em;}
#campaignSec .priceBox{width: 100%;}
#campaignSec .priceBox .titletxt{margin-bottom: 1em;}
#campaignSec .tableBox.nativeBox{margin-bottom: 1em;}
#campaignSec .priceBox .planTable th{font-size: 120%; line-height: 1; padding: 0.6em 0;}
#campaignSec .priceBox .lessonBox td{font-size: 120%;}
#campaignSec .priceBox .twoBox{display: block;}
.campaign_txt.two{width: 95%; margin-bottom: 1em;}
/*-- 毎日プラン --*/
#campaignSec .priceBox .mainichiPlan .txtBox{margin: 2em auto 0;}
#campaignSec .ttlTxt{font-size: 21px;text-align: center; margin-bottom: 0;}
#campaignSec .priceBox .mainichiPlan .ttl-h4{font-size: 125%;}
#campaignSec .priceBox .planBox{width: 100%; margin: 0 auto; padding: 1em;}
#campaignSec .priceBox .ttlBox{flex-wrap: wrap;}
#campaignSec .priceBox .ttl-h4{width: 100%; max-width: none; height: auto; padding: 1em 0; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 1; margin: 0 0 1em 0;}
#campaignSec .priceBox .listBox{width: 100%;}
#campaignSec .priceBox .planBox .listBox .listItem{font-size: 100%; font-weight: bold; width: 100%; padding: 0 0 0 1.4em; text-indent: -1.4em; margin-bottom: 0.5em; line-height: 1.2;}
#campaignSec .priceBox .planBox .listBox .listItem .txtAttentionPrice{font-size: 110%;}
#campaignSec .priceBox .txtAnnotation{font-size: 80%; padding: 0 0 0 1em; text-indent: -1em;}
#campaignSec .priceBox .planTableBox{flex-wrap: wrap;}
#campaignSec .priceBox .tableBox{width: 100%;}
#campaignSec .priceBox .planBox.mainichiPlan .txtPrice span{width: 25%; top: -1.8em; right: -1.3em;}
#campaignSec .priceBox{width: 100%; margin: 0 auto; padding: 0 5%;}
#campaignSec .priceBox .planBox.mainichiPlan .txtPrice{font-size: 175%;}
#campaignSec .priceBox .planBox.mainichiPlan .txtLabel{font-size: 115%; width: 90%;}
#campaignSec .priceBox .listBox li{width: 100%;}

/*-- 固定プラン --*/
#campaignSec .priceBox .koteiPlan .ttl-h4{font-size: 125%;}

/*-- フリープラン --*/
#campaignSec .priceBox .freePlan .ttl-h4{font-size: 125%;}
#campaignSec .priceBox .freePlan .ttl-h4 .popular{left: -4%; top: -70%;}
#campaignSec .priceBox .planTable .popularBox .popular{width: 35%; top: -80%; left: -17%;}

/*-- カラン・イングリッシュ --*/
#campaignSec .planBox.callanPlan .ttl-h4{font-size: 125%;}
#campaignSec .planBox.callanPlan .tableBox{width: 100%;}
#campaignSec .priceBox .planTable .txtPrice{font-size: 110%;}

/*-- こども --*/
#campaignSec .planBox.kidsPlan .ttl-h4{font-size: 125%;}
.camBox{display: block;}
#campaignSec .planBox.kidsPlan .tableBox.koteiBox{padding: 0 0% 1em 0;}
#campaignSec .planBox.kidsPlan .tableBox{width: 100%;}
#campaignSec .planBox.kidsPlan .valueBox .value{width: 20%; top: -180%; left: -10%;}
#campaignSec .planBox.kidsPlan .campaign_txt{margin: 0.3em auto 0;}
.attenblack{font-size: 110%;}

/*-- NOVAオリジナルテキスト --*/
#campaignSec .originalTextBox{width: 100%; padding: 0 5%; margin: 2em auto 0;}
#campaignSec .originalTextBox .ttlBox .ttl-h3{font-size: 180%;}
#campaignSec .originalTextBox .originalTextCheckBox{padding: 0 3em 0;}

/*-- キャンペーン --*/

/*-- 新・お茶の間留学の特長 --*/
#featureSec {}
#featureSec h2.bluetitle{font-size: 210%; padding-top: 20px;}
#featureSec h2.bluetitle::before{display: none;}
#featureSec h2{max-width: inherit;padding-top: 50px;font-size: 160%;}
#featureSec .smallTxt{font-size: 75%;}
#featureSec .phocha .backColor{}
#featureSec .phocha .ttl02 .leftTtl{width: auto;padding: 0 5%;}
#featureSec .phocha .ttl02{max-width: inherit;padding: 50px 0 0;display: block;}
#featureSec .phocha .ttl02 .txtInner{width: auto;margin: 0 auto;}
#featureSec .phocha .ttl02 .rightImg{margin-top: 1em;padding: 0 5%;}
#featureSec .phocha .ttl02.feature01{padding-top: 3em;}
#featureSec .phocha .ttl02.feature02 p img{margin-right:0;width: 80%;}
#featureSec .phocha .ttl02.feature03 p img{margin-right:0;width: 65%;margin-top: -1%;}
#featureSec .phocha .ttl02.feature04{align-items: flex-start;}

#featureSec .phocha .ttlTxt{font-size: 160%;line-height: 1.2;margin: 2px 0 5px 0;}
#featureSec .phocha img{width: 90%;}
#featureSec .phocha .rightImg p{}
/*-- 新・お茶の間留学の特長 --*/

/*-- 新・お茶の間留学とは？ --*/
#aboutSec {}
#aboutSec .phocha .ttl01 .leftTtl{width: auto;padding: 0 5%;}
#aboutSec .phocha .ttl01 {width: auto;margin: 0 auto 0;padding: 50px 0;display: block;}
#aboutSec .phocha .ttl01 .smallTxt{font-size: 20px;}
#aboutSec .phocha .ttl01 .rightImg{margin-top: 1em;padding: 0 5%;}
#aboutSec .phocha .ttl01 .txtInner{width: auto;}

#aboutSec .phocha .ttlTxt{font-size: 160%;line-height: 1.2;text-align: left;}
#aboutSec .phocha img{width: 90%;}
#aboutSec .phocha .rightImg p{ text-align: center;}
#aboutSec .phocha .ttl01 img{margin-top: 0px;}
#aboutSec .normalBtn01{margin-top: -3em;}

#aboutSec .phocha .subBox{width: 90%; padding: 20px;}
#aboutSec .phocha .subBox .flexBox{display: block;}
#aboutSec .phocha .subBox .flexBox .innerflex{display: block;}
#aboutSec .phocha .subBox .flexBox .innerflex .imgBox{width: 40%; margin: 0 auto;}
#aboutSec .phocha .subBox .flexBox .innerflex div{width: 90%; margin: 0.7em auto; height: auto;}
#aboutSec .phocha .subBox .flexBox .innerflex div .title{font-size: 130%; text-align: center;}
#aboutSec .phocha .subBox .flexBox .introduction{width: 100%; margin-right: 0; margin-bottom: 1em;}
#aboutSec .phocha .subBox .flexBox .blog{width: 100%;}
#aboutSec .phocha .subBox .flexBox .pointBtn a{width: 65%;}
/*-- 新・お茶の間留学とは？ --*/

/*-- 決済から開始までのステップ --*/
#aboutSec .webKesaiSec{margin: 0 5% 0; padding: 30px 0 60px;}
#aboutSec h2{max-width: inherit;margin: 0px auto 15px;padding-top: 20px;font-size: 160%;}
#aboutSec .listBox{}
#aboutSec .listBox ul{margin-bottom: 2em;display: block;}
#aboutSec .listBox li{;margin: 0 0 0.5em;line-height: 1.4;padding: 1em 0 0.7em;border-radius: 50px;font-size: 120%;width: auto;height: auto;position: relative;}
#aboutSec .listBox li .txtStep{font-size: 110%;margin-bottom: 0;position: absolute;left: 1em;margin-top: -1%;}
#aboutSec .listBox li .icoStep{display: inline-block;margin: 0;position: absolute;top: 50%;right: 0.5em;transform: translate(0, -50%);width: auto;height: auto;}
#aboutSec .listBox li .icoStep img{width: 50%;}
#aboutSec .listBox .step3{}
#aboutSec .listBox .step3 .txtStep{position: absolute;}
#aboutSec .listBox li.step2:before{content: none;}
#aboutSec .listBox li.step3:before{content: none;}
#aboutSec .listBox p{font-size: 150%;line-height: 1.4em;}