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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body { margin:0 auto; font-size: 14px;}
#wrap { width:100%;}
.spbr{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#contentsArea{}


.forPc{display:inherit;}
.forSp{display:none;}



h3,h4,p{color:#333333;}
h2{width:1080px; margin:auto; padding-top:125px;}
h4{width:1080px; margin:auto;}



.sectionInner{width:1080px; margin:auto;}
.backGroBox{width:1080px; margin:auto;}


#headerArea {width:100%;}
#headerAreaInner{width:100%; position:fixed; top:0; background:url(https://www.nova.co.jp/form/common_images/back.png) repeat-x; z-index:1005;}
#headerArea #headerBox{width:1080px; margin:auto; padding:15px 0 10px;}
#headerArea #headerBox h1{float:left;}
#headerArea #headerBox .floatR p{float:left; margin-left:15px;}

#mainImgSec{background-image:url(https://www.nova.co.jp/form/spanish/images/mainImg.jpg); background-repeat:no-repeat; background-position:top center; background-color:#000; padding-bottom:30px;}
#mainImgSec .sectionInner{padding:0 0 50px 15px;}
#mainImgSec .sectionInner p{padding-top:10px;}
#mainImgSec .forPc{display:inline;}

#mainImgSec .getsugaku{font-size:270%;font-weight: bold;color: #FFF;line-height: 0.7em;margin-top: 0.5em;text-shadow: 1px 1px 3px #000;}
#mainImgSec .num{font-size:120%;}
#mainImgSec .zei{font-size:55%;font-weight:normal;}
#mainImgSec .sectionInner .merit{padding-top: 1.0em;}
#mainImgSec .sectionInner ul{display:inline-block;width:auto;background-color:rgba(0,0,0,0.5);padding:0 2em 1em;margin: 1.5em 0 0;}
#mainImgSec .sectionInner li{font-size:190%;font-weight: bold;color: #FFF;margin-top: 0.2em;}
#mainImgSec .sectionInner li:before{content: url(https://www.nova.co.jp/form/common_images/ico_done01.png);margin-right: 0.2em;vertical-align: middle;}

#breadcrumbArea{margin: 0 auto 30px auto!important;}


#movieSec .sectionInner{ width:auto;}

#withSec{background-color:#AADFE2; padding-top: 0;}
#withSec .floatL{ padding:0px 35px 60px 35px; background-color:#FFF; margin-bottom:30px; float:none;}
#withSec .sectionInner{padding:0 0 30px;}
#withSec .floatL h3{text-align:center; font-size:32px; line-height:2.1em; border-bottom:solid 3px #000; margin-bottom:15px;}
#withSec .floatL p{}
#withSec .floatR{float:left;}

#entrSec{ padding-top:40px;}
#entrSec .floatL{padding: 35px 35px 20px 35px; margin-bottom:0px; float:none;}
#entrSec .sectionInner{padding:0;}
#entrSec .floatL h3{ font-size:32px; line-height:1.6em; width:466px; margin:0 auto 30px;}
#entrSec p{ text-align:center;}
#entrSec .floatR{float:left;}
.inner{ position:relative; border-bottom:1px solid #CCC; padding-bottom:25px;}
.speak_img{
	position: absolute;
	top: -100px;
	right: 150px;
}  

#kantanSec .floatL h3{ width:496px; margin:0 auto; line-height:1.6em;}
#kantanSec .floatL p{
	padding: 30px 0 0;
    margin-top: -10px;
    line-height: 1.8em;
    font-size: 16px;
}


#lessonSec{background-color:#AADFE2; padding-top:40px;}
#lessonSec .floatL{ padding:35px 0 25px 35px; background-color:#FFF; margin-bottom:30px;}
#lessonSec .sectionInner{padding:0 0 40px;}
#lessonSec .floatL h3{text-align:center; font-size:32px; line-height:2.1em;}
#lessonSec .floatL p{padding:1px 0 0; margin-top:-10px; line-height:1.8em; font-size:16px;}
#lessonSec .floatR{float:left;}
.dispNone{ display:none;}

#lessonSec #movieSec{width:520px; float:left; margin-bottom:0px; margin-right:40px;}
#movieSec .sectionInner{ padding-bottom:30px;}
#pointSec{ width:790px; margin:0 auto; background-color:#FFF; padding:0px 40px; box-sizing:border-box;}
#pointSec .point{ border-radius: 20px; border:#333 solid 1px; text-align:center; width:100px; font-size:16px;}
#pointSec #mojiBox{ border-top:1px solid #333; border-bottom:1px solid #333; padding:12px 0; width:480px; margin-right:20px; float: left;}



#lastTrialSec .trialBtnBox{margin:0 auto; padding:0 !important;} 
#lastTrialSec{ width:1000px; margin:60px auto; text-align:center; border:5px #ccc solid; border-radius:10px; padding:30px 0;}
#lastTrialSec p{text-align:center;}






#reasonSec{background-image:url(https://www.nova.co.jp/form/spanish/images/back.jpg); background-position:top center; background-color:#AADFE2; background-repeat:no-repeat; padding-top:200px; padding-bottom:30px; border-bottom:1px solid #E6E6E6;}
#reasonSec h3{text-align:center; font-size:30px; font-weight:normal; line-height:1.8em;}
#reasonSec h3 span{font-size:44px; color:#DB2873;}
#reasonSec h3 span.txtSize{font-size:70px;}
#reasonSec .backGroBox{background-color:#FFF; padding:40px 0 60px; border-top:1px solid #E6E6E6; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6;}
#reasonSec .backGroBox ul{width:840px; margin:auto; margin-top:20px;}
#reasonSec .backGroBox ul li{display:inline-block; margin-right:28px;}
#reasonSec .backGroBox ul li.last{margin-right:0;}
#reasonSec p{text-align:center; margin:0; padding:0;}



#beginnerSec{background:#fff; padding-top:30px;}
#beginnerSec .sectionInner{}
#beginnerSec h4{background:url(https://www.nova.co.jp/form/common_images/icon_contents03.jpg) no-repeat 380px center ; font-size:33px; padding-left:30px; padding-top:13px; text-align:center;}
#beginnerSec h5{font-size:19px; color:#DB2873; font-weight:normal;  margin-bottom:20px; text-align:center;}
#beginnerSec .boxInner{width:312px; float:left; margin-right:13px; padding-right:13px; border-right:1px solid #000;}
#beginnerSec p{margin:0; padding:0; line-height:1.6em;}
#beginnerSec .beginnerBox{ margin:auto; margin-top:30px; width:1020px;}
#beginnerSec .lastBox{border-right:none;}
#beginnerSec p.boxImg{margin-top:10px;}
#beginnerSec .trialBtnBox p{margin:10px;}




#teacherSec{background:#fff; padding-top:10px;}
#teacherSec h4{background:url(https://www.nova.co.jp/form/common_images/icon_contents04-s.jpg) no-repeat 302px center ; font-size:33px; padding-left:20px; padding-top:13px; text-align:center;}
#teacherSec h5{font-size:19px; color:#DB2873; font-weight:normal;  margin-bottom:20px; text-align:center; margin-top:20px;}
#teacherSec p.caption{width:770px; margin:auto; padding-bottom:20px;}
#teacherSec .trialBtnBox{ padding-top:0; padding-bottom:60px;}








#whenSec{background:#fff; padding-top:30px; padding-bottom:30px;}
#whenSec .sectionInner{width:1000px; margin-bottom:20px;}
#whenSec h4{background:url(https://www.nova.co.jp/form/common_images/icon_contents05b.jpg) 30px 15px no-repeat; font-size:33px; padding-left:35px; padding-top:13px; text-align:center;}
#whenSec h5{font-size:22px; color:#DB2873; font-weight:normal;  margin-bottom:10px; text-align:center; margin-top:20px;}
#whenSec div.floatL{width:467px; margin-right:20px;}
#whenSec p{line-height:1.6em;}


#checkBtnBox{padding-top:30px;}
#checkBtnBox p{text-align:center;}



#lessonSec .backGroBox {
    width: 1080px;
    background: #FFF;
    padding-top: 30px;
    padding-bottom: 60px;}



#keihiSec{background:#fff; padding-top:10px;}
#keihiSec .sectionInner{width:1000px;}
#keihiSec h4{background:url(https://www.nova.co.jp/form/common_images/icon_contents06.jpg) no-repeat 390px center ; font-size:33px; padding-left:30px; padding-top:13px; text-align:center;}
#keihiSec h5{font-size:19px; color:#D41C24; font-weight:normal;  margin-bottom:20px; text-align:center; margin-top:20px;}
#keihiSec .floatL{width:480px;}
#keihiSec .floatL ul{margin-top:20px;}
#keihiSec .floatL {line-height:1.6em;}



#priceSec{padding-top:10px; width:100%; margin:auto; padding-bottom:40px;}
#priceSec .backGroBox{width:1080px; background:#FFF; padding-top:30px; padding-bottom:60px;}
#priceSec .sectionInner{width:1000px; background:#fff; padding:0 40px;}
#priceSec .sectionInner #movie{width:1000px; background:#fff; padding:0 40px;}
#priceSec h4{background:url(https://www.nova.co.jp/form/common_images/icon_contents07.jpg) no-repeat 350px center ; font-size:33px; padding-left:30px; padding-top:13px; text-align:center;}
#priceSec h5{font-size:19px; color:#DB2873; font-weight:normal;  margin-bottom:20px; text-align:center; margin-top:20px;}
#priceSec .floatL{width:478px;}
#priceSec p{line-height:1.6em;}
#priceSec .floatBox{padding-bottom:15px; border-bottom:#808080 dotted 1px; margin-bottom:20px;}
#priceSec .floatBox02 .floatL{padding-right:21px; border-right:solid #808080 1px;height: 600px;}
#priceSec .floatBox02 p{padding-bottom:10px;}
#priceSec h6{background:url(https://www.nova.co.jp/form/common_images/icon_contents08.jpg) no-repeat left center; font-size:19px; padding-left:20px;}
#priceSec .priCap{text-align:center;}
.waku{ background:url(https://www.nova.co.jp/form/common_images/back03.jpg) repeat-y center;}
#priceSec .trialBtnBox .floatL{width:346px;}


.trialBtnBox{width:732px; margin:auto; padding-top:30px; padding-bottom:30px;}
.trialBtnBox p{float:left; margin:10px;}

#lineBox{}
#lineBox p{}

#teacherSec{width:100%; background-image:url(https://www.nova.co.jp/form/spanish/images/line02.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:60px;}
#keihiSec{width:100%; background-image:url(https://www.nova.co.jp/form/spanish/images/line02.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:100px;}
#beginnerSec{width:100%; background-image:url(https://www.nova.co.jp/form/spanish/images/line.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:60px;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/


.teachBox{ width:175px; height:295px; border:2px solid #E6E6E6; float:left; margin-right:5px; margin-bottom:5px;}
.teachBox .sectionInner{ padding:13px 17px;}
.teachBox .sectionInner{width:auto;}
.teachBox p,.teachBox dd{ font-size:12px; color:#000;}
.teachBox p.staffImg{ float:left;}
.teachBox p.floatR{ margin-top:41px;}
.teachBox p.setsumei{ line-height:1.4em; border-top:1px solid #E6E6E6; border-bottom:none; padding:5px 0;}
.teachBox p.TM{ display:none;}
.teachBox dl{}
.teachBox dt{ font-size:16px; font-weight:bold; color:#000; line-height:1em; padding-left:23px; background-position:left top; background-repeat:no-repeat;}
.teachBox dd{ font-weight:bold; line-height:1.4em; margin-bottom:2px;}

.teachBox dt.usa,
#sLBox_me_yt dd.usa{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_usa.jpg);}
.teachBox dt.canada,
#sLBox_me_yt dd.canada{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_canada.jpg);}
.teachBox dt.uk,
#sLBox_me_yt dd.uk{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_uk.jpg);}
.teachBox dt.nzl,
#sLBox_me_yt dd.nzl{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_nzl.jpg);}
.teachBox dt.aus,
#sLBox_me_yt dd.aus{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_aus.jpg);}
.teachBox dt.bar,
#sLBox_me_yt dd.bar{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_bar.jpg);}
.teachBox dt.chi,
#sLBox_me_yt dd.chi{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_chi.jpg);}
.teachBox dt.fre,
#sLBox_me_yt dd.fre{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_fre.jpg);}
.teachBox dt.ger,
#sLBox_me_yt dd.ger{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_ger.jpg);}
.teachBox dt.ita,
#sLBox_me_yt dd.ita{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_ita.jpg);}
.teachBox dt.kor,
#sLBox_me_yt dd.kor{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_kor.jpg);}
.teachBox dt.brz,
#sLBox_me_yt dd.brz{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_brz.jpg);}
.teachBox dt.spa,
#sLBox_me_yt dd.spa{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_spa.jpg);}
.teachBox dt.chl,
#sLBox_me_yt dd.chl{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_chl.jpg);}
.teachBox dt.japan,
#sLBox_me_yt dd.japan{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_japan.jpg);}
.teachBox dt.mexi,
#sLBox_me_yt dd.mexi{ background-image:url(https://www.nova.co.jp/form/koushi/icon/icon_mexi.jpg);}


#lbMeOutBox_yt{width:auto;}
#sLBox_me_yt{ width:650px; min-height:640px; padding:20px 20px 10px 20px; background:url(https://www.nova.co.jp/form/koushi/back_movie.png) center 50% no-repeat; position:relative; display:none;}
#sLBox_me_yt h3{ background:none; border:none; text-align:center; margin-top:25px;}
#sLBox_me_yt p.tac{ background:none; border:none; text-align:center; margin-top:25px;}
#sLBox_me_yt #clBtn{ position: absolute; left: 638px; top: -3px;}
#sLBox_me_yt #ytBox{ padding-top:0px; width:520px; margin:0 auto; margin-bottom:25px;}
#sLBox_me_yt dl{ float:left; width:86px; margin-left:65px; margin-right:15px;}
#sLBox_me_yt dt{ margin-bottom:5px;}
#sLBox_me_yt dd{ font-size:12px; font-weight:bold; line-height:1.2em; background-repeat:no-repeat; background-position:left 1px; padding-left:24px;}
#sLBox_me_yt #ytbPhoto{}
#sLBox_me_yt #ytbName2{}
#sLBox_me_yt #ytLbTxt{ padding-top:10px; font-size:14px; line-height:1.4em; width:422px; margin:0 auto; border-top:2px solid #9E005D; border-bottom:2px solid #9E005D; margin-left:163px;}
#sLBox_me_yt #ytLbTxt span{ color:#9E005D; font-size:16px; font-weight:bold;}


/*----------------------------------------------------------------------------
 ***                                                            conversionArea
----------------------------------------------------------------------------*/
.conversionArea{ background:#000; height:112px; padding: 18px 0 0 0;}
.conversionArea .areaInner{ width:542px; margin:0 auto;}
.conversionArea .btnArea{ margin-top: 18px;}
.conversionArea .btnArea p{ float:left;}
.conversionArea .btnArea .trialBtn{ margin-right:14px;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/

#footerArea { padding-top:30px; background:url(https://www.nova.co.jp/form/common_images/shadow.jpg) no-repeat top center;}
#footerAreaInner { 
	width: 1080px;
    margin: 1px auto 0 auto;
	}
#footerAreaInner .footerCopyright{padding-top:45px; font-size:15px;}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}

/*----------------------------------------------------------------------------
 ***                                                              平尾追記
----------------------------------------------------------------------------*/
.pcNone{display:none;}
#schoolListSec{width:1080px;margin: 50px auto 40px;border: 2px solid #dbdbdb;position:relative;}
#schoolListSec .sectionInner{}

#schoolListSec h3{font-size:32px;}
#schoolListSec h3 .txtAttention{color:#db2873;}
#schoolListSec h3 .number{font-size:45px;color:#00a2c9;}
#schoolListSec h3 .dispInBlock{display:inline-block;}

#schoolListSec strong{font-size:16px;line-height:1.6em;}

#schoolListSec .titleBox{width: 765px;margin: -10px auto 20px;background: #fff;}
#schoolListSec .titleBox p:first-child{position:absolute;top: -80px;left: 45px;}


#schoolListSec .schoolBox{border-bottom: 1px dashed #a2a2a2;padding-bottom: 3px;margin-top: 3px;}
#schoolListSec .schoolBox:last-child{border-bottom:none;}

#schoolListSec .allschools{padding: 20px 50px;}


#schoolListSec .lesson{float:left;padding-right: 15px;margin-top: 13px;}

#schoolListSec dl{padding-top:10px;}
#schoolListSec dl dt{float:left;color: #3e3e3e;font-size:20px;width: 90%;}
#schoolListSec dl dt a{color: #3e3e3e;}
#schoolListSec dl dd{float:left;}

#schoolListSec dl .tel{font-size:18px;padding: 0px 20px 0 0;}
#schoolListSec dl .map{font-size: 15px;width: 555px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#schoolListSec dl .map img{padding-right:5px;margin-top:-5px;}
#schoolListSec dl .school{float:right;margin-top: -2px;margin-right: 15px;}
#schoolListSec dl .school a{font-size:13px;color:#db2873;border:#db2873 1px solid;padding: 3px 15px;border-radius:15px;}

/*校舎単体*/
#schoolListSec.school .allschools{padding: 0px 50px 20px;}
#schoolListSec.school .lesson{float:left;padding-right: 15px;margin-top: 26px;}
#schoolListSec.school dl{padding-top: 20px;border-top: 1px dashed;}



/*----------------------------------------------------------------------------
 ***                                                              ポップアップ
----------------------------------------------------------------------------*/
.form_link_popup_box{width: 950px;padding: 50px 30px;background: #fff;border: 2px solid #d1d1d1;box-shadow:1px 1px 1px 1px rgba(100,100,100,0.5);}
.form_link_popup_box h3{font-size:32px;}
.form_link_popup_box h3 span.requestTxt{color:#db2873;}
.form_link_popup_box h3 span.trialTxt{color: #f5ae54;}
.form_link_popup_box h3 .number{font-size:45px;color:#00a2c9;}
.form_link_popup_box .txt-p{font-weight:bold;}
.form_link_popup_box .lesson{margin:0;}
.form_link_popup_box .inBox ul li{width: 48%;padding: 10px 10px 10px;border-bottom: 2px dashed #d4d4d4;}
.form_link_popup_box .listBox{margin-top:40px;max-height: 55vh;overflow-y: auto;overflow-x: hidden;}


.form_link_popup_box dl{width: calc(100% - 81px);}
.form_link_popup_box dl .school a {line-height: 1;font-size: 16px;color: #db2873;border: #db2873 1px solid;padding: 3px 15px;border-radius: 15px;white-space: nowrap;}
.form_link_popup_box dl dt{line-height: 1;padding: 0 0 0 10px;display: block;}
.form_link_popup_box dl dt a {font-size: 20px;color: #3e3e3e;}
.form_link_popup_box .lity-close{display:block;}

.lity{background: rgba(100,100,100,0.4);}
.lity-close{position: absolute; top: -10px!important; right: -10px!important; background: #000!important;}
.lity-close{display:none;}



.form_link_popup_box .flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.form_link_popup_box .dispBlock{display: block;}
.form_link_popup_box .dispInBlock{display: inline-block;}
.form_link_popup_box .dispInFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.form_link_popup_box .dispFlex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.form_link_popup_box .dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.form_link_popup_box .flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.form_link_popup_box .flex-noWrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.form_link_popup_box .flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.form_link_popup_box .j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.form_link_popup_box .j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.form_link_popup_box .j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.form_link_popup_box .j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.form_link_popup_box .j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.form_link_popup_box .j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.form_link_popup_box .a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.form_link_popup_box .a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }