@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, td, th, div, p, input, textarea, pre, ul, ol, li, address, header, footer, nav, article, section, aside{font-family: 'Noto Sans JP', 'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif; font-feature-settings: "palt";}
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{width: 100%;min-width: 950px;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{width: 950px;margin: 0 auto;}
#headerAreaLogo{}

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

#contentsArea {margin-bottom: 0;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#pageTitle{padding-bottom: 0;width: 950px;margin: 0 auto;}
#pageTitle .pageTitleInner{background-image: url(https://www.nova.co.jp/campaign_info/images/img_contents01_2409.png);}
#pageTitle p{
	position: absolute;
	top: 145px;
	left: 87px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.2em;
}
#pageTitle .pageTitleInner .campaign{text-align: center; padding: 0em;}

/*----------------------------------------------------------------------------
 ***                                                              宮崎優さん
----------------------------------------------------------------------------*/
#characterSec .characterInner{width: 950px; margin: 0 auto 4em;}
#characterSec .characterInner p{color: #5b2e0e; margin-top: 0.7em;}

/*----------------------------------------------------------------------------
 ***                                                              KIDS CPN
----------------------------------------------------------------------------*/
#kidsCpnSec .kidsCpnInner{width: 950px; margin: 0 auto 4em;}
#kidsCpnSec .kidsCpnInner .subCatch{color: #f94891; margin-top: 0.7em;font-size: 2vw;font-weight: bold;}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width: 800px;float: none;margin: 0 auto;}
.mainSectionInner{}

.secBox > .sectionInner{width: 800px;}
.secBox > .bigImg{padding: 0em 0 0em;}

#boutouSec *{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif; font-weight:500;}

#boutouSec {
}
#boutouSec.secBox{
}
#boutouSec .sectionInner {
}
#boutouSec .text01 {font-size: 22px;padding: 0;/*margin-bottom: 20px;*/}
#boutouSec .text01 span{font-size:34px;color:#D83D62;font-weight: bold;}
#boutouSec .text01#boutouSec .text01 br {
}
#boutouSec span {
}
#boutouSec .text02 {font-size: 16px;padding: 0;line-height: 1.6;margin-top: 1.0em;}
#boutouSec .text02#boutouSec .text02 br {
}



#nyuukaiSec {padding-top: 0em;}
#nyuukaiSec .text03 {font-size: 13px;padding: 0;line-height: 1.5em;margin-top: 1.0em;display: block;}
#nyuukaiSec .contentsBox{width: 100%;position: relative;padding: 0 0 0 0;/*border: 1px solid #47BDE4;*/}
#nyuukaiSec.secBox .sectionInner .contentsBox .nova_tokuten{padding: 0;}
#nyuukaiSec.secBox .sectionInner h2.campaign_ttl{background: center; background: linear-gradient(#E7380D, #C92F11 160%); color: white; font-size: 28px; padding: 3px 30px 0px;text-align: center;border-radius: 5px;}
#nyuukaiSec.secBox .sectionInner h2.campaign_ttl_k{background: center; background-color: #FF8ABA; color: white; font-size: 28px; padding: 3px 30px 0px;text-align: center;border-radius: 5px; margin: 1.0em 2.5em 0;}
#nyuukaiSec .ekimae{background: url(https://www.nova.co.jp/campaign_info/images/img_contents05.png) no-repeat;width:222px;height:55px;margin: 0px 13px 0 0;padding: 56px 0 0;}
#nyuukaiSec .ekimae img{ display: block; margin: 0 auto;}
#nyuukaiSec .ekimae a:hover img{opacity: .7;}
#nyuukaiSec .ocha{background: url(https://www.nova.co.jp/campaign_info/images/img_contents06.png) no-repeat;width:222px;height:55px;padding: 56px 0 0;}
#nyuukaiSec .ocha img{display: block; margin: 0 auto;}
#nyuukaiSec .ocha a:hover img{opacity: .7;}
#nyuukaiSec #rice{ position: absolute; top:-22px; right:-300px;}
#nyuukaiSec .contentsBox h3.taisyou{padding: 13px 0;text-align: center; font-family: A-OTF UD新ゴ Pro;}
.taikenBox .kome{padding: 10px 20px 0;}

