@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/common.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index......目次
/*			$reset......リセットcss
/*			$font.......ウェブフォントcss
/*			$layout.....全体のレイアウト
/*			$title......共通タイトルレイアウト
/*			$header.....ヘッダレイアウト
/*			$fnavi......フッダナビレイアウト
/*			$footer.....フッタレイアウト
/*			$lower......下層ページ共通レイアウト
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$reset
/*--------------------------------------------------*/
*{box-sizing: border-box; margin:0; padding:0; text-align:left;}
hr{display:none; margin:0; padding:0; border:none; font-size:0; line-height:0;}
a{color:inherit; text-decoration:none;/* -webkit-transition: all 0.4s ease; transition: all 0.4s ease;*/}
a.none:hover{cursor: default;}
ul,ol{list-style:none;}
address{font-style:normal;}
p{line-height:1.8;}
i{font-style: normal;}
img{max-width:100%; border:none;}
.serif{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.fleft{float:left;}
.fright{float:right;}
.clear:after,.clear:before{content:""; display:block; overflow:hidden; height:0;}
.clear:after{clear:both;}
.clear{zoom:1;}



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
html,body{width:100%; height:auto;}
html{font-size:62.5%; font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", sans-serif;}
body{position:relative;	background:#fff; color:#333; font-size:1.0em; line-height:1.8;}
.liquid-inner{position:relative; width:92.063492%; max-width:1160px; min-width: 960px; margin:0 auto;}
.solid-inner{position:relative; width:960px; margin:0 auto;}
.flex{display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
@media screen and (max-width: 767px) {
html{font-family:Helvetica,Arial,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3","Droid Sans",sans-serif;}
.liquid-inner{width:93.75%; max-width:93.75%; min-width:93.75%;}
.solid-inner{width:93.75%;}
}



/*--------------------------------------------------*/
/*			$font
/*--------------------------------------------------*/
@font-face{font-family:'icomoon'; src: url('../fonts/icomoon.eot?y0oaj4'); src:url('../fonts/icomoon.eot?y0oaj4#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?y0oaj4') format('truetype'),url('../fonts/icomoon.woff?y0oaj4') format('woff'),url('../fonts/icomoon.svg?y0oaj4#icomoon') format('svg'); font-weight:normal; font-style:normal;}
.webfont{font-family:'icomoon'; line-height:1;}



/*--------------------------------------------------*/
/*			$header
/*--------------------------------------------------*/
#header{position: fixed; z-index: 9999; width: 100%; padding: 20px 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#header a{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#header a.none{opacity: .3;}
#header a.none:hover{cursor: default;}
#header .liquid-inner{-webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
#header h1{width: 380px;}
#header h1 a{display: block; padding: 40px 0 5px 160px; background: url(/images/hlogo.png) no-repeat left top; color: #fff; font-size: 1rem; font-weight: normal; line-height: 1.4;}
#header h1 a:hover{opacity: .7;}
#header aside{display: none;}
#header nav{width: 54.3%; max-width: 630px;}
#header nav ul.parents{-webkit-justify-content: space-between; justify-content: space-between;}
#header nav ul.parents>li{position: relative; font-size: 1.2rem; font-weight: bold; line-height: 1.4;}
#header nav ul.parents>li a{display: block; padding: .5em .8em;}
#header nav ul.parents>li>a:not(.none):hover{background-color: rgba(1,36,86,.6); color: #fff;}
.news #header nav ul.parents>li.news>a{background-color: rgba(1,36,86,.6); color: #fff;}
.business #header nav ul.parents>li.business>a{background-color: rgba(1,36,86,.6); color: #fff;}
.result #header nav ul.parents>li.result>a{background-color: rgba(1,36,86,.6); color: #fff;}
.outline #header nav ul.parents>li.outline>a{background-color: rgba(1,36,86,.6); color: #fff;}
.inquiry #header nav ul.parents>li.inquiry>a{background-color: rgba(1,36,86,.6); color: #fff;}
#header nav ul.parents>li a i{font-size: 1rem;}
#header.mini{padding: 10px 0; background-color: rgba(255,255,255,.8);}
#header.mini h1 a{background: url(/images/hlogo.png) no-repeat left top; background-size: auto 100%;}
#header.mini h1 a span{display: none;}
@media screen and (max-width: 767px) {
#header{width: 100%; padding: 2.34375% 0 0;}
#header h1{width: 84.16%;}
#header h1 a{display: block; padding: 6.25% 0 0 28%; background: url(/images/hlogo.png) no-repeat left top; background-size: 26% auto; font-size: .8rem; font-weight: normal; line-height: 1.4;}
#header h1 a:hover{opacity: .7;}
#header aside{display: block; width: 10%}
#header nav{display: none; width: 100%; max-width: 100%;}
#header nav ul.parents{display: block; padding: 2.34375% 0;}
#header nav ul.parents>li{font-size: 1.1rem;}
#header nav ul.parents>li a{display: block; padding: .8em; border-bottom: 1px #fff solid; color: #fff; text-align: center;}
#header nav ul.parents>li:last-child a{border-bottom: none;}
#header nav ul.parents>li>a:hover{background-color: transparent;}
.news #header nav ul.parents>li.news>a{background-color: transparent;}
.business #header nav ul.parents>li.business>a{background-color: transparent;}
.result #header nav ul.parents>li.result>a{background-color: transparent;}
.outline #header nav ul.parents>li.outline>a{background-color: transparent;}
.inquiry #header nav ul.parents>li.inquiry>a{background-color: transparent;}
#header nav ul.parents>li a i{display: none;}
#header.mini{padding: 1.5625% 0; background-color: transparent;}
#header.mini h1 a{display: none;}
#header.on{background-color: #000;}
#header.on h1{visibility: visible;}
#header.on h1 a{display: block; background: url(/images/hlogo_f.png) no-repeat left top; background-size: 26% auto; color: #fff;}
#header.on h1 a span{display: block;}
#header.on aside{background: url(/images/btn_close.png) no-repeat; background-size: 100%;}
#header.on aside img{opacity: 0;}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{position: relative; width: 100%; height: 0; padding-top: 31.74%;}
#lower-visual .visual-inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#lower-visual .visual-inner h2{position: absolute; left: 50%; top: 50%; margin-top: -.5em; font-size: 2.4rem; line-height: 1; letter-spacing: .1em;}
@media screen and (max-width: 767px) {
#lower-visual{padding-top: 78.125%;}
#lower-visual .visual-inner h2{font-size: 1.5rem;}
}



/*--------------------------------------------------*/
/*			$pagenation and btn_back
/*--------------------------------------------------*/
.pagenation ol{-webkit-justify-content: center; justify-content: center; padding-bottom: 50px;}
.pagenation ol li{margin-right: 1em; padding-bottom: .5em; font-size: 1.6rem; line-height: 1;}
.pagenation ol li:last-child{margin-right: 0;}
.pagenation ol li a:hover,.pagenation ol li.current a{text-decoration: underline;}
.pagenation ol li a i{font-size: 1rem;}
.btn-back{padding-bottom: 50px;}
.btn-back p{font-size: 1.6rem; line-height: 1; text-align: center;}
.btn-back p a:hover{text-decoration: underline;}
.btn-back p a i{font-size: 1rem;}
@media screen and (max-width: 767px) {
.pagenation ol{padding-bottom: 7.8125%;}
.pagenation ol li{font-size: 1rem;}
.pagenation ol li a i{font-size: .8rem;}
.btn-back p{font-size: 1rem;}
.btn-back p a i{font-size: .5rem;}
}



/*--------------------------------------------------*/
/*			$gotop
/*--------------------------------------------------*/
#btn-gotop{padding-left: 895px; background: url(/images/btn_gotop_bg.png) no-repeat 650px bottom; text-align: right;}
#btn-gotop.on{background: url(/images/btn_gotop_bg_ov.png) no-repeat 650px bottom;}
#btn-gotop a{display: inline-block; width: 66px; height: 62px; padding-top: 40px; background: url(/images/btn_gotop.png) no-repeat center top; color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 1; text-align: center;}
#btn-gotop a:hover{color: #ff0;}
@media screen and (max-width: 767px) {
#btn-gotop{padding-left: 84.16%; background: url(/images/btn_gotop_bg.png) no-repeat 70% bottom; background-size: auto 100%;}
#btn-gotop.on{background: url(/images/btn_gotop_bg_ov.png) no-repeat 70% bottom;}
#btn-gotop a{width: 47px; height: 44px; padding-top: 28px; background: url(/images/btn_gotop.png) no-repeat center top; background-size: cover; font-size: 1rem;}
}


/*--------------------------------------------------*/
/*			$footer
/*--------------------------------------------------*/
#footer{padding: 40px 0 20px; background-color: #000;}
#footer *{color: #fff;}
#footer #ftop{-webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 30px;}
#footer #fnavi{-webkit-justify-content: space-between; justify-content: space-between; width: 300px; font-size: 1.2rem; font-weight: bold;}
#footer #fnavi .parents>li{padding-bottom: 1em;}
#footer #fnavi .children li:before{content: "─"; margin-right: .5em;}
#footer #fnavi .sell .children li:before{opacity: .3;}
#footer #fnavi a.none{opacity: .3;}
#footer #fnavi a.none:hover{cursor: default;}
#footer #fnavi a:not(.none):hover{text-decoration: underline;}
#footer #finfo{width: 465px;}
#footer #finfo dl{-webkit-justify-content: space-between; justify-content: space-between; padding-bottom: 35px;}
#footer #finfo dl dt{font-size: 0; line-height: 0;}
#footer #finfo dl dd{font-size: 1.4rem; font-weight: bold;}
#footer #finfo dl dd .tel{padding: .5em 0;}
#footer #finfo dl dd .inquiry a{display: block; padding: .5em; border: 1px #fff solid; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#footer #finfo dl dd .inquiry a:hover{opacity: .7;}
#footer #finfo dl dd .inquiry a i{margin-left: 2em; font-size: .8rem;}
#footer #finfo aside{font-size: 1.1rem; line-height: 1; text-align: right;}
#footer #finfo aside a:hover{text-decoration: underline;}
#footer #fbottom ul{-webkit-justify-content: center; justify-content: center; padding-bottom: 60px;}
#footer #fbottom ul li{font-size: 0; line-height: 0;}
#footer #fbottom ul li:not(:last-child){margin-right: 20px;}
#footer #fbottom ul li a{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#footer #fbottom ul li a:hover{opacity: .7;}
#footer .copyright{font-size: 1.1rem; font-weight: bold; line-height: 1; text-align: center;}
@media screen and (max-width: 767px) {
#footer{padding: 7.8125% 0 4.6875%;}
#footer #ftop{display: block; padding-bottom: 30px;}
#footer #fnavi{width: 100%; padding-bottom: 7.8125%; font-size: 1.1rem;}
#footer #fnavi .parents{width: 43%;}
#footer #fnavi .parents>li:last-child{padding-bottom: 0;}
#footer #finfo{width: 100%; padding-right: 0;}
#footer #finfo dl{padding-bottom: 3.125%;}
#footer #finfo dl dt{width: 36.6%;}
#footer #finfo dl dd{width: 55%; font-size: 1rem;}
#footer #finfo dl dd .tel{padding: .5em 0;}
#footer #finfo dl dd .tel a{text-decoration: none;}
#footer #finfo aside{font-size: 1rem;}
#footer #fbottom ul{display: block; padding-bottom: 6.25%;}
#footer #fbottom ul li{padding-bottom: 3.125%;}
#footer #fbottom ul li:not(:last-child){margin-right: 0;}
#footer .copyright{font-size: .8rem;}
}