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

/* --------------------------------------------------
	Reset
-------------------------------------------------- */

#customer_header div,
#customer_header dl,
#customer_header dt,
#customer_header dd,
#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_header pre,
#customer_header form,
#customer_header fieldset,
#customer_header input,
#customer_header textarea,
#customer_header p,
#customer_header blockquote,
#customer_header th,
#customer_header td,
#customer_header img,
#customer_footer div,
#customer_footer dl,
#customer_footer dt,
#customer_footer dd,
#customer_footer ul,
#customer_footer ol,
#customer_footer li,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6,
#customer_footer pre,
#customer_footer form,
#customer_footer fieldset,
#customer_footer input,
#customer_footer textarea,
#customer_footer p,
#customer_footer blockquote,
#customer_footer th,
#customer_footer td,
#customer_footer img { margin:0; padding:0; }

#customer_header table,
#customer_footer table {border-collapse:collapse; border-spacing:0; }

#customer_header fieldset,
#customer_header img,
#customer_footer fieldset,
#customer_footer img  { border:0; }

#customer_header address,
#customer_header caption,
#customer_header cite,
#customer_header code,
#customer_header dfn,
#customer_header em,
#customer_header strong,
#customer_header th,
#customer_header var,
#customer_footer address,
#customer_footer caption,
#customer_footer cite,
#customer_footer code,
#customer_footer dfn,
#customer_footer em,
#customer_footer strong,
#customer_footer th,
#customer_footer var { font-style:normal; font-weight:normal; }

#customer_header ol,
#customer_header ul,
#customer_footer ol,
#customer_footer ul { list-style:none; }

#customer_header caption,
#customer_header th,
#customer_footer caption,
#customer_footer th { text-align:left; }

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { font-size:100%; font-weight:normal; }

#customer_header img,
#customer_footer img { vertical-align:top; }
#customer_footer a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

#customer_header hr,
#customer_footer hr { display:none; }

#customer_header a,
#customer_footer a { border:none; outline:none; }


/* --------------------------------------------------
	Layout
-------------------------------------------------- */
body,html{ min-width: 1140px; width: 100%; }
body{ font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif; line-height: 1.5;}

#customer_header  { margin-bottom:30px;}
#customer_header header { }

#customer_footer { margin-top:50px;}
#customer_footer footer { }



/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#header_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 110px;}
#header_wrap #header { text-align: center;}
#header_wrap #header h1 { min-width: 1140px; padding: 20px 0 0;}

/* ---------------------------------------------------
	Main title
------------------------------------------------------ */
#main_tit{ width: 100%; min-height: 300px; background: url(../img/main_bg.jpg) no-repeat center top; background-size: cover;}
#main_tit h2{ text-align: center; padding: 160px 0 0;}


/* ---------------------------------------------------
	Global navigation
------------------------------------------------------ */
#gnav { min-width: 1140px; border-bottom: 1px solid #ccc; background: rgba(255,255,255,0.9); overflow: hidden;}
#gnav ul{ width: 1100px; margin: 0 auto;}
#gnav ul li{ float: left;}
#gnav ul li a{ display: block; height: 80px; background-image: url(../img/gnav_btns.png); background-repeat: no-repeat; text-indent: -9999px; }

#gnav ul li#gn_home a{ width: 80px; background-position: 0 0; }
#gnav ul li#gn_home a:hover{ background-position: 0 -80px; }
#gnav ul li#gn_01 a{ width: 128px; background-position: -80px 0; }
#gnav ul li#gn_01 a:hover{ background-position: -80px -80px; }
#gnav ul li#gn_02 a{ width: 127px; background-position: -208px 0; }
#gnav ul li#gn_02 a:hover{ background-position: -208px -80px; }
#gnav ul li#gn_03 a{ width: 127px; background-position: -335px 0; }
#gnav ul li#gn_03 a:hover{ background-position: -335px -80px; }
#gnav ul li#gn_04 a{ width: 127px; background-position: -462px 0; }
#gnav ul li#gn_04 a:hover{ background-position: -462px -80px; }
#gnav ul li#gn_05 a{ width: 127px; background-position: -589px 0; }
#gnav ul li#gn_05 a:hover{ background-position: -589px -80px; }
#gnav ul li#gn_06 a{ width: 127px; background-position: -716px 0; }
#gnav ul li#gn_06 a:hover{ background-position: -716px -80px; }
#gnav ul li#gn_07 a{ width: 126px; background-position: -843px 0; }
#gnav ul li#gn_07 a:hover{ background-position: -843px -80px; }
#gnav ul li#gn_08 a{ width: 131px; background-position: -969px 0; cursor: pointer;}
#gnav ul li#gn_08 a:hover{ background-position: -969px -80px; }


