@charset "utf-8";
/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{position: sticky;width:100%;z-index: 99;top: 0;left: 0;}
#headerArea #headerAreaInner{position:relative;padding:1em 2em 1em;max-width:100%;z-index: 2;/* background: rgba(255,255,255,0.2); */ width: 100%;}
#headerArea .ttl{padding:8px 0 0;}
#headerArea .logoBox .ttlTxt{font-size:11px;color: #333;font-weight:400;position:absolute;top: 2px;line-height:1.6;margin:0;padding:0;}
#headerArea .logoBox .ttlSub{position:absolute;top: 2px;right:10px;color: #333;font-size:11px;text-align:right;width: 440px;line-height:1.6;margin:0;padding:0;}
#headerArea #menuBtnBox{width:30px;height:20px;cursor:pointer;margin:0 1em 0 0;}
#headerArea #menuBtnBox .menuBtn{position:relative;width:100%;height:100%;display:block;}
#headerArea #menuBtnBox .line,#headerArea #menuBtnBox .menuBtn:after,#headerArea #menuBtnBox .menuBtn:before{content:"";display:block;width:30px;height:2px;background:#000;position:absolute;right:0;border-radius:20px;transform-origin:center;transition:all .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);}
#breadcrumbArea{max-width:980px;padding:0 0em;margin:0em auto 3em;position:relative;top:1em;}
#breadcrumbArea li{float:left;font-size:10px;}
#breadcrumbArea li a{display:block;}
#breadcrumbArea li:before{content:">";display:inline-block;margin:0 .5em;}
#breadcrumbArea li:first-child:before{display:none;}

