@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {margin:0;padding:0;min-width: 1200px;}
#wrap {width: 100%;margin:0 auto;}
#totp{ position: fixed; right:10px; bottom:5px; z-index:999;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {position: sticky;top: 0;z-index: 9999;background: #fff;border-top: 5px solid #005873;height: 85px;box-sizing: border-box;}
#headerAreaInner {width: 1200px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;padding: 0;position: relative;box-sizing: border-box;}
#headerAreaLogo {margin-right: 1em;padding: 1.2em 0 0.8em;}

#headerLink{width: 100%;}
#headerLink .headerLinkUl{display: flex;justify-content: space-between;align-items: center; height: 100%;}
#headerLink .headerLinkUl .novaTop{margin: 0.5em auto 0 0;}
#headerLink .headerLinkUl .novaTop a{color: #00a1c9;font-size: 95%;}
#headerLink .headerLinkUl .headTel{margin-right: 1.5em;}
#headerLink .headerLinkUl .formCt,
#headerLink .headerLinkUl .formRq{height: 100%;}
#headerLink .headerLinkUl .formCt a,
#headerLink .headerLinkUl .formRq a{display:flex;flex-direction: column;justify-content: center;width: 9.1em;height: 100%;line-height: 1.4;font-size: 120%;text-align: center;color: #fff;font-weight: bold;}

#headerLink .headerLinkUl .formCt a{background: #F9AE3C;background: linear-gradient(0deg, rgba(255,154,0,1) 0%, rgba(255,186,82,1) 100%);}
#headerLink .headerLinkUl .formRq a{background: #D11477;background: linear-gradient(0deg, rgba(209, 20, 119, 1) 0%, rgb(240 64 156) 100%);border-left: 1px #fff dotted;width: calc(9.1em - 1px);}
#headerLink .headerLinkUl .formCt a:hover,
#headerLink .headerLinkUl .formRq a:hover{text-decoration:none;}

#headerArea h1{ font-size: 10px; line-height: 12px; font-weight: normal; margin-bottom: -2px;padding-top: 10px;}
#headerArea h1 a{color:#666;text-decoration:none;position: relative;}
#headerArea .ttlTxt{font-size: 12px;display: block;position:absolute;top: 0.3em;left: 0.3em;font-weight:normal;width: 100%;margin: 0;}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{width:100%;background: #084B5B;position: sticky;top: 85px;z-index: 9999;}
#gNavi #sliderControls{width: 1200px; margin: 0 auto;}
#gNavi .gNavList{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#gNavi .gNavList .gNav{background: #005872;width: 25%;border-left: 1px solid #E4E4E4;position: relative;}
#gNavi .gNavList .gNav:last-child{border-right: 1px solid #E4E4E4;}
#gNavi .gNavList .gNav > a{color: #fff;text-align: center;padding: 0.8em 1em calc(0.8em - 5px);font-size: 130%;position:relative;display: block;transition:background .3s ease;}
#gNavi .gNavList .gNav > a:hover{background: #24667a; text-decoration: none;}
#gNavi .gNavList .gNav#companyNavBtn > a{border-bottom: 5px solid #19B5CF;}
#gNavi .gNavList .gNav#schoolNavBtn > a{border-bottom: 5px solid #FF905A;}
#gNavi .gNavList .gNav#tsuhonNavBtn > a{border-bottom: 5px solid #1AB1FF;}
#gNavi .gNavList .gNav#serviceNavBtn > a{border-bottom: 5px solid #7C7CDE;}
#gNavi .gNavList .gNav > a:after{content: "";display: block;width: 0;height: 0; border-style: solid;position: absolute;top: 50%;right: 1.5em;transform: translate(0, -50%);}
#gNavi .gNavList .gNav#companyNavBtn > a:after{border-color: #19b5cf transparent transparent transparent;border-width: 8px 6px 0px 6px;}
#gNavi .gNavList .gNav#schoolNavBtn > a:after{border-color: #FF905A transparent transparent transparent;border-width: 8px 6px 0px 6px;}
#gNavi .gNavList .gNav#tsuhonNavBtn > a:after{border-color: #1AB1FF transparent transparent transparent;border-width: 8px 6px 0px 6px;}
#gNavi .gNavList .gNav#serviceNavBtn > a:after{border-color: transparent transparent transparent #7C7CDE;border-width: 6px 0 6px 8px;}

#gNavi .gNavList .gNav .gnavDetailUl{display: none; visibility: hidden;}
#gNavi .gNavList .gNav:hover .gnavDetailUl{display: block; visibility: visible; position:absolute;bottom:0.5px;left:50%;transform: translate(-50%,100%);width: 100%; z-index: 9998;}
#gNavi .gNavList .gNav:hover .gnavDetailUl a{display: block; color: #fff; font-size: 110%; padding: 1em; text-decoration:none; position: relative;transition:background .3s ease;}
#gNavi .gNavList .gNav:hover .gnavDetailUl a:after{content: "";display: block;width: 0;height: 0; border-style: solid;position: absolute;top: 50%;right: 1.5em;transform: translate(0, -50%);border-width: 6px 0 6px 8px;}
#gNavi .gNavList .gNav#companyNavBtn:hover .gnavDetailUl a{background: #096B87; border-bottom: 1px solid #19B5CF;}
#gNavi .gNavList .gNav#companyNavBtn:hover .gnavDetailUl a:after{border-color: transparent transparent transparent #3A92A7;}
#gNavi .gNavList .gNav#companyNavBtn:hover .gnavDetailUl a:hover{background:#067a9b;}
#gNavi .gNavList .gNav#companyNavBtn:hover .gnavDetailUl li:last-child a{border-bottom: none;}
#gNavi .gNavList .gNav#schoolNavBtn:hover .gnavDetailUl a{background: #CC6638; border-bottom: 1px solid #FF905A;}
#gNavi .gNavList .gNav#schoolNavBtn:hover .gnavDetailUl a:after{border-color: transparent transparent transparent #FF905A;}
#gNavi .gNavList .gNav#schoolNavBtn:hover .gnavDetailUl a:hover{background:#df662f;}
#gNavi .gNavList .gNav#schoolNavBtn:hover .gnavDetailUl li:last-child a{border-bottom: none;}
#gNavi .gNavList .gNav#tsuhonNavBtn:hover .gnavDetailUl a{background: #266B9C; border-bottom: 1px solid #419BC3;}
#gNavi .gNavList .gNav#tsuhonNavBtn:hover .gnavDetailUl a:after{border-color: transparent transparent transparent #419BC3;}
#gNavi .gNavList .gNav#tsuhonNavBtn:hover .gnavDetailUl a:hover{background:#2d7fba;}
#gNavi .gNavList .gNav#tsuhonNavBtn:hover .gnavDetailUl li:last-child a{border-bottom: none;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/

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

#breadcrumbArea{margin-bottom:10px;}
#breadcrumbArea li{	float:left;}
#breadcrumbArea li a{ display:block; background:url(https://www.nova.co.jp/biz/common_images/icon_list03.gif) right 45% no-repeat; padding-right:22px; margin-right:5px;}

.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {width: 100%;}
.sectionInner {width: 1200px; margin: 0 auto; padding: 5em 1em; box-sizing: border-box;}