@charset "utf-8"; 
/* CSS Document */
.spNone{display:none !important;}
.pcNone{display:block !important;}

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
body{border:none;}
#wrap{width:100%;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{height:auto; border-bottom:3px solid #00a1c9; border-top:3em solid #00a1c9; padding:1em 2% 1em;}

#headerAreaInner{height:auto; position:relative; width:100%; margin:0 auto;}
#headerTitle{/* position:absolute; */width:48%; top:0; left:0; margin:0 0 0 0;}
#headerLink{/* position:absolute; */width:43%; top:0; right:0; margin:0 0 0 0;}
#headerAreaInner h1 img{width:100%;}
#headerArea .ttlTxt{  color:#fff;  font-weight:normal;  position:absolute;  top:-4em;  left:0;  line-height:1.6;  margin:0;  padding:0;  width:100%;  text-align:center;  z-index:1; font-size:12px;}
#headerArea .ttlSub{ position:absolute;  top:-2.7em;  right:0;  color:#fff;   width:100%;  line-height:1.6;  margin:0;  padding:0;  text-align:center; font-size:12px;}

#breadcrumbArea{display:block; width:95%;}
#breadcrumbArea li{font-size:14px;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ margin-bottom:0;}
#contentsAreaInner{}

h2{}

/*----------------------------------------------------------------------------
 ***                                                               mainView
----------------------------------------------------------------------------*/
#mainView{width:100%; height:350px; background-image:url(https://www.nova.co.jp/studystyle/images/bg_contents01b_sp.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mainView #mainViewInner{/* width:80%; *//* max-width:900px; *//* min-width:800px; */height:100%; position:relative; margin:0 auto; width:90%;}
#mainView #mainViewInner .img{position:absolute; right:50px; top:-3px; -webkit-transform:translate(30%,0px); -ms-transform:translate(30%,0px); transform:translate(30%,0px);}
#mainView #mainViewInner h2{position:relative; max-width:500px; height:auto; z-index:2; width:100%;}
#mainView #mainViewInner h2 img{width:100%;}
#mainView #mainViewInner h2:after{ display:none;}
#mainView #mainViewInner .leftBox{width:auto; padding:2.5em 0 0 0;}
#mainView #mainViewInner .leftBox .txt{color:#fff; font-size:17px; font-weight:bold; margin-top:1em; line-height:1.7;}

/*----------------------------------------------------------------------------
 ***                                                               selectStyle
----------------------------------------------------------------------------*/
#selectStyle{width:100%; padding:3em 0;}
#selectStyle ul{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; margin:0 auto; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#selectStyle ul li{width:80%; margin:1em auto; max-width:80%;}
#selectStyle ul li dl{display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#selectStyle ul li dl .ttl{width:50%; height:auto; padding-top:12%; font-size:1.2em;}
#selectStyle ul li dl .img{width:50%;}
#selectStyle ul li dl .img img{width:100%;}
#selectStyle ul li dl .btn{width:9em; max-width:9em; color:#fff; background-color:#fff0; border:#fff 1px solid; font-size:0.8em;}
#selectStyle ul li:nth-child(2) dl .ttl{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
#selectStyle ul li:nth-child(2) dl .img{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{float:none; position:relative;}
.mainSectionInner{padding:0;}

/*----------------------------------------------------------------------------
 ***                                                              ekimaeSec
----------------------------------------------------------------------------*/
#ekimaeSec{width:100%; background-color:#eafafb; padding:1em 0 5em 0;}
#ekimaeSec h3{font-size:2.6em; padding:2em 0 0.5em 0;}
#ekimaeSec h3:before{content:"衛生環境にこだわった校舎で英会話レッスン！"; width:100%; font-size:0.55em; color:#000; position:absolute; top:1.5em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
#ekimaeSec #ekimaeSecInner{background-color:#fff; padding:2em; width:95%; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-sizing:border-box; box-sizing:border-box;}
#ekimaeSec #ekimaeSecInner .img{margin:0 auto 2em auto;}
#ekimaeSec #ekimaeSecInner .img img{width:100%;}
#ekimaeSec #ekimaeSecInner .detail{width:100%; font-size:1.2em;}
#ekimaeSec #ekimaeSecInner .btnBox{padding-right:0; margin-top:2em;}
#ekimaeSec #ekimaeSecInner .btnBox .btn{width:45%;}
#ekimaeSec #ekimaeSecInner .btnBox .btn a{padding:0.5em 0em; display:inline-block; width:100%; text-decoration:none;}
#ekimaeSec #ekimaeSecInner h4{font-size:1.4em; padding-bottom:0em; margin-bottom:1em; border-bottom:solid 1px #00a7b1;}
#ekimaeSec #ekimaeSecInner h4 span{position:relative; color:#00a7b1; font-size:1.2em; text-align:center; padding-bottom:0.3em;}

#ekimaeSec #ekimaeSecInner .detail .txt {padding: 0em;}

#ekimaeSec #ekimaeSecInner .detail .txt, 
#onlineSec #onlineSecInner .detail .txt, 
#appServiceSec #appServiceSecInner .detail .txt{font-size:16px;}

