@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
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{}

.mainSectionInner section{/*margin-bottom:3em; */;}
.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: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;}

/*新型コロナうウィルスに関するお知らせ*/
.guideBtn {text-align: center;/* margin-top: 5em; */}
.guideBtn a {margin: 0 auto;text-align: center;color: #ed1e79;text-decoration: underline;font-weight: bold;font-size: 150%;}
.topTxt{ font-size: 110%; margin-top: 3em;}
.hygienicBtn{text-align: center; margin-top: 1em;}
.hygienicBtn a {display: inline-block; font-size: 120%; padding: 0.5em 1em; font-weight: bold; border: 2px solid #00b2bc; color: #00b2bc; border-radius: 2em;}
.hygienicBtn a:hover {opacity: .7;}

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

#mediaInfoSec{width:100%;padding:0;}
.mediaBoxInner{width :100%;margin: 3em auto;padding: 0 30px;box-sizing: border-box}
.mediaBoxInner .InnerLink{width :100%;margin:40px auto 40px;}