#raikouSec.secBox{padding: 0;}
#raikouSec.secBox .sectionInner {width: 800px;padding: 0 0 0 0;}
#raikouSec.secBox .sectionInner h2.campaign_ttl{background: center; background-color: #00B2BC; color: white; font-size: 28px; padding: 3px 30px 0px;text-align: center;border-radius: 5px;}

#raikouSec .sectionInner .contentsBox{padding: 5px 0 15px;}

#raikouSec .cvBtn02{width: 740px;margin: 4.0em auto 0;}
#raikouSec .btnLesson02{ /*padding:0 38px;*/}
#raikouSec .btnLesson02 a:hover{opacity: .7;}


/*#raikouSec .btnLesson02 li:nth-child(1){margin-right: 2%;}*/
#raikouSec .btnLesson02 li:nth-child(2),
#raikouSec .btnLesson02 li:nth-child(3) { width: 49%; float: left; margin: 2em 0;}

/*----- NOVAの基本 -----*/
#nvoaKihonSec{overflow:hidden;}
#nvoaKihonSec .sectionInner{max-width: 980px; margin: 0 auto; padding: 8em 0; width: auto;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle{margin:0 0 -6em 0;position:relative;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle:last-child{margin-bottom:0;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonal01:before{content:"";display:block;width:120vw;height:35em;position:absolute;top:2em;left:calc(50% - 60vw);background: #d8f4f7;transform:rotate(-5deg);z-index:-1;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonal02:before{content:"";display:block;width:120vw;height:35em;position:absolute;top:2em;left:calc(50% - 60vw);background: #ffedef;transform:rotate(5deg);z-index:-1;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonalTop:before{top:2em;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.bgStyleDiagonalBottom:before{top:initial;bottom:-26em;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle.textRight{flex-direction:row-reverse;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txtBox{max-width:450px;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .ttl-h3{font-size:295%;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txt{font-size:135%;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .fontB{display:block;}
#nvoaKihonSec .contentsBoxInner .novaKihonStyle .txt + .linkBox{margin-top:1.5em;}

/*----- NOVAフル活用術 -----*/
#novaKatsuyoSec{background:#01b8cc;}
#novaKatsuyoSec .sectionInner{max-width: 980px; margin: 0 auto; padding: 8em 0; width: auto;}
#novaKatsuyoSec .ttl-h2{color: #fff;}
#novaKatsuyoSec .ttl-h2 .txtTop{;}
#novaKatsuyoSec .ttl-h2 .txtBottom{;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle{width:47%;max-width:385px;min-height: 385px;background:#fff;border-radius:20px;padding:3em 3em 3em;position:relative;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle:before{content:"01";display:flex;justify-content:end;align-items:end;width:1.7em;height:1.4em;line-height:1;position:absolute;top:0;left:0;font-size:290%;font-weight:700;box-sizing:border-box;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle:after{content:"";display:flex;justify-content:center;align-items:center;width:2.2em;height:2.2em;position:absolute;top:0;left:0;font-size:290%;font-weight:700;box-sizing:border-box;border-radius:50%;border:4px solid transparent;border-bottom:4px solid #01b8cc;transform:rotate(-45deg) translate(.1em,-.2em);}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.borderPink:after{border-bottom-color:#f94891;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number01:before{content:"01";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number02:before{content:"02";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number03:before{content:"03";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number04:before{content:"04";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number05:before{content:"05";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number06:before{content:"06";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number07:before{content:"07";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle.number08:before{content:"08";}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle>*{max-width:374px;margin:0 auto;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle:nth-of-type(n+3){margin:7% 0 0;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .ttlBox{order:1;margin:0 auto auto;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .txtBox{order:3;margin:.5em auto 0;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .imgBox{order:2;margin: auto;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .ttl-h3{order:2;color:#01b8cc;font-weight:700;font-size:290%;text-align:center;line-height:1.2;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .ttl-sub{order:1;font-weight:700;font-size:125%;text-align:center;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .txt{font-weight: 400;font-size:135%;line-height: 1.6;margin:0 0 .5em;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .linkBox{text-align:center;line-height:1;padding:0;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle a{font-weight:700;color:#01b8cc;padding:.5em 0;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .linkBox.appLink img{max-width:100%; height:auto;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .linkBox.appLink{padding:0 1em;}
#novaKatsuyoSec .contentsBoxInner .novaKatsuyoStyle .linkBox.appLink a:after{display:none;}


