@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                  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.3em 0 0.5em;}

#headerLink{width: 100%;}
#headerLink .headerLinkUl{display: flex;justify-content: space-between;align-items: center; height: 100%;}
#headerLink .headerLinkUl .novaTop{margin: 1em 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.5em;left: 0.3em;font-weight: normal;width: 100%;margin: 0;}

/*----------------------------------------------------------------------------
 ***                                                                titleBox
----------------------------------------------------------------------------*/

#titleBox .btn{ position:absolute; top:25px; left:800px;}
#breadcrumbArea{ margin-top:5px; font-size:12px;}

/*----------------------------------------------------------------------------
 ***                                                                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;}

h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea{
	line-height:1.2em;
	color:#333;
	margin:0;
}
.textS{ font-size:11px;}

/*ゴシック体のタイトル*/
.mainTtlGothic{font-size: 170%;font-weight:bold;margin: 0 0 0.5em 0; padding-bottom: 0.25em;border-bottom: 2px solid #005974; box-sizing: border-box;}
.titleGothic{font-size: 160%;font-weight:bold;margin: 0 0 0 0.1em;width: 100%; background: linear-gradient(to bottom, #035975 50%, #cacdca 50%) left / 5px 100% no-repeat, transparent; padding: 0.1em 0 0.1em 15px; margin-bottom: 0.5em; box-sizing: border-box;}

*{box-sizing: border-box;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { }
#headerAreaInner { position:relative; margin-bottom:14px;}
#headerArea h1{ font-size: 10px; line-height: 12px; font-weight: normal; margin-bottom: 2px;}
#headerArea  .floatL p{ margin-left: 3px;}
#headerArea .floatL{ width:400px; margin-top: 10px;}
#headerArea .floatR{ position: absolute; top: 0; width: 370px; left: 585px;}
#headerArea .floatR .link{ float:left; margin-top:18px; }
#headerArea  #hnavi{ float:right; margin-top:0;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi *{box-sizing: border-box;}
#gnavi {width: 100%; background-color: #0f444e; margin-bottom: 0.5em;}
#gnavi ul{max-width: 1200px; width: 100%;margin: 0 auto; display: flex; justify-content: space-between;}
#gnavi li{width: calc((100% - 5em) / 4); border-right: 1px solid #78969c;}
#gnavi li:first-child{width: 5em; border-left: 1px solid #78969c;}
#gnavi li .gnavBox{width: 100%; height: 100%;display: flex; justify-content: space-between; align-items: center; padding: 0.7em 0.5em 0.7em 1em; transition: all ease .5s;}
#gnavi li .gnavBox.active{background-color: #002933;}
#gnavi li:first-child .gnavBox{justify-content: center; padding: 0.7em 0;}
#gnavi li .gnavBox:hover{background: #2f626c;}
#gnavi li .btnTxt{color:#fff; font-size: 130%; margin: 0 auto 0 0.5em;}
#gnavi li:first-child .btnTxt{margin:0 auto; line-height: 1.1;}
#gnavi li a{width:100%; height: 100%;}
#gnavi li a:hover{text-decoration: none;}


/*----------------------------------------------------------------------------
 ***                                                             pageTitle
----------------------------------------------------------------------------*/
/*pageTitleMin*/
#pageTitleMin{background:#fff0e2; /*background: url(https://www.nova.co.jp/biz/gogaku/common_images/img_main_title01.jpg);*/ background-size: cover; background-repeat: no-repeat; background-position: center center;}
#pageTitleMin #pageTitleMinInner{width: 100%;max-width: 1200px; padding: 1em;margin: 0 auto;height: 8em; display: flex; flex-direction: column; justify-content: center; align-items: center;box-sizing: border-box;}
#pageTitleMin h2{font-size: 240%;color:#084b5b; line-height: 1.2;}
#pageTitleMin h2 span{ font-size:70%; line-height:1.2em;}

/*pageTitleWide*/
#pageTitleWide{background:#fff0e2; background-size: cover; /*background: url(https://www.nova.co.jp/biz/gogaku/images/img_main_title01b.jpg);*/ background-repeat: no-repeat; background-position: center center;}
#pageTitleWide #pageTitleWideInner{width: 100%;max-width: 1200px; margin: 0 auto;height: 12em; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;box-sizing: border-box;}
#pageTitleWide .pageTitleBox{color: #084b5b; display: block; max-width: 630px; padding: 0.8em; margin: 0 1em; background: #ffffffcc; text-align: center;}
#pageTitleWide .pageTitleBoxInner{background: linear-gradient(to bottom, #F7931E 50%, #fceee1 50%) left / 10px 100% no-repeat, transparent; padding:0.5em 2em;}
#pageTitleWide .pageTitle{font-size: 240%;}
#pageTitleWide .underPageTitleTxt{font-size: 105%; margin-top: 0.3em;}
#pageTitleWide h2 span{ font-size:70%; line-height:1.4em;}


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


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {max-width: 1100px;margin: 0 auto; display: flex;}
.mainSectionInner {width: calc(100% - (200px + 4em));}

.mainSection .section{ margin-bottom:20px; font-size: 110%;}
.mainSection .section .section{ margin-top:20px;}
.mainSection .midashiSt{ font-weight:bold; color:#DE2582; font-size:110%;}

/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {width:200px; margin: 3em 0 5em 4em;}
.rightSectionInner { padding-top:0;}
/*----------------------------------------------------------------------------
***                                                                   bnrBox
----------------------------------------------------------------------------*/
#bnrBox li {margin-bottom:15px;}

/*----------------------------------------------------------------------------
 ***                                                                   menuSec
  ----------------------------------------------------------------------------*/
#menuSec{ border:3px solid #005873; border-radius:7px; margin-bottom:15px;}
#menuSec h3{ background:#005873; color:#fff; text-align:center; font-weight:normal; padding:2px 0;}
#menuSec ul{ padding:11px;}
#menuSec li { font-size:13px; border-bottom:1px dotted #999; padding-bottom:3px; padding-left:19px; margin-bottom:5px; background:url(https://www.nova.co.jp/biz/gogaku/common_images/icon05.png) no-repeat left 0px; }
#menuSec .lastLi{ margin:0; border:none;}

/*----------------------------------------------------------------------------
 ***                                                                contactSec
  ----------------------------------------------------------------------------*/
#contactSec{ border:4px solid #ccc; border-radius:5px; padding:16px 13px; margin-bottom:15px;}
#contactSec h3{ text-align:center; border-bottom:1px solid #000; margin-bottom:7px;}
#contactSec .btn{ margin-bottom:5px;}
/*----------------------------------------------------------------------------
 ***                                                                relationSec
  ----------------------------------------------------------------------------*/
#relationSec{}
#relationSec h3{ font-size:14px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:8px;}
#relationSec li{ margin-bottom:10px;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea { border-top: 1px solid #005873; padding-top: 10px;}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo { float:left;}
#footerAreaLogo li{ display:inline; font-size:10px; margin-right:10px;}
#footerCopyright{ float:right;}


/*----------------------------------------------------------------------------
 ***                                                         breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{margin-bottom:18px;}
#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;}