@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                    body
----------------------------------------------------------------------------*/
body{ margin:0; padding:0; }
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}
a{cursor:pointer;}
#headerArea #totp{ position: fixed; bottom:0; right:0; z-index:999;}
svg.defs{display:none; width:0; height:0; visibility:hidden; overflow:hidden;}
/*----------------------------------------------------------------------------
***                                                                headerArea
----------------------------------------------------------------------------*/
#linkBox_header{background:#000000;}
#linkBox_header .boxInner{width: 950px;margin: 0 auto;padding-right: 200px;}
#linkBox_header .boxInner .table_child:not(:last-of-type){padding-right:20px;}
#linkBox_header a{font-size:13px; font-weight:bold;}


#headerArea{width:100%;margin: 0 auto;position: relative;z-index: 9999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
#headerArea #headerAreaInner {padding-right: 170px;margin-bottom:-60px;height: 60px;position: relative;}
#headerArea #headerAreaInner > p.floatR:not(:last-of-type){}
#headerArea #headerAreaInner > *{vertical-align:middle;}
#headerArea #meinLogo{display:table;}
#headerArea #meinLogo span{display:table-cell;}
#headerArea #meinLogo .txt01{}
#headerArea #meinLogo .txt02{padding-left: 15px;}

#headerArea .ttlTxt{
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -23px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
#headerArea .ttlSub{
    position: absolute;
    top: -23px;
    left: 140px;
    color: #ccc;
    font-size: 12px;
    text-align: left;
    width: auto;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------------
***                                                    　         gnav
----------------------------------------------------------------------------*/
#gnav.common{width: 100%;}
#gnav.common > .sectionInner{text-align: right;}
#gnav.common nav li span{}
#gnav.common a{}
#gnav.common .nav a{color: #fff;}
#gnav.common .nav{width: 80%;display: inline-block;}
#gnav.common .nav ul{}
#gnav.common .nav li{}
#gnav.common .nav li:not(:last-of-type){border-right:1px solid #fff;}
#gnav.common .nav li a{font-size: 13px; cursor:pointer;}
#gnav.common .nav li a:after{}
#gnav.common .nav li.active a{}
#gnav.common .nav li.active a:after{}
#gnav.common .nav .logo{}
#gnav.common .nav .logo .logoBox{}
#gnav.common .nav .txt.top{}
#gnav.common .nav .txt.bottom{}
#gnav.common .navBottom{}
#gnav.common .navBottom a{}

/*下層*/
#gnav.common.under{}
#gnav.common.under > .sectionInner{}
#gnav.common.under .navTop li.gnav04{}
#gnav.common.under .navTop li.gnav_class{}
#gnav.common.under .navTop li.gnav_class .btn{}
#gnav.common.under .navTop li.gnav_class .btn:after{}
#gnav.common.under .navTop li.gnav_class .gnav_classList{}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul{}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li{}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li:not(:last-of-type){}
#gnav.common.under .navTop li.gnav_class .gnav_classList ul li a{}
#gnav.common.under .navBottom{}

/*----------------------------------------------------------------------------
***                                                    　         hnav
----------------------------------------------------------------------------*/
#hNavi{width:156px;position: fixed;top: 0;right: calc( (100% - 950px)/2 + 0px );z-index: 99999;}
#hNavi li{}
#hNavi li a{vertical-align:middle;width: 100%;height:55px;color:#fff;line-height: 1.2;text-align:center;font-size: 14px;}
#hNavi li.logInBtn a{background:#8bba29;}
#hNavi li.requestBtn a{background:#d31477;}
#hNavi li.schoolsBtn a{background:#3894b5;}
#hNavi li.trialBtn a{background:#e9ad16;}

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
/*#breadcrumbArea{display:block;vertical-align:bottom;}
#breadcrumbArea > .breadcrumbInner{padding:5px 0;}
#breadcrumbArea ul{display:table;}
#breadcrumbArea ul li{font-size:14px; display:table-cell; white-space:nowrap; float:none;}
#breadcrumbArea ul li p span{display:inline-block; height:100%;}
#breadcrumbArea ul li a{display: block;color: #4D4D4D;text-decoration: none;}
#breadcrumbArea li a:after{content:">";display:inline;padding:0 0.5em;color: #4D4D4D;}
#breadcrumbArea ul li a img{padding-bottom: 1px;width: auto;height: 100%;display: inline-block;}*/

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

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection > .mainSectionInner{/* width: 950px; */margin: 0 auto;padding: 40px 0 0px;overflow: hidden;}
.secBox > .sectionInner{width: 950px;margin:0 auto;padding: 40px 0 0px;}
.secBox .inSec{width:auto;margin:0 auto;}
.commonW{width:950px; margin:0 auto;}
.titleBox{/*font-size:34px; margin-bottom:30px;*/}
.titleBox h2{/*font-size:34px; margin-bottom:30px;*/}
.titleBox h3{/*font-size:34px; margin-bottom:30px;*/}