/*----------------------------------------------------------------------------
 ***                                                              onlineSec
----------------------------------------------------------------------------*/
#onlineSec{width:100%; background-color:#f0f3ff; padding:1em 0 1em 0;}
#onlineSec h3{text-align:center; color:#4f5cbf; font-size:2.5em; padding:2em 0 0.5em 0; position:relative;}
#onlineSec h3:before{content:"ご自宅やちょっとしたスキマ時間に…！"; width:100%; font-size:0.5em; color:#000; position:absolute; top:1.5em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
#onlineSec h4{font-size:1.5em; text-align:center; margin-bottom:0.5em;}
#onlineSec h4 .new{color:#e21e79; font-size:70%; margin-left:1em;}
#onlineSec #onlineSecInner{width:90%; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-sizing:border-box; box-sizing:border-box;}
#onlineSec #onlineSecInner .label{padding: 0.5em 0;}
#onlineSec #onlineSecInner .label .type{color:#fff; font-size:1.4em; line-height:20px; padding:0 1em; border-right:1px solid #fff;}
#onlineSec #onlineSecInner .list{border:2px #4f5cbf solid; background-color:#fff; width:100%; margin-bottom:3em;}
#onlineSec #onlineSecInner .list .introduction .img{width:50%; padding-top:0.5em;}
#onlineSec #onlineSecInner .list .introduction .detail{width:90%; font-size:1.2em; position:initial;}
#onlineSec #onlineSecInner .list .introduction .txt{}
#onlineSec #onlineSecInner .list .introduction{-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:1em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly; position:relative; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#onlineSec #onlineSecInner .list .btn a{display:block; width:50%; border:1px #4f5cbf solid; color:#4f5cbf; background-color:#f0f3ff; text-align:center; margin:1em auto 0 auto; padding:0.5em 0; border-radius:2em; position:initial; -webkit-transform:initial; -ms-transform:initial; transform:initial; text-decoration:none;}
#onlineSec #onlineSecInner .list:nth-child(1) .btn a{display:block; width:50%; border:1px #4f5cbf solid; color:#4f5cbf; background-color:#f0f3ff; text-align:center; margin:1em auto 0 auto; padding:0.5em 0; border-radius:2em; position:initial; -webkit-transform:initial; -ms-transform:initial; transform:initial; text-decoration:none;}
#onlineSec #onlineSecInner .list:nth-child(4) .btn a{display:block; width:50%; border:1px #4f5cbf solid; color:#4f5cbf; background-color:#f0f3ff; text-align:center; margin:1em auto 0 auto; padding:0.5em 0; border-radius:2em; position:initial; -webkit-transform:initial; -ms-transform:initial; transform:initial; text-decoration:none;}
#onlineSec #onlineSecInner .list:nth-child(1) .introduction{-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:1em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly; position:relative; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#onlineSec #onlineSecInner .list:nth-child(4) .introduction{-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:1em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly; position:relative; -ms-flex-wrap:wrap; flex-wrap:wrap;}

/*----------------------------------------------------------------------------
 ***                                                          appServiceSec
----------------------------------------------------------------------------*/
#appServiceSec{width:100%; background-color:#fff1e6; padding:1em 0 3em 0;}
#appServiceSec h3{text-align:center; color:#ff8b22; font-size:2.5em; padding:2em 0 1em 0; position:relative;}
#appServiceSec h3:before{content:"他にも選択肢はいろいろ！"; width:100%; font-size:0.5em; color:#000; position:absolute; top:1.5em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);}
#appServiceSec h4{font-size:1.56em; text-align:center; margin-bottom:0.5em; line-height:1.4em;}
#appServiceSec #appServiceSecInner{width:90%; max-width:830px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-sizing:border-box; box-sizing:border-box;}
#appServiceSec #appServiceSecInner .label{padding: 0.5em 0;}
#appServiceSec #appServiceSecInner .label .type{color:#fff; font-size:1.4em; line-height:20px; padding:0 1em; border-right:1px solid #fff;}
#appServiceSec #appServiceSecInner .list{border:2px #ff8b22 solid; background-color:#fff; width:100%; margin-bottom:3em;}
#appServiceSec #appServiceSecInner .list .introduction .img{width:50%; padding-top:0.5em;}
#appServiceSec #appServiceSecInner .list .introduction .detail{width:90%; font-size:1.2em; position:initial;}
#appServiceSec #appServiceSecInner .list .introduction .txt{}
#appServiceSec #appServiceSecInner .list .introduction{-webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:1em 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly; position:relative; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#appServiceSec #appServiceSecInner .list .btn a{display:block; width:50%; border:1px #ff8b22 solid; color:#ff8b22; background-color:#fff1e6; text-align:center; margin:1em auto 0 auto; padding:0.5em 0; border-radius:2em; position:initial; -webkit-transform:initial; -ms-transform:initial; transform:initial; text-decoration:none;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ margin-top:0;  padding:0 0 0 0;  border:none;  background:none;}
#footerCopyright{margin:0; float:none;}
#footerAreaInner #copy{margin-top:0;}
#footerAreaLogo{float:none;}
#footerAreaLogo li{padding:0;}

.only_pc {
    display: none !important;
}
.only_sp {
    display: block !important;
}