@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; }
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
a{cursor:pointer;}
#headerArea #totp{ position: fixed; bottom:0; right:0; z-index:999;}


/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#headerArea{position: sticky;z-index: 999;top: 0;background: #fff;border-top: 3em solid #000;}
#headerArea #headerAreaInner {width: 100%;position: relative;padding: 0.8em 0.8em 0.8em 0.8em;margin: 0;z-index: 1;}
#headerArea #headerAreaInner .logoBox{margin: 0 0 0 0;}
#headerArea #headerAreaInner .logoBox .ttlTxt{font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -3em;left: 0;line-height: 1.6;margin: 0;padding: 0;width: 100%;text-align: center;z-index: 1;}
#headerArea #headerAreaInner .logoBox .ttlSub{position: absolute;top: -1.9em;right: 0;color: #fff;font-size: 11px;width: 100%;line-height: 1.6;margin: 0;padding: 0;text-align: center;}

#catchcopy .txt{margin:0;padding: 0.5em 0;background:#000;color:#fff;font-weight: bold;font-size: 75%;}
#headerArea .navMenuBtnBox {display: block;}

#headerArea .loginBoxSp{display: inline-block;margin: 0 1.5em 0 0; width: 3em;}
#headerArea .loginBoxSpInner{margin:0;}
#headerArea .loginBoxSpInner a{background: #00b2bc;display:block;padding:0.3em 0.3em;}

#headerArea #menuBtnBox{display:block;width: 30px;height: 20px;cursor: pointer;margin: 0 0em 0 0;/*background:#ccc;*//* position:  absolute; *//* top: 0; *//* right:  0; *//* z-index: 9999; */}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,
#headerArea #menuBtnBox .menuBtn:before,
#headerArea #menuBtnBox .menuBtn:after{content:"";display:block;width: 30px;height: 2px;background: #000;position:absolute;right:0;border-radius: 20px;transform-origin: center;transition:all 0.5s ease;}

#headerArea #menuBtnBox .line{top: 0;}
#headerArea #menuBtnBox .menuBtn:before{top: calc(50% - 1px);}
#headerArea #menuBtnBox .menuBtn:after{bottom:0;}

#headerArea #menuBtnBox .menuBtn.open .line{top: calc(50% - 1px);transform:rotate(-45deg);}
#headerArea #menuBtnBox .menuBtn.open:before{top: calc(50% - 1px);opacity:0;}
#headerArea #menuBtnBox .menuBtn.open:after{bottom: calc(50% - 1px);transform: rotate(45deg);}
/*----------------------------------------------------------------------------
***                                                    　         gnav
----------------------------------------------------------------------------*/
#gnav{font-size: 105%;width: calc(100% - 45px);display: none;}
#gnav a{color:#000;line-height: 1;padding: 0 0.3em 0 0.3em;width: 100%;font-weight:bold;display: inline-block;text-align: center;}
#gnav .gnavBox > ul > li{padding:0 0.5em;border-right: 1px solid #000;}
#gnav .gnavBox > ul > li:last-child{border-right:none;}
#gnav .loginBox{position:absolute;right:0;top: -3em;margin: 0;}
#gnav .loginBox a{display:block;background:#00b2bc;padding: 3em 0.5em 1em 0.5em;}

#gnav .pullDownList{position:relative;}
#gnav .gnavInBox{position:absolute;top: calc(100% + 0px);left:0;width: 100%;/* visibility:hidden; */box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);z-index: 1;}
#gnav .gnavInBox ul{background: rgba(255,255,255,0.6);border: 1px solid #ccc;border-top: none;}
#gnav .gnavInBox ul li{padding: 0 0.3em;}
#gnav .gnavInBox ul li:not(:last-of-type){border-bottom:1px solid #ccc;}
#gnav .gnavInBox ul li a{border:none;padding: 0.5em 0em;white-space: nowrap;}

