@charset "utf-8"; 
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0; padding:0;}
#wrap{width:100%; margin:0 auto;}

.wt90{width:90%; margin:0 auto;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header{ background:#fff;  border-top:3px #666 solid;  margin:0;  padding:0;  position:sticky;  top:0;  border-bottom:#CCC 1px solid;  z-index:9999;  margin-bottom:0;  width:100vw;  display:-webkit-box;  display:-ms-flexbox;  display:flex;  -webkit-box-orient:vertical;  -webkit-box-direction:normal;  -ms-flex-direction:column;  flex-direction:column;}

#headerAreaLogo{float:left; width:32%; margin:4% 0 3% 3%;}
#headerAreaLogo h1 img{display:block;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: 36px;width: 100%;text-align: center;left:0;line-height: 1.6;}
#headerAreaLogo .ttlSub {position: absolute;top: 50px;color: #ccc;font-size: 11px;text-align: center;width: 100%;font-weight: normal;left:0;line-height: 1.4;margin: 0;}
#headerLink{float:left; width:20%; margin:2% 1% 2% 2%;}
#headerLink li{display:inline-block; width:100%;}
#headerArea .menu{float:right; margin-top:3%; padding-top:3px; width:14%;}
#headerArea .menu.login{margin-top:0.3%; margin-right:-2%;}
#headerArea .menu.tel{margin-top:0.3%;}
#headerArea #menuBtn.menu{padding-top:0; margin-top:2%; width:15%;}

#hNavi{width:60px; position:fixed; z-index:999; top:0; margin-left:900px;}
#hNavi ul{display:none;}

/*#breadcrumbArea{display:none;}*/
#headerShadowBox{margin:0; padding:0; width:100%; height:1px; position:fixed; top:56.25px; z-index:2; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4);}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
/*----- âæ°TOP -----*/
#headerAreaInner{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}

#navAreaInner{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;background:#fff;position:relative;z-index:3;-webkit-box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 40%);box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 40%);}
#navAreaInner .listBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#navAreaInner .listBox li:not(:last-child){border-right:1px solid #ccc;}
#navAreaInner .listBox a{display:block; padding:0.5em 1.8em calc(0.1em + 8px)!important; text-align:center; width:100%; position:relative;}
#navAreaInner .listBox a:before{content:""; display:block; width:8px; height:8px; position:absolute; bottom:0.3em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); background:url(https://www.nova.co.jp/images/top_202102/nav_arrow01.png) no-repeat center/cover;}

#headerLinkInner{background:#ccc; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;height: 70px; background-color: #333;}
#headerLinkInner .listBox{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-top:1px solid #ccc; background-color: #ccc;}
#headerLinkInner .listBox li{width:32%; padding:0.5em 1em;}
#headerLinkInner .listBox li a{text-decoration:none; font-size:12px; display:inline-block; line-height:1; padding:0.4em 0 0.3em; color:#00a1c9; background:#fff; border-radius:20px; width:100%; text-align:center;}
#headerLinkInner .listBox li.nbkLink a{background:#ff7bac; color:#fff;}
#headerLinkInner .listBox li.houjinLink a{background:#00698a; color:#fff;}
#headerLinkInner .listBox li.eigosenkaLink a{background:#532E8E; color:#fff;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{padding-top:0px;}
#contentsAreaInner{;}

/*----------------------------------------------------------------------------
    ***                                                                    Area
----------------------------------------------------------------------------*/
#contBox{float:left; background:#fff;}

/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{position:relative;}
/*.mainSectionInner:before{content:""; display:block; width:100%; height:1px; position:absolute; top:-1px; left:0; z-index:1; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4); box-shadow:0px 2px 5px 2px rgba(0,0,0,0.4);}*/

/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{ margin:10px;  padding:25px;  border:10px solid #ccc;}
.rightSectionInner{;}
#rightFd{ margin:0 0 10px 0;  padding:0;}

/*----------------------------------------------------------------------------
 ***                                                              ãã¼ã¸ããã
----------------------------------------------------------------------------*/
.pagetop{text-align:right; margin-top:5px; margin-bottom:10px; clear:both;}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section{;}
.sectionInner{;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{;}
#footerArea{padding: 0 0%;/* margin-top:7%; */border-top:1px solid #ccc;background:#FFF;}
#footerAreaLink{;}
#footerAreaInner{padding: 1em 5%;}
#footerAreaLogo li{display:inline-block; font-size:100%; text-align:center;}
.topPage #footerCopyright{margin-top:10px;}


#footerArea .tAlignL{text-align:left;}
#footerArea .tAlignC{text-align:center;}
#footerArea .tAlignR{text-align:right;}

/*----------------------------------------------------------------------------
***                                                              antagBox
----------------------------------------------------------------------------*/
#antagBox{ display:none;}

/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
body{margin:0; padding:0;}
#wrap #headerArea #totp{position:fixed; bottom:0; right:0; z-index:999; width:55px; display:none!important;}
/*ãSPçããã©ã¼ã ãã¿ã³åºå®ï¼ä¸é¨ï¼*/
body.form_fixed_open{padding-bottom:7em;}
.form_fixed{position:fixed; bottom:0; left:0; width:100%; z-index:9; display:none;}
.form_fixed .linkBtnArea{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; padding:0.7em 1em 0.7em 1em; width:100%; background:#fff; border-top:1px solid #ccc; -webkit-box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%); box-shadow:0px 0px 4px 1px rgb(100 100 100 / 40%);}
.form_fixed .linkBtnArea .linkBox{width:auto; padding:0 0.5em;}
.form_fixed .linkBtnArea .btn_junior{;}
/*ãSPçãããã¯ã¢ããããã¯ã¹åºå®ï¼ä¸é¨ï¼*/
#pickupBottomBox{background-color:#00a1c9; width:100%;}
#pickupBottomBox p{margin:0;}
#pickupBottomBox .pickupBottomBoxInner{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#pickupBottomBox .pickupBottom{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 2%; text-decoration:none; height:4em;}
#pickupBottomBox .closeBtn{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; height:4em; width:30px; padding-right:1%; -webkit-box-sizing:content-box; box-sizing:content-box;}
#pickupBottomBox .closeBtn img{width:18px;}
#pickupBottomBox .pickup{display:block; width:21%; padding-right:2%;}
#pickupBottomBox .txt{display:block; width:auto; font-size:1.3em; color:#fff6ae; font-weight:bold; text-align:center;}
#pickupBottomBox .moreBtn{display:block; width:18%; padding-left:2%;}

/*ãããã¸*/
.form_fixed .buttonBox{position:relative; width:40px; margin:0 0.5em 0.5em auto;}
.form_fixed .btnTotp{position:relative; margin:0;}

/*----------------------------------------------------------------------------
***                                                                   Header
----------------------------------------------------------------------------*/
#headerAreaInner{;}
#headerTxt{width:230px; height:51px; position:absolute; left:444px; top:11px;}
#sapriBar{position:absolute; left:542px; top:44px;}
#headerTxt p{margin:0; padding:0;}
#hNavi{width:205px; position:fixed; z-index:999; top:0; margin-left:750px;}
#hNavi li{float:left; vertical-align:middle; line-height:5px;}
#headerTop{position:fixed; z-index:999; top:28px; margin-left:700px;}

/*----------------------------------------------------------------------------
***                                                           Header - gNavi
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea{;}

/*----------------------------------------------------------------------------
***                                                                   footer
----------------------------------------------------------------------------*/
#footerCopyright{;}

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

/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{width:100%;}
#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;}
.attenC{font-size:10px; padding:10px 0 0 0; clear:both; color:#777;}

/*----------------------------------------------------------------------------
***                                                                  section
----------------------------------------------------------------------------*/