/*----- 大定番のオールインシリーズ！ -----*/
#teibanSec>.sectionInner{position:relative;overflow:hidden;}
#teibanSec .sectionInner{max-width: 980px; margin: 0 auto; padding: 8em 0 5em; width: auto;}
#teibanSec .titleBox{padding:0 2em;}
#teibanSec .courseBox{padding:0 15em;margin:0 0 3em;}
#teibanSec dl{text-align:center;}
#teibanSec dt{font-size:18px;}
#teibanSec dt span{color:#ed1e79;}
#teibanSec dd{width:252px;display:inline-block;}
#teibanSec p{font-size:15px;}
#teibanSec p a{color:#333;}
#teibanSec p a:hover{text-decoration: none;}
.secBox > .sectionInner > .titleBox{margin-bottom: 3em;}

/*個別にコンテンツの横幅を指定する*/
.secBox .ttl-h2{font-size:100%; text-align: center;}
.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%;/* padding:.4em 1.5em .4em 1.5em; */;}

/*詳細ページへのリンク*/
.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;}

/*フォーム*/
.formBox{/*background:url(https://www.nova.co.jp/campaign_info/images/bg_mizutama.png);*/}
.formBox .raikoubnr{display: block;text-align: center;margin: 0 auto;padding: 0 0 5.0em;}

.formBox01{background:url(https://www.nova.co.jp/campaign_info/images/bg_mizutama.png);padding: 3em 0 5em;}
.formBox01 .raikoubnr{display: block;text-align: center;margin: 0 auto;padding: 0 0 5.0em;}

.formBoxInner{max-width:950px;margin:0 auto;padding:0;}
.formBoxInner .formItemBox .formBtnBox{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:145%;}
.formBoxInner .formItemBox .formBtnBox a{box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.2);}
.formBoxInner .formItemBox .formBtnBox>p{padding:0;}
.formBoxInner .formItemBox .btnBig{width:100%;margin:0 0 4%;font-size: 120%;}
.formBoxInner .formItemBox a{border-radius:5px;text-align:center;display:block;padding:.6em 0 .6em;line-height:1.2;font-weight: 700;}
.formBoxInner .formItemBox .btnBig a{background:#00a1c9;color:#fff;}
.formBoxInner .formItemBox .btnSmall{width:48%;}
.formBoxInner .formItemBox .btnSmall a{background:#fff;color:#00a1c9;border:2px solid #00a1c9;}
.formBoxInner .formItemBox{width:31%;max-width:460px;}
.formBoxInner .formItemBox .ttl-h2{text-align:center;font-size:200%;}
.formBoxInner .formKidsBox .btnBig a{background:#ff7bac;}
.formBoxInner .formKidsBox .btnSmall a{color:#ff7bac;border:2px solid #ff7bac;}
.formBoxInner .formEsBox .btnBig a{background:#532e8e;}
.formBoxInner .formEsBox .btnSmall a{color:#532e8e;border:2px solid #532e8e;}
/*----------------------------------------------------------------------------
 ***                                                             Lesson Style
----------------------------------------------------------------------------*/
#lessonstyleSec.secBox{background-color: #8DC6C3;}
#lessonstyleSec.secBox .sectionInner{width: 950px;margin: 0 auto;}

#lessonstyleSec .listItem{ margin-top: 0.3em;}


#breadcrumbArea {width: 950px; margin: 1em auto;}