/*----------------------------------------------------------------------------
***                                                            breadcrumbTrailBox
----------------------------------------------------------------------------*/
.breadcrumbTrailBox{max-width:1200px;margin:0 auto 0;padding: 0.3em 0%;overflow: auto;width: 100vw;font-size: 83%;}
.breadcrumbTrailBox a{color:#000000;white-space: nowrap;}
.breadcrumbTrailBox .listBox{padding:0 3%; width:fit-content;}
.breadcrumbTrailBox .listBox .listItem{margin:0;white-space: nowrap;width: auto;}
.breadcrumbTrailBox .listBox .listItem:after{content:">";margin: 0 0.5em;}
.breadcrumbTrailBox .listBox .listItem:last-child:after{display:none;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#mainArea{min-width: 1200px;}
.mainSection > .mainSectionInner{margin: 0 auto;padding: 0px 0 0px;overflow: visible;}
.secBox > .sectionInner{max-width: 1200px;margin: 0 5% 0;padding: 5% 0% 15%;}
.secBox > .sectionInner .contentsBox{max-width:960px; margin:0 auto;}
.secBox .inSec{width:auto;margin:0 auto;}
.commonW{width:1200px; margin:0 auto;}
.ttlBox{/*font-size:34px; margin-bottom:30px;*/}
.ttlBox .ttl-h2{/*font-size:34px; margin-bottom:30px;*/}
.ttlBox .ttl-h3{font-size: 210%;color:#00b2bc;line-height:1.3em;position:relative;margin:0.5em 0 1em;/*text-align: left;*/}
.ttlBox .ttl-h3 .txtMain{background: none;padding: 0 0;display: inline-block;}
.ttlBox .ttl-h3 .txtSub{display:block;font-size: 42%;color:#3d3a39;margin-bottom:0.5em;position:relative;z-index:1;}
.ttlBox .ttl-h3:before{content:"";display: none;width:100%;height:4px;background:#00b2bc;position:absolute;bottom:0.5em;left:0;right:0;z-index:-1;}
.secBox .ttl-h4{text-align:left; font-size: 150%;}
.secBox .ttl-h5{text-align:left;}
#lessonPriceSec .txtBox p{font-size: 120%;}

.secBox .contentsBox .txtBox{margin-bottom:2em;}
.secBox .contentsBox .txtBox .txt01{text-align:left; font-size: 120%;}

.txtAttention01{color:#00b2bc;}

.formBox{margin: 3em 0 0 0;font-size: 85%;}
.formBox .formBtn{color:#000;line-height:1;padding: 0.4em 1em 0.5em;text-align:center;font-size: 130%;font-weight:bold;display: inline-block;width: 90%;max-width: 300px;min-width: 260px;}
.formBox .formBtn2{color:#fff;line-height:1;padding: 0.4em 1em 0.5em;text-align:center;font-size: 130%;font-weight:bold;display: inline-block;width: 90%;max-width: 300px;min-width: 260px;}
.formBox.smallBtn .formBtn{background:#fff000; border-radius:50px;}
.formBox.normalBtn01 .formBtn{font-size: 170%;padding: 0.5em 0em 0.5em;max-width: 95%;}
.formBox.normalBtn01 .formBtn2{font-size: 170%;padding: 0.5em 0em 0.5em;max-width: 95%;}
.formBox.normalBtn02 .formBtn{font-size: 170%;color:#fff;}
.formBox.normalBtn02 .txtGentei{color:#00b2bc;font-weight:bold;font-size: 170%;}
.formBox.normalBtn03{margin-top:2.5em;}
.formBox.normalBtn03 .formBtn{font-size: 170%;color:#fff;max-width: 240px;min-width: 220px;width: 85%;}
.formBox.normalBtn03 .txtGentei{color:#3d3a39;font-weight:bold;font-size: 145%;}
.formBox.bigBtn02 .formBtn{font-size: 170%;color:#fff;display:inline-flex;align-items: center;max-width: 255px;min-width: 230px;}
.formBox.bigBtn02 .formBtn:after{content:"";display:inline-block;width: 1em;height: 1em;margin: 0em 0 0 0.3em;background: url(https://www.nova.co.jp/ochanoma/images_shin/common/ico_contents02.png) no-repeat center/cover;}
.formBox.small01 .formBtn{width: 65%;max-width: 220px;min-width: 200px;font-size: 150%;}

/* 下層 */
.underPage #mainView{max-width: 1200px;margin: 0 auto 0;}
.underPage #mainView .ttl-h2 span{text-align: left;line-height: 1;font-weight: bold;}
.underPage #mainView .ttlSub{display: block;font-size: 65%;color: #f991c0;margin: 0 0 0.3em;}
.underPage #mainView .ttlMain{display: block;font-size: 150%;margin: 0 0 0.1em;}
.underPage #mainView .txtLabel{display: inline-block;font-size: 58%;color: #fff;background: #f991c0;line-height: 1;padding: 0.4em 1em 0.3em;border-radius: 30px;font-weight: normal;}
.underPage #mainView .mainViewInner{padding:1em 0 1em 1em;}
.underPage #mainView .bgBox{border:none;}
.underPage #mainView .ttl-h2{padding: 0 0 0 0.5em;text-align: left;}
.underPage #mainView .ttlSubBox {width: 25%;}

.underPage .ttlBox .ttl-h3{color:#3d3a39;font-size: 180%;margin-bottom: 0.6em;}
.underPage .ttlBox .ttl-h3 .txtMain{background:none;}
.underPage .ttlBox .ttl-h3 .txtSub{}
.underPage .ttlBox .ttl-h3:before{display:none;}
.underPage .ttl-h4{font-size: 125%;}
.underPage .ttl-h5{font-size: 115%;}
.underPage .secBox.bgColorSec{background:#ffeaf3;}

/* プレーンなファーストビュー */
.plainFirstView #mainView{background:none;}
.plainFirstView #mainView .ttl-h2 span{text-align: center; color:#00b2bc;}
.plainFirstView #mainView .ttlSub{}
.plainFirstView #mainView .ttlMain{display: inline-block;font-size: 155%;}
.plainFirstView #mainView .txtLabel{}
.plainFirstView #mainView .mainViewInner{text-align:center;padding: 1em 1em 1em 1em;}
.plainFirstView #mainView .bgBox{}
.plainFirstView #mainView .ttl-h2{padding: 0 0 0 0;text-align: center;}
.plainFirstView #mainView .ttlSubBox{}

/* コンテンツ */
.listBox .listItem{margin:0 auto 1em;width: 46%;}

/* 流れ */
.lessonNagareBox .lessonNagareList{padding-top:1em;}
.lessonNagareBox .lessonNagareList li{text-align: center;padding: 0 0.5em;margin: 0 0 2em 0;border-left:1px solid #4d4d4d;position: relative;width: 31%;}
.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);*/}
.lessonNagareBox .lessonNagareList li:first-child{border-left:none;}
.lessonNagareBox .lessonNagareList li:first-child:after{display:none;}
.lessonNagareBox .lessonNagareList .dummy{border:none;}
.lessonNagareBox .lessonNagareList .dummy:after{border:none;}


/*----------------------------------------------------------------------------
***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
/*----- 【ページトップへスライド】 -----*/
#tpbtn{
    width:3.5em;
    height:3.5em;
    z-index:9998;
    position:fixed;
    right:2%;
    bottom: 5%;
    /*filter: alpha(opacity=90);*/
    /*-moz-opacity:0.9;*/
    /* opacity:0.9; */
}
#tpbtn a {display:block; width:100%; height:100%;}
#tpbtn a img{display:block; width:100%; height:auto;}
/*----- 【フッター】 -----*/
#footerSec *{color:#fff;}
#footerSec .footerInenr{max-width:none;padding: 0;border-bottom: 3px solid #ff0;margin: 0;}
#footerAreaTxt{background:#666;padding: 2em 5%;}
#footerAreaTxt dl{max-width:900px; margin:0 auto;}
#footerAreaTxt dt{font-size: 145%;font-weight: normal;line-height: 1;vertical-align: bottom;padding: 0.3em 0 0 0;margin: 0 0.5em 0 0;}
#footerAreaTxt dt span{font-size: 100%;display: block;white-space: nowrap;}
#footerCopyright{background:#00b2bc;}
#footerCopyright p{margin:0;padding:0.5em 0;width: 100%;}

/*モーダルウインドウのオーバーレイ*/
#modal-overlay {z-index: 99999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color: rgba( 0,0,0, 0.4 );}

/*----------------------------------------------------------------------------
***                                                                  sideBox
----------------------------------------------------------------------------*/
/*----- 【汎用型】 -----*/
#sideBox{background:#fff;position:fixed;top:0;right:-100%;visibility: hidden; display:block;}
#sideBox nav > ul{border-bottom:1px solid #ccc;}
#sideBox nav > ul:last-child{border-bottom:none;}
#sideBox nav li{/* font-size: 1.25rem; */font-size: 125%;}
#sideBox nav li *{font-size:100%;}

#sideBox .cvBtn{border-bottom:none;}
#sideBox .gnaviTaiken{width: 90%;margin: 1.0em auto;}
#sideBox .gnaviNyukai{width: 90%;margin: 1.0em auto;}


#sideBox #sidr_top{border-bottom:1px solid #ccc;}
#sideBox #sidr_bottom{overflow-y:auto;}
/*HOMEボタン,CLOSEボタン*/
#sideBox #sidr_top .other{/* background:#000; */}
#sideBox .other .closeBox{display:table; width:100%; padding:2% 4% 2%; font-size:100%;}
#sideBox .other .closeBox .homeBtn{display:table-cell;width: 50%;padding: 0% 0% 0 0;text-align:left;vertical-align:middle;font-size: 150%;}
#sideBox .other .closeBox .homeBtn .txt01{display: inline-block;line-height:1;}
#sideBox .other .closeBox .homeBtn .txt01 img{width: auto;max-width: 130px;max-height: 34px;}
#sideBox .other .closeBox .homeBtn a{display:inline-block;line-height: 1;width: 100%;}
#sideBox .other .closeBox .btn.ico{width:40%;padding: 0 3%;}
#sideBox .other .closeBox .btn.ico img{max-width: 140px;}
#sideBox .other .closeBox .menuBtn{width: 10%;padding: 0% 0% 0% 2%;display:table-cell;line-height: 1;vertical-align: middle;}
/*タイトル*/
#sideBox .titleList{padding:3% 2%;}
#sideBox .titleList .titleBox{width: 100%;display: inline-block;text-align:left;padding:0% 0;}
#sideBox .titleList .titleBox .txt_title{font-weight:bold;/* font-size: 1rem; */}
/*無料体験レッスン・資料請求・スクールを探す・TEL*/
#sideBox .formBox{padding: 3% 5%;}
#sideBox .formBox li:last-child{border-bottom:none;}
#sideBox .formBox .list00{width: 100%;float:none; clear:both; margin: 2% 0;}
#sideBox .formBox .list00 p{font-weight: bold; text-align: center; font-size: 1.5rem;}
#sideBox .formBox .list01{width: 49%;/* float:left; */margin: 0 2% 0% 0;}
#sideBox .formBox .list02{width: 49%;/* float:left; */margin-bottom: 0%;}
#sideBox .formBox .list03{/* clear:both; */width: 100%;margin: 2% 0;}
#sideBox .formBox .list_tel{padding: 0 15%;}

#sideBox .list_school{padding:0 6%;}
#sideBox .list_school .txt.top{display:block;text-align:center;color:#ffe600;font-size: 85%;}
#sideBox .list_school .txt.bottom{display:block;text-align:center;font-weight:bold;font-size: 110%;line-height: 1.3;}

#sideBox .contentsList .classList{}
#sideBox .contentsList .classList li.linkBtn a{display:table; width:100%;}
#sideBox .contentsList .classList .linkBtn .txt{display:table-cell; text-align:left;}
#sideBox .contentsList .classList .linkBtn .txt_L{width: 3em;}
#sideBox .contentsList .classList .linkBtn .txt_R{width: calc(100% - 3em);}
#sideBox .contentsList .classList .childList{background: #f2f2f2;}


#sideBox .gnaviTaiken{background: #fff000;border-radius: 50px;padding: 0.3em 1.0em;}
#sideBox .gnaviNyukai{background: #F7931E;border-radius: 50px;padding: 0.3em 1.0em;}





/*バナー*/
#sideBox .bannerList li{}
#sideBox .bannerList .link_img{padding-left:0;}
#sideBox .bannerList li .bannerBox{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#sideBox .bannerList li .bannerBox p{width:50%;padding: 2%;}

/*各コンテンツリスト*/
#sideBox .contentsList{/* background: #333; */}
#sideBox .contentsList > li{border-bottom:1px solid #ccc;}
#sideBox .contentsList li:last-child{border-bottom:none;}
#sideBox .contentsList .titleTxt{background: url(https://www.nova.co.jp/nks/common_images/ico_plus.png) no-repeat right 3% center/ 10% auto;padding: 5% 0% 5% 5%;margin: 0;font-size: 100%;color: #00a4c8;/* font-weight:bold; */position: relative;line-height: 1;}
/*#sideBox .contentsList .titleTxt:after{content:"＋";display: table-cell;width: 2em;height: 2em;color: #ffe600;line-height: 0;font-size: 115%;font-weight: bold;text-align:center;vertical-align: middle;padding: 1em 0;border:1px solid #ccc;border-radius:50%;box-sizing:border-box;position: absolute;top: 50%;right: 3%;transform: translate(0,-50%);}*/
/*#sideBox .contentsList .titleTxt.open:after{content:"－";}*/
#sideBox .contentsList .titleTxt.open{background: url(https://www.nova.co.jp/nks/common_images/ico_minus.png) no-repeat right 3% center/ 10% auto;}
#sideBox .contentsList .childList{background:#f2f2f2;padding-left: 15%;border-top:1px solid #ccc;}
#sideBox .contentsList li.linkBtn{border-bottom:1px solid #ccc;}
#sideBox .contentsList li.linkBtn:last-child{border-bottom:none;}
#sideBox .contentsList li.linkBtn a{padding: 5% 0;line-height: 1;color: #00a4c8;display: block;text-decoration: none;background: url(https://www.nova.co.jp/nks/common_images/ico_sideArrow.png) no-repeat right 5% center /auto 50%;}
#sideBox .contentsList li.linkBtn.logoHome img{width:1em; margin-right:0.3em; display:inline-block;}

#sideBox .contentsList li.gnaviTaiken a{color: #000;text-align: center;padding-right: 1.0em;}
#sideBox .contentsList li.gnaviNyukai a{color: #000;text-align: center;padding-right: 1.0em;}
#sideBox .contentsList.applicationBtn{display: flex; padding: 0 0.8em;}
#sideBox .contentsList.applicationBtn li{margin: 1em 0.4em;}

/*PC版を表示*/
/*#sideBox .contentsList > li#pcLi{background: url(https://www.nova.co.jp/common_images_sp/ico14.png) no-repeat left 3% center/10% auto;padding-left: 15%;}*/
/*生徒様ログイン*/
/*
#sideBox .contentsList > li#logLi{background: url(https://www.nova.co.jp/common_images_sp/ico13.png) no-repeat left 3% center/10% auto;padding-left: 15%;}
#sideBox .contentsList > li#logLi a{color:#FF931E;}
*/
/*その他リスト*/
#sideBox .otherList li{padding-left: 5%;/* font-weight:bold; */}
#sideBox .otherList.contentsList li.linkBtn.last{margin-bottom: 6em;}
/*----- 【mode_A 縦長の時の挙動】 -----*/
body.mode_A.menuOpen{width:-webkit-fill-available; width:-moz-available; width:fill-available;}
body.mode_A #mainArea{padding-top: 13%;}
body.mode_A #sideBox{width:100%;height:100%;overflow-y:scroll;transform-style:preserve-3d;transition:right 0.5s ease;box-shadow:-1px 1px 4px 0px #aaa;z-index: 99;visibility:visible;}
body.mode_A #sideBox.open{right:0%;}
body.mode_A #sideBox .other .titleBox .txt_title{font-weight:bold;}

/*----- 【mode_B 横長の時の挙動】 -----*/
body.mode_B #dummyBox{}
body.mode_B #dummyBox img{width: 22%;}
body.mode_B .article{background:#f8f8f8;}
body.mode_B #headerArea #headerAreaInner{padding:1% 3% 1% 3%;}
body.mode_B #headerArea .trialBtn{padding:0 1% 0 11%;}
body.mode_B #headerArea .requestBtn{padding:0 3%;}
body.mode_B #headerArea #meinLogo{padding-right: 0%;width: 70%;}
body.mode_B #headerArea .logoBox p{width:13%;}
body.mode_B #headerArea .btn.ico{width:30%;}
body.mode_B #headerArea .menuBtn{display:none;}
body.mode_B #mainArea{float:left;padding-top: 8%;width:65%;background: #fff;}
body.mode_B #mainSlideBox #slBoxLP{width:65vw;}
body.mode_B #sideBox{width:35%;padding-top: 8%;transition:none;float:right;position:static;top:initial;right:initial;border-top:2px solid #e6e6e6;background:#f8f8f8;visibility: visible;}
body.mode_B #sideBox *{}
body.mode_B #sideBox .contentsList .childList{/*background:#fff;*/}
body.mode_B #sideBox.open{right:0%;}
body.mode_B #sideBox .other{display:none;}
body.mode_B #sideBox .titleList{display:none;}
body.mode_B #sideBox .formBox .list01{/* display:none; */}
body.mode_B #sideBox .formBox .list02{/* display:none; */}