@charset 'UTF-8';


body .inner{ zoom: 1; }

body .inner:before ,body .inner:after{ content: ''; display: table; }

body .inner:after{ clear: both; }

.header-area ,.footer-area .footer-foot{ background: #003d8a; background: -webkit-gradient(linear, left top, right top, from(#003d8a), to(#0c73b8)); background: linear-gradient(to right, #003d8a 0%, #0c73b8 100%); }

.gnav-area .gnav-item.current{ background: #890b12; background: -webkit-gradient(linear, left top, right top, from(#890b12), to(#e60012)); background: linear-gradient(to right, #890b12 0%, #e60012 100%); }

/* reset
---------------------------------------- */
html ,body ,div ,span ,applet ,object ,iframe ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,blockquote ,pre ,a ,abbr ,acronym ,address ,big ,cite ,code ,del ,dfn ,em ,img ,ins ,kbd ,q ,s ,samp ,small ,strike ,strong ,sub ,sup ,tt ,var ,b ,u ,i ,center ,dl ,dt ,dd ,ol ,ul ,li ,fieldset ,form ,label ,legend ,table ,caption ,tbody ,tfoot ,thead ,tr ,th ,td ,article ,aside ,canvas ,details ,embed ,figure ,figcaption ,footer ,header ,hgroup ,menu ,nav ,output ,ruby ,section ,summary ,time ,mark ,audio ,video{ margin: 0; padding: 0; border: 0; }

html{ font-size: 62.5%; }

/* HTML5 display-role reset for older browsers */
article ,aside ,detail ,figcaption ,figure ,footer ,header ,hgroup ,menu ,nav ,section{ display: block; }

ol ,ul{ list-style: none; }

blockquote ,q{ quotes: none; }

blockquote:before ,blockquote:after ,q:before ,q:after{ content: ''; content: none; }

table{ border-spacing: 0; border-collapse: collapse; }

img{ max-width: 100%; height: auto; }

a{ text-decoration: none; }

/* border-box */
* ,*:before ,*:after{ -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Reset input */
input ,button ,textarea ,select{ margin: 0; padding: 0; background: none; outline: none; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* cmn
---------------------------------------- */
.sp-hide{ display: inline-block !important; }

.pc-hide{ display: none !important; }

.float-left{ float: left; }

.float-right{ float: right; }

.weight-bold{ font-weight: bold; }

.align-center{ text-align: center; }

.align-left{ text-align: left; }

.align-right{ text-align: right; }

.inner{ position: relative; margin: 0 auto; zoom: 1; }

.inner:before ,.inner:after{ content: ''; display: table; }

.inner:after{ clear: both; }

/* cmn
---------------------------------------- */
body{ position: relative; color: #231815; font-size: 16px; font-size: 1.6rem; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

body a{ color: #231815; }

body a:hover{ opacity: .6; -webkit-transition: .6s; transition: .6s; }

body .inner{ width: 960px; }

body .btn-wrap{ display: block; position: relative; border-radius: 6px; }

body .btn-wrap> span{ display: inline-block; position: absolute; top: 50%; left: 50%; padding-right: 1em; color: #fff; text-align: center; background: url('../images/cmn/icn_arw.png') right center no-repeat; background-size: auto 1em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

body input[type=text] ,body textarea{ width: 100%; padding: .3em .5em; font-size: 21px; background: #fff; border: #231815 2px solid; }

body textarea{ height: 225px; }

/* header
---------------------------------------- */
.header-area{ width: 100%; }

.header-area .logo-area{ float: left; }

.header-area .tel-area{ float: right; margin-top: 20px; }

.header-area .tel-area> .tel-note{ display: block; color: #fff; font-size: 15px; font-size: 1.5rem; }

.header-area .btn-menu{ display: none; }

/* gnav
---------------------------------------- */
.gnav-area{ margin: 10px auto 20px auto; }

.gnav-area .gnav-list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; width: 960px; margin: 0 auto; text-align: center; background: #231815; -webkit-box-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.gnav-area .gnav-item{ position: relative; width: 14.285714286%; padding: .3em 0; text-align: center; }

.gnav-area .gnav-item:after{ content: ''; display: block; position: absolute; bottom: -8px; left: 50%; width: 8px; height: 8px; border-top: #231815 8px solid; border-right: transparent 6px solid; border-left: transparent 6px solid; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.gnav-area .gnav-item> a{ display: block; width: 100%; color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 2; border-right: #fff 1px dotted; }

.gnav-area .gnav-item:last-child> a{ border-right: none; }

.gnav-area .gnav-item.current:after{ border-top: #a50f1e 8px solid; }

/* main
---------------------------------------- */
.main-area{ width: 960px; height: 300px; margin: 0 auto; padding: 22px 0; vertical-align: middle; text-align: center; }

/* footer
---------------------------------------- */
.footer-area{ width: 100%; }

.footer-area .footer-head{ padding: 15px 0; background: #fff; }

.footer-area .footer-head .logo-area{ float: left; }

.footer-area .footer-head .tel-area{ float: right; margin-top: 20px; }

.footer-area .footer-head .tel-area> .tel-note{ display: block; font-size: 15px; font-size: 1.5rem; }

.footer-area .footer-foot{ padding: 10px 0; text-align: center; }

.footer-area .footer-foot .fnav-list{ display: inline-block; text-align: center; border-left: #fff 1px solid; }

.footer-area .footer-foot .fnav-item{ display: inline-block; width: 130px; border-right: #fff 1px solid; }

.footer-area .footer-foot .fnav-item> a{ width: 100%; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 1.776666667; }

.footer-area .footer-foot .copy{ color: #fff; font-size: 11px; font-size: 1.1rem; }

@media screen and (max-width: 768px){ body{ font-size: 3.125vw; } }

@media screen and (max-width: 640px){ .sp-hide{ display: none !important; }
.pc-hide{ display: inline-block !important; }
body .inner{ width: 100%; }
body input[type=text] ,body textarea{ padding: 1em .5em; font-size: 3.75vw; }
body textarea{ height: 37.5vw; }
.header-area{ padding: 3.125vw; }
.header-area .logo-area{ width: 50vw; padding-top: 1.5625vw; }
.header-area .tel-area{ display: none; }
.header-area .btn-menu{ display: block; float: right; width: 12.5vw; height: 12.5vw; background: #fff; border-radius: 6px; }
.header-area .btn-menu .svg-base{ position: absolute; width: 0; height: 0; }
.header-area .btn-menu .icon-menu{ width: 10.9375vw; fill: #0c73b8; }
.gnav-area{ position: absolute; margin: 0 auto; z-index: 1000; }
.gnav-area .gnav-list{ width: 100%; }
.gnav-area .gnav-item{ width: 100%; padding: 1em 0; border-bottom: #fff 1px dotted; }
.gnav-area .gnav-item:after{ content: none; }
.gnav-area .gnav-item> a{ font-size: 3.75vw; border-right: none; }
.gnav-area .gnav-item:last-child{ border-bottom: none; }
.main-area{ width: 100%; height: auto; padding: 3.125vw 0; background-size: cover !important; }
.main-area> .page-title{ display: block; width: 46.875vw; margin: 0 auto; }
.footer-area .footer-head{ padding: 3.125vw 0; }
.footer-area .footer-head .logo-area{ display: block; float: none; width: 84.375vw; margin: 0 auto; text-align: center; }
.footer-area .footer-head .tel-area{ float: none; width: 93.75vw; margin: 3.125vw auto 0 auto; text-align: center; }
.footer-area .footer-head .tel-area> .tel-note{ font-size: 2.8125vw; }
.footer-area .footer-foot{ padding: 0; }
.footer-area .footer-foot .fnav-list{ width: 100%; border-bottom: #fff 1px solid; border-left: none; }
.footer-area .footer-foot .fnav-item{ display: inline-block; width: 50%; border-right: none; }
.footer-area .footer-foot .fnav-item:nth-child(even){ border-left: #fff 1px solid; }
.footer-area .footer-foot .fnav-item:nth-child(1) ,.footer-area .footer-foot .fnav-item:nth-child(2){ border-bottom: #fff 1px solid; }
.footer-area .footer-foot .fnav-item> a{ height: 12.5vw; font-size: 3.125vw; line-height: 4; }
.footer-area .footer-foot .copy{ display: block; width: 100%; padding: 1.5625vw; font-size: 2.8125vw; } }