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

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, 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; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
strong { margin:0; padding:0; border:0; font-style:normal; font-weight:bold; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
html{ overflow-y:scroll;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none;}
input, textarea{ margin:0; padding:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left;}
a:focus { outline:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix { display:inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height:1%; }  
.clearfix { display:block; }  
/* End hide from IE-mac */  
 
* { box-sizing:border-box;}

a { text-decoration:none;}
a:hover { text-decoration:underline; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
a, a:hover { -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s;}

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



/*---- body, wrap, inner ----*/

body { min-width: 1000px; line-height: 150%; text-align: center; word-wrap: break-word; font-size: 16px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; }
.inner { position: relative; width: 1000px; margin: 0 auto;}

@media screen and (max-width: 1020px){
	body { min-width: 1px;}
	.inner { width: auto; padding: 0 10px;}
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 480px){

}

/*---- header ----*/

header {}
#headerWrap { width: 100%;  padding-top: 40px;}
#headerWrap .metaWrap { display: table; width: 1000px; height: auto; margin: 0 auto 12px auto;}
#headerWrap .metaWrap .logo { display: table-cell; width: 37%; text-align: left; vertical-align: bottom;}
#headerWrap .metaWrap .logo h1 { font-size: 16px;}
#headerWrap .metaWrap .logoCorp { display: table-cell; width: 21%; text-align: right; vertical-align: bottom;}
#headerWrap .metaWrap .telBoxPC { display: table-cell; width: 32%; text-align: right; vertical-align: bottom;}
#headerWrap .metaWrap .telBoxMB { display: none;}
#headerWrap .metaWrap .order { display: table-cell; width: 10%; text-align: right; vertical-align: bottom;}
#headerWrap .leadWrap { display: table; width: 1000px; height: auto; margin: 0 auto 12px auto;}
#headerWrap .leadWrap .leadBox { display: table-cell; padding: 0 4px; text-align: center;}
#headerWrap .leadWrap .leadBox dl dt { width: 100%; height: 24px; line-height: 24px; background: #FFE114; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }
#headerWrap .leadWrap .leadBox dl dd { width: 100%; height: 24px; line-height: 24px; font-size: 15px;}
#headerWrap .metaWrap .menuBoxMB { display: none;}

@media screen and (max-width: 1020px){
	#headerWrap { padding: 40px 10px 0 10px;}
	#headerWrap .metaWrap { width: 100%;}
	#headerWrap .metaWrap .logo { padding-right: 10px;}
	#headerWrap .metaWrap .telBoxPC, #headerWrap .metaWrap .order { padding-left: 10px;}
	#headerWrap .leadWrap { width: 100%;}
}
@media screen and (max-width: 960px){
	#headerWrap .metaWrap .logo h1 { font-size: 14px;}
	#headerWrap .leadWrap .leadBox dl dd { font-size: 12px;}
}
@media screen and (max-width: 767px){
	#headerWrap { padding-top: 10px;}
	#headerWrap .metaWrap .logoCorp, #headerWrap .metaWrap .telBoxPC, #headerWrap .metaWrap .order { display: none;}
	#headerWrap .metaWrap .logo { width: auto; padding: 0;}
	#headerWrap .metaWrap .telBoxMB { display: table-cell; width: 14.6%; max-width: 70px; padding-left: 10px; vertical-align: middle;}
	#headerWrap .metaWrap .telBoxMB a { display: block; width: 60px; height: 60px; padding-top: 38px; background: #3A95EC url(../images/icon_header_tel.png) center 6px no-repeat; background-size: contain; color: #fff; font-size: 11px; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
	#headerWrap .metaWrap .menuBoxMB { display: table-cell; width: 14.6%; max-width: 70px; padding-left: 10px; vertical-align: middle;}
	#headerWrap .metaWrap .menuBoxMB span { display: block; width: 60px; height: 60px; padding-top: 38px; background: #0B5BA7 url(../images/icon_header_menu.png) center 6px no-repeat; background-size: contain; color: #fff; font-size: 11px; text-align: center; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
	#headerWrap .leadWrap .leadBox { padding: 0 2px;}
	#headerWrap .leadWrap .leadBox dl dd { display: none;}
}
@media screen and (max-width: 479px){
	#headerWrap .metaWrap .logo h1 { font-size: 10px;}
	#headerWrap .leadWrap .leadBox { padding: 0 1px;}
	#headerWrap .leadWrap .leadBox dl dt { font-size: 13px;}
}


/*--- global navi ---*/

nav {}
#gNavi { width: 100%; height: 66px; background: #0B5CA6; border-bottom: 2px #FFE114 solid;}
#gNavi ul { display: table; width: 100%;}
#gNavi ul li { position: relative; display: table-cell;}
#gNavi ul li:after { position: absolute; top:0px; right:-13px; content: url(../images/navi_slash.png);}
#gNavi ul li:last-child:after { content: '';}
#gNavi ul li a { display: block; width: 100%; height: 66px; line-height: 66px;  border-bottom: 2px #FFE114 solid; color: #fff;}
#gNavi ul li a:after { content:url(../images/arrow_white.png);}

@media screen and (max-width: 767px){
	#gNavi { position: absolute; top:80px; display: none; height: auto; z-index: 9999;}
	#gNavi ul, #gNavi ul li { display: block;}
	#gNavi ul li:after { display: none;}
	#gNavi ul li a { height: 40px; border-bottom: 1px #76A4CD solid; line-height: 40px;}
}





/*---- main ----*/

main {}
#mainWrap { margin-bottom: 96px;}



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

footer {}
#footerWrap { width: 100%;}

#fMetaWrap { width: 100%; border-bottom: 2px #FFE114 solid;}
#fMetaWrap .metaWrap { display: table; width: 1000px; height: auto; margin: 0 auto 12px auto;}
#fMetaWrap .metaWrap .logo { display: table-cell; width: 33%; text-align: left; vertical-align: middle;}
#fMetaWrap .metaWrap .logo .catch { font-size: 16px;}
#fMetaWrap .metaWrap .logoCorp { display: table-cell; width: 20%; text-align: center; vertical-align: middle;}
#fMetaWrap .metaWrap .contact { display: table-cell; width: 47%; text-align: right; vertical-align: middle;}
#fMetaWrap .leadWrap { display: table; width: 1000px; height: auto; margin: 0 auto 12px auto;}
#fMetaWrap .leadWrap .leadBox { display: table-cell; padding: 0 4px; text-align: center;}
#fMetaWrap .leadWrap .leadBox span { display: block; height: 24px; line-height: 24px; background: #FFE114; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; }

@media screen and (max-width: 1020px){
	#fMetaWrap { padding: 0 10px;}
	#fMetaWrap .metaWrap, #fMetaWrap .leadWrap  { width: 100%;}
}
@media screen and (max-width: 959px){
	#fMetaWrap .metaWrap .logo .catch { font-size: 13px;}
}
@media screen and (max-width: 767px){
	#fMetaWrap .metaWrap .logo { width: 56%;}
	#fMetaWrap .metaWrap .contact { display: none;}
	#fMetaWrap .metaWrap .logoCorp { width: 44%; padding-left: 10px; vertical-align: bottom;}
	#fMetaWrap .leadWrap .leadBox { padding: 0 2px;}
}
@media screen and (max-width: 479px){
	#fMetaWrap .metaWrap .logo .catch { font-size: 10px;}
	#fMetaWrap .leadWrap .leadBox { padding: 0 1px;}
	#fMetaWrap .leadWrap .leadBox span { font-size: 13px;}
}

#fNaviWrap { width: 100%; background: #0B5BA7;}
#fNaviWrap .fNaviOuter { display: table; table-layout: fixed; width: 100%;}
#fNaviWrap .fNaviOuter .column { display: table-cell; padding: 20px; text-align: left; vertical-align: top;}
#fNaviWrap .fNaviOuter .column dl dt { width: 100%; margin-bottom: 6px; border-bottom: 1px #fff solid;}
#fNaviWrap .fNaviOuter .column dl dt:before { content:url(../images/arrow_white.png);}
#fNaviWrap .fNaviOuter .column dl dt a { padding-left: 10px; color: #fff; font-size: 20px; line-height: 200%;}
#fNaviWrap .fNaviOuter .column dl dd + dt { margin-top: 10px;}
#fNaviWrap .fNaviOuter .column dl dt + dt { margin-top: 30px;}
#fNaviWrap .fNaviOuter .column dl dd { width: 100%; padding-left: 26px;}
#fNaviWrap .fNaviOuter .column dl dd:before { color: #fff; content:'・';}
#fNaviWrap .fNaviOuter .column dl dd a { padding-left: 0px; color: #fff; font-size: 16px; line-height: 180%;}
#fNaviWrap .fContactBox { display: none;}

@media screen and (max-width: 767px){
	#fNaviWrap { padding: 10px;}
	#fNaviWrap .fNaviOuter { display: none;}
	#fNaviWrap .fContactBox { display: table; width: 100%; max-width: 480px; margin: 0 auto; padding-bottom: 10px;}
	#fNaviWrap .fContactBox .tel { display: table-cell; width: 77.9%; padding: 0 1%;}
	#fNaviWrap .fContactBox .order { display: table-cell; width: 22.1%; padding: 0 1%;}
}

#fCopyrightWrap { width: 100%; height: 50px; background: #89C1F6; line-height: 50px; text-align: left;}
#fCopyrightWrap .copy { color: #fff; float: right;}
#fCopyrightWrap .fLinks span { margin-right: 1em;}
#fCopyrightWrap .fLinks span a { color: #fff;}
#fCopyrightWrap .fLinks span a:after { content:url(../images/arrow_white.png);}

@media screen and (max-width: 767px){
	#fCopyrightWrap { height: 26px; line-height: 26px;}
	#fCopyrightWrap .copy { float: none; font-size: 13px; text-align: center;}
	#fCopyrightWrap .fLinks { display: none;}
}

.pagetop { display:none; position:fixed; bottom:20px; right:20px;}
.pagetop a { display: block; width:40px; height:40px; text-align:center; line-height:40px; color: #fff; font-size:18px;
	 background: #0B5BA7; border:1px #fff solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}