/*----- 青枠のボタン -----*/
.linkBox{padding:0px 0 0; text-align:center; overflow:hidden;}
.linkBox ul.flex{width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.linkBox .linkBtn.linkAnim{width: 100%;display: inline-block;}
.linkBox .linkBtn.linkAnim:not(:last-of-type){margin-right: 20px;}
.linkBtn.linkAnim{max-width:256px;width:100%; position:relative;}
.linkBtn.linkAnim > a{display: block;line-height:1;width: 100%;padding: 18px 0;text-align: center;transition:all .3s ease;cursor: pointer;}
.linkBtn.linkAnim.type01 > a{background: #00a4c8;color: #fff;}
.linkBtn.linkAnim.type02 > a{color:#00a4c8;vertical-align: middle;background: rgba(255,255,255,0.7);}
.linkBtn.linkAnim.type03 > a{}
.linkBtn.linkAnim.tel > a{padding: 7px 0 5px;}
.linkBtn.linkAnim.tel > a svg{width:100%; height:36px;}
.linkBtn.linkAnim:before,
.linkBtn.linkAnim:after,
.linkBtn.linkAnim a:before,
.linkBtn.linkAnim a:after{content:"";display:block;width:0%;height:0%;background:#00a4c8; position:absolute; transition:all .5s ease; z-index:1;}
/*色変更*/
/*ピンク*/
.linkBtn.linkAnim.pinkBorder > a {color:#ed1e79;}
.linkBtn.linkAnim.pinkBorder:before,
.linkBtn.linkAnim.pinkBorder:after,
.linkBtn.linkAnim.pinkBorder a:before,
.linkBtn.linkAnim.pinkBorder a:after{background:#ed1e79;}
/*オレンジ*/
.linkBtn.linkAnim.orangeBorder > a {color:#f7931e;}
.linkBtn.linkAnim.orangeBorder:before,
.linkBtn.linkAnim.orangeBorder:after,
.linkBtn.linkAnim.orangeBorder a:before,
.linkBtn.linkAnim.orangeBorder a:after{background:#f7931e;}

/*before:横,after:縦*/
.linkBtn.linkAnim:before{height:2px;top:0;left:0;}
.linkBtn.linkAnim a:before{height:2px;bottom:0; left:0;}
.linkBtn.linkAnim:after{width:2px;top:0;left:0;}
.linkBtn.linkAnim a:after{width:2px;top:0; right:0;}
/*アニメーション*/
.linkBtn.linkAnim.startBtn{}
.linkBtn.linkAnim.startBtn:before{width:100%;}
.linkBtn.linkAnim.startBtn a:before{width:100%; transition-delay:.5s;}
.linkBtn.linkAnim.startBtn:after{height:100%;}
.linkBtn.linkAnim.startBtn a:after{height:100%; transition-delay:.5s;}
/*hover*/
.linkBtn.linkAnim.type01 > a.hoverFlipEaseBtn:hover{color:#00a4c8; background:#fff;}
.linkBtn.linkAnim.type02 > a.hoverFlipEaseBtn:hover{color:#fff; background:#00a4c8;}
.linkBtn.linkAnim.pinkBorder > a.hoverFlipEaseBtn:hover{color:#fff; background:#ed1e79;}
.linkBtn.linkAnim.orangeBorder > a.hoverFlipEaseBtn:hover{color:#fff; background:#f7931e;}
.linkBtn.linkAnim.blue_a04 > a.hoverFlipEaseBtn:hover{color:#fff; background:#99dbe9;}

/*文字：青　背景：白*/
.linkBtn.linkAnim.type02 .arrow i{transition:all .5s ease; transition-delay:1s; transform: translate(-50%,-50%); opacity:0;}
.linkBtn.linkAnim.type02.startBtn .arrow i{transform: translate(0,-50%); opacity:1;}

.hoverFlipEaseBtn{transition:all .3s ease;}
/*【アイコン】矢印*/
.arrow{display:block; position:relative;}
.arrow i{position: absolute;top:50%;right: 5%;transform: translate(0,-50%);display:inline-block;width: 15px;height: 7px;}
.arrow i use{transition:fill .3s ease;}
.tel use{transition:fill .3s ease;}
use.fillColorWhite{fill:#fff;}
use.fillColorBlue{fill:#00a4c8;}
use.fillColorPink{fill:#ed1e79;}
use.fillColorOrange{fill:#f7931e;}
.arrow.hoverFlipEaseBtn:hover i use{fill:#ffffff;}
.arrow.hoverFlipEaseBtn:hover i use.fillColorWhite{fill:#00a4c8;}
.arrow svg.ico_arrow{width: 100%;height: 100%; display: block;}
.tel .hoverFlipEaseBtn:hover use{fill:#ffffff;}
/*【アイコン】検索*/
.search{display:block; position:relative;}
.search i{position:absolute;top:50%;left: 50%;transform: translate(-7.5em,-50%);display:inline-block;width: 26px;height: 31px;}
.search i use{transition:fill .3s ease, stroke .3s ease;}
use.white{stroke:#ffffff; fill:#ffffff;}
use.blue{stroke:#00a4c8; fill:#00a4c8;}
use.blue_a04{stroke:#ffffff; fill:#ffffff;}
use.pink{stroke:#ed1e79; fill:#ed1e79;}
.search.hoverFlipEaseBtn:hover i use.white{stroke:#00a4c8; fill:#00a4c8;}
.search.hoverFlipEaseBtn:hover i use.blue_a04{stroke:#ffffff; fill:#ffffff;}
.search.hoverFlipEaseBtn:hover i use.blue{stroke:#ffffff; fill:#ffffff;}
.search svg.ico_mushimegane{width:100%; height:100%; display: block;}

/*【アイコン】プラス・マイナス*/
.puls{display:block; position:relative;}
.puls i{position: absolute;top:50%;right: 5%;transform: translate(0,-50%);display:inline-block;width: auto;height: auto; font-style:normal;}
.puls i:before{content: "＋"; display:inline-block; width: 1.5em; height: 1.5em; color: #00a4c8; line-height: 1.5; text-align: center;}
.puls.open i:before{content: "－";}
.puls i.white{color:#ffffff;}
.puls i.blue{color:#00a4c8;}
.puls i.pink{color:#ed1e79;}
.puls.hoverFlipEaseBtn:hover i use.white{color:#00a4c8;}
.puls.hoverFlipEaseBtn:hover i:before{color:#ffffff;}

/*color*/
.colorPink{color:#ce6f96;}
.colorBlue{color:#75a8bc;}
.colorPurple{color:#ab99c8;}

/*moreCover*/
a.moreCover{display: block;}
.moreCover .imgBox{position:relative;overflow: hidden;}
.moreCover .imgBox:before{content:"MORE >"; 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; width:100%; height:100%; padding:0; box-sizing:border-box; color:#4d4d4d; font-size:14px; font-weight:bold; text-align:center; background:rgba(255,255,255,0.7); position:absolute; top:0%; left:0%; opacity:0; z-index:1;  -webkit-transition:opacity .6s ease; transition:opacity .6s ease; }
.moreCover.hoverFlipEaseBtn:hover .imgBox:before{opacity:1;}



/*----- 左カラム -----*/
#contentsArea .col_L{}
/*----- 右カラム -----*/
#contentsArea .col_R{}


/*----------------------------------------------------------------------------
***                                                               formBtnArea
----------------------------------------------------------------------------*/
.formBtnArea{background:#fff;}
.formBtnArea.type01{background:url(https://www.nova.co.jp/common_images/bk_area01.jpg) no-repeat center center / cover;}
.formBtnArea.type02{background:url(https://www.nova.co.jp/common_images/bk_area02.jpg) no-repeat center center / cover;}
.formBtnArea.type03{background:url(https://www.nova.co.jp/common_images/bk_area03.jpg) no-repeat center center / cover;}
.formBtnArea{padding:30px 0;}
.formBtnArea .formBtnInner{width: 946px;margin: 0 auto;padding: 65px 20px;background: url(https://www.nova.co.jp/common_images/bk_btn_area.png) no-repeat center center;background-size: 100% auto;}
.formBtnArea .formBtnInner .titleBox{padding: 50px 0 0 300px;}
.formBtnArea .formBtnInner .titleBox .btnBox{display:table;}
.formBtnArea .formBtnInner .titleBox .btnBox > *{display:table-cell;}
.formBtnArea .formBtnInner .titleBox .btnBox p{padding: 0 5px;}

/*----------------------------------------------------------------------------
 ***                                                                  PageTop
----------------------------------------------------------------------------*/
.pagetop{ text-align: right; margin-top: 5px; margin-bottom: 10px; clear: both; }

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                            サイドバー
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                            formLinkSec
----------------------------------------------------------------------------*/
#formLinkSec{background: #4dbfd9;}
#formLinkSec > .sectionInner{padding:40px 0;}
#formLinkSec .imgBox{margin-bottom: 20px;transition-delay: .5s;}
#formLinkSec .titleBox{margin-bottom: 20px;}
#formLinkSec .titleBox h2{color:#fff;}
#formLinkSec #formList ul{width:95%; margin:0 auto;}

/*----------------------------------------------------------------------------
***                                                               canvasBox
----------------------------------------------------------------------------*/
.canvasBox{width:100%; height:100%; position:absolute; top:0px; left:0; z-index: 0;}
.canvasBox canvas{width: 100%;}

/*----------------------------------------------------------------------------
***                                                               effect
----------------------------------------------------------------------------*/
.titleAnim{opacity:0; transition:opacity 1s ease;}
.titleAnim.startTitle{opacity:1;}

/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
/*----- 【ページトップへスライド】 -----*/
#tpbtn{
    width:3.5em;
    height:3.5em;
    z-index:9998;
    position:fixed;
    right:2%;
    bottom: 5%;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
#tpbtn a {display:block; width:100%; height:100%;}
#tpbtn a img{display:block; width:100%; height:auto;}
/*----- 【フッター】 -----*/
#footerArea{}
#footerArea .boxTop{width: 950px;margin:0 auto;padding:45px 0;}
#footerArea .link{padding:0.5em 0;}
#footerArea .link a{font-size:13px; color:#fff; text-decoration:none;}

/*SNS*/
#footerArea .sns_icon{background-color:#4dbfd9; text-align:center; padding:0 0 20px 0;}
#footerArea .sns_icon ul{display:inline-flex;}
#footerArea .sns_icon li{float:left; width:87px; height:auto; margin:10px; font-size:12px; text-align:center;}
#footerArea .sns_icon li a{text-decoration:none; color:#fff;}
#footerArea .sns_icon img{width:50%; height:auto; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}

/*マイナビリクナビ*/
#footerArea .entry_recruit{background:#4dbfd9; padding:0 0 30px;}
#footerArea .entry_recruit p{color:#fff;}
#footerArea .entry_recruit a{display:inline-block; color:#fff; border:1px solid #fff; line-height:1; padding:0.8em 1.2em; font-size: 12px;}

#footerContentList{background: #00a4c8; padding: 10px 0;}
#footerContentList a{color:#fff;font-size: 14px;}
#footerContentList .boxL{padding-right:50px;}
#footerContentList .contentList ul{margin:0 auto;}
#footerContentList .contentList ul li{padding: 0 19px;}
#footerContentList .contentList ul li *{line-height:1;}
#footerContentList .contentList ul li:not(:last-of-type){border-right:1px solid #fff;}

#addressBox{display:inline-block; padding-left:30px;}
#addressBox dl dt{display:inline-block;padding:0 5.5em;font-size:12px;color: #000;background: #ffe600;}
#addressBox dl dd .txtTel{margin:1em 0;}
#addressBox dl dd .txt01{font-size: 1rem;}
#addressBox dl dd p{font-size:13px; line-height:1.5;}
#addressBox p{color:#e3e3e3;}
#addressBox p a{color:#e3e3e3;}
#copy{padding:10px 0;/* border-top:2px solid #ffe600; */}
#copy p{color: #4d4d4d; font-size:12px;}

/*モーダルウインドウのオーバーレイ*/
#modal-overlay {z-index: 99999;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color: rgba( 0,0,0, 0.4 );}