@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_header hr,
#customer_footer hr { display:none; }

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


/* ---------------------------------------------------
	Base Layout
------------------------------------------------------ */

html,body { min-width: 0; width: 100%;}
body { min-height: 100vh; background: #fff; color: #000; font-size: 14px; font-weight: normal; line-height: 1.5; font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; -webkit-text-size-adjust: 100%; position: relative; }

input,
select,
textarea { font-size: 16px;}
strong{ font-weight: bold;}

a { color: #000; text-decoration: none; transition-property: opacity; transition: 0.2s linear;}
a:hover { color: #000; text-decoration: underline;}

a img{ transition-property: opacity; transition: 0.2s linear;}
a:hover img { opacity: 0.75;}

#customer_footer #footer_in { width: 100%; padding: 0; margin: 0 auto; box-sizing: border-box; }


/* ---------------------------------------------------
	Hover Line
------------------------------------------------------ */
.hover_line { position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.hover_line:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -2px; background: #ffffff; height: 1px; -webkit-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.12, 0.915, 0.43, 1); -o-transition-timing-function: cubic-bezier(0.12, 0.915, 0.43, 1); transition-timing-function: cubic-bezier(0.12, 0.915, 0.43, 1);}
a:hover .hover_line:before, 
a:focus .hover_line:before, 
a:active .hover_line:before { left: 0; right: 0;}
.current a .hover_line:before { left: 0; right: 0;}


/* ---------------------------------------------------
	Top title
------------------------------------------------------ */
#customer_header .top_title { height: 400px; width: 100%; background: url(../img/top_bg.jpg) no-repeat top center; background-size: cover; text-align: center; padding: 90px 0 0; margin: -6px 0 0;}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */
#customer_header #gnav { clear: both; background: url(../img/gnav_bg.png) repeat-x; height: 96px; position: relative; top: 0; transition: all 0.3s 0s ease; z-index: 300; width: 100%; min-width: 1140px;}
#customer_header #gnav .gnav_logo{ position: absolute; top: 20px; left: 50%; margin: 0 0 0 -550px;}
#customer_header #gnav ul{ width: 700px; position: absolute; top: 10px; left: 50%; margin: 0 0 0 -350px; display: flex; flex-direction: row; justify-content: flex-end;}
#customer_header #gnav ul li{ font-size: 17px; letter-spacing: 0.1em;}
#customer_header #gnav ul li a{ display: block; color: #000; padding: 20px 15px;}
#customer_header #gnav ul li a:hover{ text-decoration: none;}
#customer_header #gnav ul li#gn_home,
#customer_header #gnav ul li.lang_tit,
#customer_header #gnav ul li.lang,
#customer_header #gnav ul li.close_menu { display: none;}
#customer_header #gnav ul li#gn_07,
#customer_header #gnav ul li#gn_08{ position: absolute; top: 0; right: 50%;}
#customer_header #gnav ul li#gn_07{ margin: 0 -550px 0 0;}
#customer_header #gnav ul li#gn_08{ margin: 45px -540px 0 0;}
#customer_header #gnav ul li#gn_07 a{ width: 160px; padding: 5px 0; color: #fff; text-align: center; font-size: 16px; background: url(../img/ico_arrow1.png) no-repeat right 10px center rgba(181,158,87,1.00); background-size: 20px;}
#customer_header #gnav ul li#gn_07 a:hover{ background: url(../img/ico_arrow1.png) no-repeat right 10px center rgba(181,158,87,0.8); background-size: 20px;}
#customer_header #gnav ul li#gn_08 a{ padding: 0 15px 0 0; color: #026aa8; font-size: 14px; text-align: center; border-bottom: solid 1px #026aa8; line-height: 1.1; background: url(../img/ico_arrow2.png) no-repeat right top; background-size: 12px;}
#customer_header #gnav ul li#gn_08 a:hover{ border-bottom:none;}
#customer_header #gnav .hover_line:before { background: #000;}


/* ---------------------------------------------------
	Container
------------------------------------------------------ */

#container{ margin: 20px auto;}

/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #page_top { display:block; z-index: 9999; border-top: solid 1px #9d9d9d; border-bottom: solid 1px #9d9d9d;}
#customer_footer #page_top a { display: block; text-indent: -9999px; width: 100%; height: 52px; position: relative;}
#customer_footer #page_top a:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -6px 0 0 -12px; border-top: 1px solid #39383D; border-left: 1px solid #39383D; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-sizing: border-box;}
#customer_footer #page_top a:hover:before{ margin: -7px 0 0 -12px;}
#customer_footer #footer { padding: 35px 0 0; line-height: 1.6; text-align: left;}
#customer_footer #footer_in { width: 1100px; padding: 0; margin: 0 auto; box-sizing: border-box; }
#customer_footer #footer .ft_addr { float: left; width: 200px; padding: 0 0 40px;}
#customer_footer #footer .ft_addr p{ font-size: 12px;}
#customer_footer #footer .ft_addr .ft_copy{ padding: 0 0 5px;}
#customer_footer #footer .ft_addr .ft_logo{ padding: 0 0 15px;}
#customer_footer #footer .ft_addr .ft_logo img{ width: 100%; height: auto;}
#customer_footer #footer .acc_tit { display: none;}
#customer_footer #footer .ft_nav { float: left; width: 610px; margin: 0 0 0 60px; display: table;}
#customer_footer #footer .ft_nav ul{ display: table-cell;}
#customer_footer #footer .ft_nav ul li{ padding: 0 30px 10px 0;}
#customer_footer #footer .ft_nav ul li a{ display: inline-block; position: relative; padding: 5px 0 5px 10px;}
#customer_footer #footer .ft_nav ul li a:before{ content: ""; position: absolute; top: 13px; left: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 3.5px 0 3.5px 5px; border-color: transparent transparent transparent #c6b496;}
#customer_footer #footer .ft_btns { float: right; width: 224px;}
#customer_footer #footer .ft_btns .btn1{ float: none; width: 100%;}
#customer_footer #footer .ft_btns .btn1 a{ display: block; color: #000; width: 224px; padding: 7px 0; color: #fff; text-align: center; font-size: 16px; background: url(../img/ico_arrow1.png) no-repeat right 10px center rgba(181,158,87,1.00); background-size: 20px;}
#customer_footer #footer .ft_btns .btn1 a:hover{ background: url(../img/ico_arrow1.png) no-repeat right 10px center rgba(181,158,87,0.8); background-size: 20px; text-decoration: none;}
#customer_footer #footer .ft_btns .btn2,
#customer_footer #footer .ft_btns .btn3{ float: left; width: 50%; font-size: 12px; padding: 12px 0 0;}
#customer_footer #footer .ft_btns .btn3{ text-align: right;}
#customer_footer #footer .ft_btns .btn2 a,
#customer_footer #footer .ft_btns .btn3 a{ display: inline-block; background: url(../img/ico_arrow3.png) no-repeat right 3px; background-size: 12px; padding: 0 18px 0 0;}
#customer_footer #footer .ft_btns .btn2 a:hover,
#customer_footer #footer .ft_btns .btn3 a:hover{ text-decoration: none;}
#customer_footer #footer .hover_line:before { background: #000;}
#customer_footer #copyright { clear: both; padding: 15px 0; text-align: center; background: #000; color: #fff; font-size: 10px; letter-spacing: 0.2em;}