@charset "utf-8";

/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
body{border:none;}
#wrap{width:100%;}
.font_mincho{font-family:'Hiragino Mincho Pro','游明朝','Yu Mincho',YuMincho,serif;}

/*うさぎセクションごと*/
p.usagiright {position: absolute;bottom: -18px;right: -2px;}
p.usagileft{position: absolute;bottom: -18px;left: -2px;}
#tokuchoSec .sectionInner,#tsuyomiSec .sectionInner, #sankaSec .sectionInner, #koushiSec .sectionInner{position: relative;}
/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{height:auto;padding:10px 0 10px;border-bottom:3px solid #005873;border-top:6px solid #005873;position:sticky;top:0;background-color:#fff;z-index:999;}
#headerAreaInner{height:auto;position:relative;max-width:950px;margin:0 auto;}
#headerArea h1{position:initial;}
#headerLink{padding:0; display: flex;}
#headerLink .moushikomiTopBtn{margin:0;text-align:right;display:block;}
#headerArea .ttlTxt{font-size:11px;color:#fff;font-weight:400;position:absolute;top:-28px;line-height:1.6;margin:0;padding:0;}
#headerArea .ttlSub{position:absolute;top:-28px;right:0;color:#fff;font-size:11px;text-align:right;width:400px;line-height:1.6;margin:0;padding:0;}
#totp{position:fixed;bottom:5px;right:10px;z-index:999;margin:0;}
#totp:hover{opacity:0.75;}

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{max-width:950px;margin:0 auto;width:100%;}
#breadcrumbArea li{float:left;font-size:10px;}
#breadcrumbArea li a{display:block;background:url(https://www.nova.co.jp/biz/englishcamp/common_images/icon_list03.gif) right 50% no-repeat;padding-right:25px;}

/*----------------------------------------------------------------------------
***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnav{background:rgb(255 255 255 / 83%);}
#gnav .navBox{max-width:1065px;margin:0 auto;}
#gnav .listBox{width:100%;}
#gnav .listItem{width:calc(100% / 6);border-left:1px solid #757575;}
#gnav .listItem:last-child{border-right:1px solid #757575;}
#gnav .listItem a{display:block;width:100%;text-align:center;color:#3d5959;padding:.5em 0;}

/*----------------------------------------------------------------------------
***                                                       mainView
----------------------------------------------------------------------------*/
#mainView{width:100%;min-height: 652px;background:url(https://www.nova.co.jp/biz/englishcamp/images/img_main.png) no-repeat center top;margin: 0 0 3.1em;position:relative;overflow:hidden;}
#mainView:before{content:"";display:block;width:351px;height:290px;position:absolute;bottom:0;left: calc(50% - 1010px);background:url(https://www.nova.co.jp/biz/englishcamp/images/bg_awa01.png) no-repeat center;}
#mainView:after{content:"";display:block;width:344px;height:306px;position:absolute;bottom:0;right: calc(50% - 1010px);background:url(https://www.nova.co.jp/biz/englishcamp/images/bg_awa02.png) no-repeat center;}
#mainView .mainTtlBox{width:90%;max-width:950px;margin:0 auto;padding: 3em 0 0;position:relative;}
#mainView .mainViewBottomBox .grayBox{padding: 1em 0 0 0;position:relative;display:flex;justify-content:center;max-width: 890px;margin: 0 auto;}
#mainView .mainViewBottomBox .grayBox .txt{font-size: 118%;font-weight: 400;line-height: 0.7;width:90%;max-width:950px;margin:0 auto;padding:0;box-sizing:border-box;color:#fff;text-shadow: 1px 1px 2px rgb(63 63 63 / 90%);}
#mainView .mainViewBottomBox .marker{background:linear-gradient(transparent 60%,rgba(132,201,224,.88) 60%);font-weight:700;}
#mainView .mainViewBottomBox .txtBox {line-height: 1.4em;}
#lnav .navBox{max-width:1065px;margin:0 auto;font-weight: 700;font-size: 108%;}
#lnav .listBox{width:100%;}
#lnav .listItem{width:calc(100% / 5);border-left:1px solid #757575;}
#lnav .listItem:last-child{border-right:1px solid #757575;}
#lnav .listItem a{display:block;width:100%;text-align:center;color:#757575;}
#lnav .listItem a:after{content:"";display:block;border-left:1px solid #757575;border-bottom:1px solid #757575;width:1em;height:1em;margin:-.5em auto 0;transform:rotate(-45deg) skew(10deg,10deg);}



#mainView .mainViewBottomBox {position: relative;}

#mainView a.overBtn {position: absolute;top: -6em;right: 5em;z-index: 1;}

#mainView a.overBtn {}
/*----------------------------------------------------------------------------
***                                               contentsArea, mainsection
----------------------------------------------------------------------------*/
.secBox.shadowBox{padding:3em 0 3em;}
.secBox.shadowBox>.sectionInner{background:#fff6f4;-webkit-box-shadow:25px 25px 0 0 #f5cabc;box-shadow:25px 25px 0 0 #f5cabc;}
.shadowBox:not(.secBox){background:#fff6f4;-webkit-box-shadow:25px 15px 0 0 #f5cabc;box-shadow:25px 15px 0 0 #f5cabc;}
.shadowBox:not(.secBox).blue{background:#e0eff5;-webkit-box-shadow:25px 15px 0 0 rgba(95,185,210,.88);box-shadow:14px 13px 0 0 rgba(95,185,210,.88);}
.secBox .comingSoonBox{text-align:center;margin:1em 0 0;}
.secBox .comingSoon{margin:0;background:#bababa;color:#fff;text-align:center;display:inline-block;padding:.5em 2em .4em;font-size:170%;line-height:1;}
.img.imgShadow{-webkit-box-shadow:1em 1em 0 0 #f5cabc;box-shadow:1em 1em 0 0 #f5cabc;}
.img.imgShadow.gray{-webkit-box-shadow:1em 1em 0 0 #cdd8dc;box-shadow:1em 1em 0 0 #cdd8dc;}
.contactBtnBox{margin:3em auto;}

#contentsArea{background: url(https://www.nova.co.jp/biz/englishcamp/images/bg_awa03.png) repeat-y center top -25%/ 2170px auto;}

/* イングリッシュキャンプについて */
#englishCampSec{background:#fff;}
#englishCampSec .ttl-h4{color:#ff7f29;border-bottom:1px solid #c1c1c1;margin-bottom:.5em;padding-bottom:.2em;font-weight: bold;font-size: 135%;}
#englishCampSec .boxSetsumei{margin:0 auto 3em;}
#englishCampSec .textBox{padding:0 2em 0 0;}
#englishCampSec .fontB{font-size:120%;}
#englishCampSec .boxPoint{max-width:745px;margin:0 auto;}
#englishCampSec .ttl-h5{text-align:center;font-size:180%;font-weight: bold;}
#englishCampSec .pointListBox{margin:1em 0 2em;}
#englishCampSec .listItem{border:7px solid #ffa56e;width:32.333333%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#englishCampSec .listItem:nth-of-type(n+4){margin:1.5% 0 0 0;}
#englishCampSec .num{display:block;text-align:center;background:#ffa56e;color:#fff;font-size:190%;font-weight:700;position:relative;}
#englishCampSec .num:after{content:"";display:block;width:0;height:0;border:1em solid transparent;border-top:1em solid #ffa56e;position:absolute;left:calc(50% - 1em);bottom: -1.95em;z-index: 0;}
#englishCampSec .text{display:block;text-align:center;padding: 1.5em 1em .3em 1em;color:#295460;font-weight:700;font-size:130%;}
#englishCampSec .btnLink{display:block;text-align:center;margin:0 auto .5em;border:1px solid #ffa56e;color:#9f9f9f;width:80%;line-height:1;padding:.2em 0 .2em 0;background:url(https://www.nova.co.jp/biz/englishcamp/images/btn_arrow_more.png) no-repeat center right 1em;}
#englishCampSec .contactBtnBox{margin-bottom:0;}

/* こんな方に、是非オススメ！！ */
#osusumeSec{background:#e0eff5;margin:0 0 10em;}
#osusumeSec .ttl-h3{color:#304851;position:relative;padding:1.2em 0 1.2em 0;max-width:803px;margin:0 auto;font-size: 175%;font-weight: bold;}
#osusumeSec .ttl-h3:before{content:"";display:block;width:201px;height:65px;position:absolute;top:0;left:0;background:url(https://www.nova.co.jp/biz/englishcamp/images/img_cross01.png) no-repeat center;}
#osusumeSec .ttl-h3:after{content:"";display:block;width:103px;height:61px;position:absolute;bottom:0;right:0;background:url(https://www.nova.co.jp/biz/englishcamp/images/img_cross02.png) no-repeat center;}
#osusumeSec .osusumeList{margin:2em auto 4em;max-width:685px;}
#osusumeSec .osusumeList .txt{display:block;text-align:center;font-weight:700;margin:.5em 0 0;}
#osusumeSec .txtOnayami{margin:0 auto 0;max-width:685px;text-align:center;font-weight:700;font-size:140%;color:#304851;}
#osusumeSec .ten{font-size:130%;/* padding-top:.2em; *//* background-position:top left -2px; *//* background-repeat:repeat-x; *//* background-size:1em .3em; *//* background-image:radial-gradient(.1em .1em at center center,#304851,#304851 100%,transparent); */-webkit-text-emphasis: dot #304851;-webkit-text-emphasis-position: over right;}
#osusumeSec .novaNara{margin:2em auto 2em;background:url(https://www.nova.co.jp/biz/englishcamp/images/img_usagi01.png) no-repeat bottom right 5em,#fff;max-width:685px;padding:1em 1em 1em 0;position:relative;}
#osusumeSec .novaNara:before{content:"";display:block;width:0;height:0;border:2em solid transparent;border-top:2em solid #68a1b7;position:absolute;left:calc(50% - 2em);top:-1em;}
#osusumeSec .ttl-h4{color:#fff;background:#307082;padding:.5em 0 .4em 3.5em;line-height:1;margin:0 26em 0 0;font-weight: 700;}
#osusumeSec .listBox{padding:.5em 0 0 3.5em;}
#osusumeSec .listItem{color:#2a657a;}
#osusumeSec .soudanBox{background:#e0eff5;border:1px solid rgba(96,185,210,.88);margin:0 0 -10em 0;}
#osusumeSec .soudanBox .boxInenr{border-top:.8em solid #fff;border-left:.8em solid #fff;padding:1em .8em .8em 0;}
#osusumeSec .soudanBox .txt{margin:0;text-align:center;font-size:125%;color:#132f35;font-weight:700;line-height:1.4;}
#osusumeSec .txt2{font-size:120%;margin:.4em 0 0;display:block;}
#osusumeSec .contactBtnBox{margin:1em 0 0;}

/* 特長 */
#tokuchoSec .ttl-h4{color:#ff9c61;font-size: 129%;}
#tokuchoSec .ttl-h4 .num{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#ff9c61;color:#fff;border-radius:50%;width:1.5em;height:1.5em;line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:.2em 0 0 0;}
#tokuchoSec .tokuchoListBox .txt{padding:0 0 0 1.9em;margin:0 0 0;font-weight:700;}
#tokuchoSec .tokuchoListBox>.listItem{margin:0 0 2em 0;padding:0 3.5em 2em 3.5em;/*border-bottom:1px dashed #666;*/}
#tokuchoSec .tokuchoListBox>.listItem:not(:last-child) {border-bottom: 1px dashed #666;}
#tokuchoSec .exampleBox{background:#b5dae3;padding:0 .5em 1em .5em;border-radius:6px;margin:1em 0 0;}
#tokuchoSec .exampleBox .ttl-h5{background:#405a72;color:#fff;display:inline-block;padding:.5em 1em .4em 1em;line-height:1;margin:0 0 .5em .1em;}
#tokuchoSec .exampleBox .tableBox{border-spacing:.3em;border-collapse:separate;margin:0;}
#tokuchoSec .exampleBox .itemTh{background:#fff;width:10em;font-size:106%;line-height:1.2;border:none;color: #405a72;}
#tokuchoSec .exampleBox .itemTd{background:#fff;font-size:93%;border:none;font-weight:700;color: #405a72;}
#tokuchoSec .listItem .lessonKouseiBox{background:#fff;margin:.5em 0 1em 1.9em;}
#tokuchoSec .listItem .lessonKouseiBox .ttl-h5{background:#eb926f;color:#fff;text-align:center;line-height:1;padding:.8em 0 .5em;margin:0 0 1.3em;}
#tokuchoSec .listItem .lessonFlowBox{padding:0 2em 1.5em 2em;}
#tokuchoSec .listItem .lessonKouseiBox .listItem{text-align:center;font-weight:700;line-height:1.2;margin:0 0 2em;position:relative;}
#tokuchoSec .listItem .lessonKouseiBox .listItem:after{content:"";display:block;width:0;height:0;border:1em solid transparent;border-top:1em solid #ffa56e;position:absolute;left:calc(50% - 1em);top:calc(100% + .3em);}
#tokuchoSec .listItem .lessonKouseiBox .listItem:last-child{margin:0;}
#tokuchoSec .listItem .lessonKouseiBox .listItem:last-child:after{display:none;}
#tokuchoSec .colorKon{color:#405a72;}

/* 強み */
#tsuyomiSec .boxSetsumei{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 2em;}
#tsuyomiSec .boxSetsumei .imgBox{background:#fff;border-radius:50%;width:12em;height:12em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#tsuyomiSec .textBox{width:calc(100% - 15em);}
#tsuyomiSec .ttl-h4{color:#70544f;border-bottom:1px solid #c1c1c1;margin-bottom:.5em;padding-bottom:.2em;}
#tsuyomiSec .followBox .box{padding:0 .5em;}
#tsuyomiSec .followBox .box .followChilledBox{width:50%;}
#tsuyomiSec .followBox .box .followChilledBox.follow01{padding:0 2em 0 0;border-right:2px solid #ffbc9a;}
#tsuyomiSec .followBox .box .followChilledBox.follow02{padding:0 0 0 2em;}
#tsuyomiSec .followBox .box .followChilledBox .ttl-h6{text-align:center;}
#tsuyomiSec .followBox .box .followChilledBox .txtBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
#tsuyomiSec .followBox .box .followChilledBox p{font-size:95%;}
#tsuyomiSec .followBox .box .followChilledBox .imgBox{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:center;border-bottom:1px solid #acacac;margin:0 0 .5em;padding:0 0 .5em;}
#tsuyomiSec .ttl-h5{background:#eb926f;color:#fff;text-align:center;line-height:1;padding: 0.5em 0 .5em;margin:0 0 1.3em;font-size: 128%;}
#tsuyomiSec .Setsumei{text-align:center;color:#eb805e;font-size:170%;}

/* 参加形態 */
#sankaSec .boxSetsumei{margin:0 0 2em 0;}
#sankaSec .ttl-h4{color:#ff7f29;font-weight: 700;font-size: 133%;}
#sankaSec .textBox{padding:0 2em 0 0;}
#sankaSec .styleListBox{border-bottom:1px solid #c1c1c1;margin-bottom:.5em;padding-bottom:.5em;}
#sankaSec .marker{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#ffd2b7));background:linear-gradient(transparent 60%,#ffd2b7 60%);font-weight:700;}
#sankaSec .hybridBox{margin:0 0 1em 0;}
#sankaSec .hybridBox .ttl-h5{line-height:1;margin:0 0 1em 0;}
#sankaSec .hybridBox .ttl-h5 span{background:#ffb993;font-size:80%;padding:.2em .5em;line-height:1;margin:0 1em 0 0;}
#sankaSec .txtBox{padding:0 0 0 2em;}
#sankaSec .styleSetsumeiBox{border:2px solid #cdcdcd;background:#fff;border-radius:8px;padding:1.5em 2em .5em 2em;margin:0 0 .5em;}
#sankaSec .itemDt{display:inline-block;}
#sankaSec .itemDd{margin:0 0 1em 0;}
#sankaSec .otherBox .txt{display:inline-block;color:#335772;font-weight:700;}

/* NOVAの講師について */
#koushiSec .boxSetsumei{margin:0 0 2em;}
#koushiSec .textBox{padding:0 2em 0 0;}
#koushiSec .ttl-h4{color:#ff7f29;border-bottom:1px solid #c1c1c1;margin-bottom:.5em;padding-bottom:.5em;font-weight: 700;font-size: 133%;}
#koushiSec .koushiBox{background:#fff;}
#koushiSec .ttl-h5{background:#eb926f;color:#fff;text-align:center;line-height:1;padding:.8em 0 .5em;margin:0 0 1.3em;}
#koushiSec .Setsumei{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:35em;margin:0 auto;}
#koushiSec .Setsumei span{display:block;text-align:left;color:#3d3d3d;width:100%;}
#koushiSec .Setsumei .fontB{text-align:center;font-size:130%;}
#koushiSec .marker{background:-webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#b7e4ee));background:linear-gradient(transparent 60%,#b7e4ee 60%);font-size:110%;}
#koushiSec .Setsumei .attention{color:red;}
#koushiSec .exampleBox{max-width:650px;margin:0 auto;padding:1em 3.3em;border-top:1px solid #a6a6a6;}
#koushiSec .itemDt{font-size:110%;}
#koushiSec .itemDt .tagOsusume{color:#fff;background:#5c9bb9;padding:.1em .5em .1em;line-height:1;border-radius:6px;margin:0 0 0 .5em;font-size:85%;}
#koushiSec .itemDd{margin:0 0 1em;font-size:90%;}
#koushiSec .itemDd span{display:block;}

/* イングリッシュキャンプ紹介動画 */
#movieShokaiSec{}

/* カリキュラム参考案 */
#curriculumSec{}

/* 実績 */
#jisekiSec{}

/* 写真風景 */
#photoSec{}

/* 参加者のコメント */
#commentSec{}

/* 参加費の一例 */
#entryFeeSec{}

/* 新型コロナウイルス感染症対策に関して */
#virusTaisakuSec .contentsBoxInner{text-align:center;}
#virusTaisakuSec .virusTaisakuListBox{display:inline-block;font-size:130%;font-weight:700;color:#3a3a3a;}


/* プログラム紹介動画 */
#movieSec .movBoxInner {background: #fff;margin: 0 auto;padding: 2em 0 2.5em;border-radius: 0.7em;}
#movieSec .movBoxInner ol {max-width: 500px;margin: 0 auto;color: #4f4f4f;}
#movieSec .movBoxInner ol h4{margin-bottom: 0.3em;line-height: 1.4em;}

#movieSec .movBoxInner ol {max-width: 500px;height: auto;row-gap: 1.8em;}
#movieSec .movBoxInner ol .ttlTxt{font-size: 1.2em;background: linear-gradient(transparent 64%,rgba(255,192,192,30) 5%);font-weight: 700;line-height: inherit;}
#movieSec .movBoxInner ol .ttlsubTxt {font-size: 0.93em;font-weight: 500;}
#movieSec p.usagiright2 {position: absolute;bottom: -1.5em;right: -2em;}
#movieSec .movBox {position: relative;}

#movieSec .ttlBox p{font-size: 1.2em;margin-top: 0.5em;}
#movieSec .ttlBox{margin-bottom:1em;}
#movieSec a.movBtnLink {font-weight: bold;color: #fff;font-size: 1.5em;background: #f28181;padding: 0.6em 1.7em;display: inline-block;border-radius: 4em;}
#movieSec .movBtnBoxInner {margin-top: 2em;}
#movieSec a.movBtnLink:hover{text-decoration:none;}

/*----------------------------------------------------------------------------
***                                                         Q&A
----------------------------------------------------------------------------*/
#qaSec .ttl {font-size: 200%; padding: 0;}
#qaSec .text01{color: #9C9CC6;}
#qaSec .sectionInner .qa_sectionInner{padding:0 1em;width: 82%;margin: 0 auto;}
#qaSec .sectionInner .qa_contentsBox dl{}
#qaSec .sectionInner .qa_contentsBox dt{background: #b5dae3;color: #405a72;font-size: 110%;padding: 1em 1em 1em 4em;position:relative;}
#qaSec .sectionInner .qa_contentsBox dt img{margin-right: 10px;}
#qaSec .sectionInner .qa_contentsBox dd{padding: 1em 1em 1em 4em;font-size: 110%;margin-bottom: 2em;position:relative;background: #fff;}
#qaSec .sectionInner .qa_contentsBox dd img{margin-right: 10px;margin-bottom: 5px;}
#qaSec .sectionInner .qa_contentsBox dt:before{content:"Q.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#2a5c8a;}
#qaSec .sectionInner .qa_contentsBox dd:before{content:"A.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#ff6868;}



@media (min-width:768px)  and (max-width:1200px) {
	#top{width: 100%;min-width: 100%;}
	.secBox > .sectionInner > .titleBox{margin-bottom: 4em;}
	.secBox > .sectionInner{padding: 0 0 4em;}
    #siteNaviSec > div.sectionInner, #footerArea #footerAreaInner {width: 100%!important;margin: 0 auto;}
    #mainView .mainTtlBox {width: 100%;max-width: 700px;margin: 0 auto;padding: 3em 0 0;position: relative;}
	#mainView .mainTtlBox h2 img{width:100%; height:auto;}
	#contentsArea {padding:0 2em;}
	#mainView a.overBtn{position:initial;margin:0 auto;text-align:center;display:block;}
	#lnav .navBox{margin-bottom:3em;padding:0 1em;}
	#tokuchoSec .sectionInner, #tsuyomiSec .sectionInner, #sankaSec .sectionInner, #koushiSec .sectionInner, #virusTaisakuSec .sectionInner, #movieSec .sectionInner{padding:2em 1em;}
	.secBox.shadowBox>.sectionInner {background: #fff6f4;-webkit-box-shadow: 15px 15px 0 0 #f5cabc;box-shadow: 15px 15px 0 0 #f5cabc;}
  #qaSec .sectionInner .qa_sectionInner{padding:0;width: 92%;margin: 0 auto;}

}