@charset "utf-8"; 
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{width:100%;}
#contentsArea{margin-bottom:0;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{max-width:950px; margin:0 auto;}
#headerAreaLogo{}
#pageTitle{background:none;height: 125px;max-width:950px;background-color: #fff;margin:0 auto;position: relative;}
#pageTitle .pageTitleInner{/* position: absolute; *//* top: 70%; *//* left: 50%; */width: 700px;height: 40px;text-align: center;margin: 5em auto;}
#pageTitle h2{padding: 0;color: #00a1c9;}
#breadcrumbArea li a{color: #4d4d4d;}
/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                              releaseListSec
----------------------------------------------------------------------------*/


#releaseListSec {width: 100%;padding: 0;}
#releaseListSec ul {width: 100%;max-width: 950px;margin: 0em auto;padding: 0 30px;box-sizing: border-box;}
#releaseListSec li {border-bottom: 1px solid #ccc;padding: 1.2em 4em 1.1em;font-size: 117%;}
#releaseListSec .infoBoxInner li {padding: 0.9em 0 0.8em 1.5em;}
#releaseListSec .infoBoxInner li a{color:#135bab;}
#releaseListSec .infoBoxInner h3{color: #4d4d4d;margin: 0 auto 0.3em;}
#releaseListSec dl {display: flex; justify-content: flex-start;}
#releaseListSec dt {font-size: 140%;margin-right: 3.5em;}
#releaseListSec dd {font-size: 135%;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{}

.mainSectionInner section{/* margin-bottom:3em; */padding-top: 0em;}
.mainSectionInner .sectionInner{width: 90%;max-width: 950px;/* border-bottom:solid 1px #ccc; */padding-bottom: 4em;margin:0 auto;}
.mainSectionInner h3{text-align:center;margin: 0 auto 1.2em;}
.infoBoxInner {background: #eef7f7;border-radius: 1em;padding: 1.9em 0;margin: 0.7em 0 0;}
.mainSectionInner .txt{font-size:14px;}
.mainSectionInner .linkBox{max-width:790px;margin: 5em auto 3em auto;text-align:center;}
.mainSectionInner a:hover{opacity:.7;}

.mainSectionInner #novanaraSec .lessonSec{max-width:830px; margin:0 auto;}

.mainSectionInner #mapSec{background:#cff9f9;padding: 3em 0;}
.mainSectionInner #mapSec .sectionInner{width:100%; border:none;}
.mainSectionInner #mapSec .innerBox{background:#fff; max-width:950px; margin:0 auto 5em; padding:2em;}
.mainSectionInner #mapSec .img{margin:0 auto; text-align:center; background:#fff; padding:2%; margin-bottom:3em;}

/* SCHOOLS マップ */
.mainSectionInner #mapSec .schoolList{max-width:560px; width:100%; height:auto; display:block; position:relative; margin:0 auto;}
.mainSectionInner #mapSec .schoolList .eng_def{font-family:'Bahnschrift',serif;}
.mainSectionInner #mapSec .schoolList .schoolNavi{max-width:350px; width:100%; position:absolute; z-index:1; top:1em;}
.mainSectionInner #mapSec .schoolList .schoolNavi ul{max-width:160px; width:100%; font-size:140%;}
.mainSectionInner #mapSec .schoolList .schoolNavi li{width:39%; margin:0.3em 0 0; line-height:1em; padding:0.2em 0 0.2em 1em; position:relative;}
.mainSectionInner #mapSec .schoolList .schoolNavi li:before{content:"▶"; display:inline-block; position:absolute; left:0; margin:auto; color:#666; font-size:0.625rem;}
.mainSectionInner #mapSec .schoolList .schoolNavi li a{color:#666; text-decoration:none; transition:color .3s;}
.mainSectionInner #mapSec .schoolList .schoolNavi li a:hover{color:#00aae7;}
.mainSectionInner #mapSec .schoolList .schoolNavi li area:hover{opacity:.6; ;}
.mainSectionInner #mapSec .schoolList .schoolNavi p{margin:2.5em 0 0;}
.mainSectionInner #mapSec .schoolList .schoolNavi p strong{font-size:5rem; font-weight:400;}
.mainSectionInner #mapSec .schoolList .schoolNavi p strong span{font-size:1.75rem; font-weight:bold; font-family:'Bahnschrift',serif;}
.mainSectionInner #mapSec .schoolList .schoolNavi p span.eng_def{font-size:1.125rem; display:block; color:#666; padding:0.2em 0 0; margin:0.2em 0 0; border-top:1px solid #999;}
.mainSectionInner #mapSec #schoolMap{background-image:url(https://www.nova.co.jp/ekimaeryugaku/images/img_school_map.jpg);}
.mainSectionInner #mapSec #schoolMap p{margin:0; padding:0;}

.mainSectionInner .voiceSec .sectionInner{border:none;}
.mainSectionInner .voiceSec .ttlBox{display:flex; justify-content:space-between;}
.mainSectionInner .voiceSec .ttlBox .btnLink{display:block; text-align:center; background:#00b2bc; color:#fff; padding:0.4em 2.5em; border-radius:20px; text-decoration:none; font-size:110%;}
.mainSectionInner .voiceSec .voiceType{margin:0 0 0.5em; font-size:24px; display:flex; align-items:center;}
.mainSectionInner .voiceSec li{width:32%; padding:1.5em 1.5em 5em; margin-bottom:3em; margin-right:0%; position:relative; box-sizing:border-box;}
.mainSectionInner .voiceSec li:last-child{margin-right:0;}

#newsInfoSec .ttlBox{width:100%;}
#newsInfoSec .ttlBoxInner{width: 950px; margin: 0 auto; display:flex; justify-content:center; flex-wrap:wrap;}
#newsInfoSec .ttlBoxInner .newsTtl{width:100%; text-align:center; order:2; font-size: 27px;}
#newsInfoSec .ttlBoxInner .newsDate{width:100%;text-align:center; order:1; font-size: 20px;}