/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { background: #000; text-align: left; line-height: 1.8;}
#customer_footer #page_top { display:block; text-align: center; border-bottom: solid 1px #808080; margin: 0 0 30px !important;}
#customer_footer #page_top a { display: block; padding: 11px 0 15px;}
#customer_footer #page_top a img { vertical-align: bottom; }
#customer_footer #footer { width: 1100px; margin: 0 auto; padding: 0 0 30px; line-height: 1.8; overflow: hidden; color: #fff;}
#customer_footer #footer a { color: #fff;}
#customer_footer #footer .ft_addr { width: 300px; float: left; font-style: normal;}
#customer_footer #footer .ft_addr address { margin: 0; }
#customer_footer #footer .ft_addr .ft_logo { display: block; margin: 0 0 20px;}
#customer_footer #footer .ft_addr p { padding: 0 10px 0 0; font-size: 14px; line-height: 1.8; }
#customer_footer #footer .ft_addr p.ft_tel,
#customer_footer #footer .ft_addr p.ft_fax{ display: inline-block; }
#customer_footer #footer .ft_addr p.ft_tel{ padding: 0 10px 0 0;}
#customer_footer #footer .ft_nav { float: left; width: 440px; margin: 0 40px;}
#customer_footer #footer .ft_nav a { text-decoration: none;}
#customer_footer #footer .ft_nav a:hover { text-decoration: underline;}
#customer_footer #footer .ft_nav .acc_tit { display: none;}
#customer_footer #footer .ft_nav > div{ display: flex; justify-content: space-between;}
#customer_footer #footer .ft_nav ul { margin: 15px 0 0;}
#customer_footer #footer .ft_nav li { padding: 0 0 0 12px; margin: 0 10px 5px 0; font-size: 12.5px; background:url(../img/ft_ico1.png) no-repeat 0 6px; background-size: 6px;}
#customer_footer #footer .ft_btns { float: right; width: 230px; padding: 20px; background-color: #fff; box-sizing: content-box;}
#customer_footer #footer .ft_btns .ft_tel{ padding: 0; text-align: center; font-size: 13px; color: #000; line-height: 1.3;}
#customer_footer #footer .ft_btns .ft_tel a,
#customer_footer #footer .ft_btns .ft_tel span{ font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; color: #000;}
#customer_footer #footer .ft_btns .ft_tel span.telnum{ font-size: 30px;}
#customer_footer #footer .ft_btns .ft_tel span.telnum span{ font-size: 25px;}
#customer_footer #footer .ft_btns .ft_btn .btn2{ margin: 10px 0 0; text-decoration: none;}
#customer_footer #footer .copyright { clear: both; padding: 0; text-align: left; color: #fff;}
#customer_footer #footer .copyright small { font-size: 12px;}

/* ボタン2 */
.btn2 { display: block; width: 100%; margin: 20px 0 0; padding: 5px 0; border-radius: 4px; color: #fff; text-align: center; font-size: 16px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif;/* background: url(../img/ico_arrow1.png)no-repeat right 10px center,linear-gradient(#64869b, #506a7a); background-size: 5px;*/ background: linear-gradient(to bottom, #64869b 0%,#506a7a 100%); position: relative;}
.btn2:after{ content: ""; position: absolute; top: 50%; right: 10px; background: url(../img/ico_arrow1.png) no-repeat 0 0; background-size: 5px; width: 5px; height: 7px; margin: -3px 0 0;}
.btn2:hover { text-decoration: none; color: #fff; background: url(../img/ico_arrow1.png)no-repeat right 10px center #506a7a; background-size: 5px;}


/* ---------------------------------------------------
bread
------------------------------------------------------ */
#customer_header .bread { margin: 20px auto; width: 1100px; font-size: 13px; text-align: right; color: #555; }
#customer_header .bread li { display: inline-block; line-height: 1.6; list-style: none; }
#customer_header .bread li:before { content: '>'; margin: 0 5px;}
#customer_header .bread li:first-child:before { display: none;}
#customer_header .bread li a { color: #555; }