.bnrFormBox{margin:4em auto 2em;}

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/
#top{min-width:1060px;}
.mainSection a{cursor:pointer;}
.mainSection .bgWhite{background:#fff;}
.zindex1{z-index:1;}
.zIndex2{z-index:2;}
.zIndex3{z-index:3;}
.zIndex4{z-index:4;}
.zIndex5{z-index:5;}
a:hover{text-decoration:none;}

/*-----【共通】-----*/
/*個別にコンテンツの横幅を指定する*/
.secBoxWidth{width:960px;margin:0 auto;}
.secBox .ttl-h2{font-size:100%;}
.secBox .ttl-h2 .txtTop{display:block;text-align:center;font-size:170%;margin: 0 0 1.5em;}
.secBox .ttl-h2 .txtBottom{display:inline-block;text-align:center;font-size:420%;line-height: 1.2;}
img{max-width: 100%;height: 100%;}
/*詳細ページへのリンク*/
.linkBox p{text-align:center;}
.linkBox a{cursor:pointer;color:#00a1c9;font-size: 18px;line-height:1;padding:10px 0;font-weight: 700;}
.linkBox a:after{content:"▶";display:inline-block;font-size:85%;}

/*カラーの上書き*/
.colorBlue{color:#00a1c9!important;}
.colorPink{color:#f94891!important;}
.colorYellow{color:#ff0!important;}

/*----- SNS -----*/
.snsSec{margin: 0 0 0 0;}
.snsSec a{cursor:pointer;}
.snsSec .sectionInner{padding: 2em 0 2em;}
.snsSec .snsShareBox{margin: 0 0 0 -7%;padding: 0 0em 0 0;}
.snsSec .ttl{padding:0;margin:0;}
.snsSec .snsIcoBox{margin:0 .5em;padding:0;}
.snsSec .linkIcoBox{margin:0 0 0 1em;padding:0 0 0 1em;border-left:1px solid #b3b3b3;position: relative;}
.snsSec .linkIcoBox .success-msg{display:none;position: absolute;white-space: nowrap;top: 100%;left: 80%;transform: translate(-50%, 0px);color: #000;}
#snsHeaderSec.snsSec{margin: 0 0 0 auto;}
#snsHeaderSec.snsSec img{max-width:100%;height: auto;width: 3em;}
#snsHeaderSec.snsSec .sectionInner{padding: 0em 0 0em;}
#snsHeaderSec.snsSec .snsShareBox{margin: 0 0 0 0;padding: 0 3em 0 0;}

/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#mainView{background: url(https://www.nova.co.jp/campaign_newcourse/images/img_bg01.jpg) no-repeat;background-size: cover;background-position: top center;border-top: 6px solid #808080;}
#mainView .ttlBox {padding: 2em 0;}
#mainView .imgBox {display: block; text-align: center;}
#mainView .imgBox.imgBox02{margin: 1em auto 2em;}
#mainView .mainBg {margin: -3em 0 0; padding: 0; position: relative; z-index: -1;}
#mainView .mainBg img {display: block; width: 100%; height: 588px; -o-object-fit: cover; object-fit: cover;}
#mainView .bnrBox {margin-top: -19em;}

/*2021年10月25追記 お米無しの時*/
#mainView .mainBg {margin: -3em 0 -12.5em 0;}

.fadeIn{animation-name:fadeUpAnime;animation-duration:1.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeUpAnime{
	from {opacity: 0; transform: translateY(100px);}
	to {opacity: 1;transform: translateY(0);}
}

/*----------------------------------------------------------------------------
*** コースに含まれている内容
----------------------------------------------------------------------------*/
#dekirukotoSec h2{color: #fff;font-weight: bold;font-size: 30px;padding: 0.2em 0;margin: 1em auto;}
#dekirukotoSec .contentsBox{max-width: 1050px;margin: auto;width: 100%;}
#dekirukotoSec .listItem{max-width: 440px; position: relative;margin: 10px auto;}
#dekirukotoSec .listItem .icoNumber {position: absolute; top: -10px; left: -10px; margin: 0; padding: 0;}
#dekirukotoSec .listItem dt {font-size: 18px; line-height: 1.2; padding: 0;}
#dekirukotoSec .listItem dd.order02 {margin: 0px auto 20px;}
#dekirukotoSec .listItem dd.order02 span{padding: 0 2px;}
#dekirukotoSec .listItem dd.order02 img{height: auto;}
#dekirukotoSec .listItem .order04 {margin-top: 1em; padding: 1em 0 3em; border-top: 1px dashed #000;}
#dekirukotoSec .listItem .dispFlex .txtColorGreen {color: #00a199;}
#dekirukotoSec .listItem .dispFlex .order01 {margin: 0 0 1.2em;}
#dekirukotoSec .listItem .dispFlex .txtColorPink {color: #e7456d;}
.formLinkBox {max-width: 800px; margin: 2em auto 0;}
.formLinkBox .listBox .btnSchools {margin-top: 1.5em;}

#dekirukotoSec .listItem dd.order01{font-size: 20px;font-weight: bold;}
#dekirukotoSec .main .order03{font-size: 22px;}
#dekirukotoSec .support .listItem{width: calc(95% / 3);padding: 0 3px;}
#dekirukotoSec .coursesupport{margin: 0 auto 2em;}


/*----------------------------------------------------------------------------
*** 料金・コース紹介
----------------------------------------------------------------------------*/
#priceCourseSec h2{background: #000;color: #fff;font-weight: bold;font-size: 30px;padding: 0.2em 0;margin: 1em auto;}
#priceCourseSec .descriptionTxt {margin: 0 0 0.5em;font-size:23px; font-weight: 500;}
#priceCourseSec .courseBox{width: 70%;margin: 3em auto 4em;}
#priceCourseSec dd.order02{margin: 1.5em auto;}

/*----------------------------------------------------------------------------
*** 来校・入会特典
----------------------------------------------------------------------------*/
#tokutenSec h2{background: #000;color: #fff;font-weight: bold;font-size: 30px;padding: 0.2em 0;margin: 1em auto;}
#tokutenSec .sectionInner {padding-bottom: 90px;}
#tokutenSec .presentBox{max-width: 800px;margin: 4em auto 4em;}
#tokutenSec .descriptionTxt{margin:2em 0 0em;font-size:23px; font-weight: 500;line-height: 1.2;}
#tokutenSec .contentsBox {position: relative;}
#tokutenSec .batchBox {position: absolute; top: -85px; right: 30px;}