@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 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 blockquote,
#customer_footer th,
#customer_footer td,
#customer_footer img { margin:0; padding:0; }

#customer_footer p { margin:0; padding:0; line-height: 1.6;}

#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 { color: #000; text-decoration: none;}
#customer_footer a { color: #fff; text-decoration: none;}
#customer_header a:hover { color: #000; text-decoration: none;}
#customer_footer a:hover { color: #fff; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}

#customer_header,
#customer_footer { min-width: 1240px; 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%;}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */
#customer_header { min-height: 90px;}
#customer_header #header_wrap { width: 100%; min-width: 1240px; height: 80px; z-index: 100; background: #fff; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);}
#customer_header #header_wrap #header { position: absolute; top: 5px; left: 50%; margin: 0 0 0 -600px;}
#customer_header #header_wrap #header h1 a{ background-image: url("../img/hd_logo_pc2.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 150px; width: 150px; height: 70px; text-indent: -9999px; display: block;}
#customer_header #header_wrap #gnav{ position: absolute; top: 15px; right: 50%; margin: 0 -600px 0 0; width: 1000px; color: #000; text-shadow:0px 0px 3px #fff; font-size: 15px; z-index: 11;}
#customer_header #header_wrap #gnav ul{ display: flex; justify-content: flex-end;}
#customer_header #header_wrap #gnav ul li{ line-height: 1;}
#customer_header #header_wrap #gnav ul li a{ color: #000; display: block; padding: 20px 12px; text-decoration: none; text-shadow:0px 0px 3px #fff;}
#customer_header #header_wrap #gnav > ul a { display: flex; align-items: center; position: relative;}
#customer_header #header_wrap #gnav > ul a:before { content: ''; height: 1px; position: absolute; left: 50%; right: 50%; bottom: 0; background: #000; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
#customer_header #header_wrap #gnav > ul a:hover { text-decoration: none;}
#customer_header #header_wrap #gnav > ul a:hover:before { left: 1vw; right: 1vw;}
#customer_header #header_wrap #gnav ul li#gn_lang{ padding: 20px 20px 20px 15px; position: relative;}
#customer_header #header_wrap #gnav ul li#gn_lang::before{ content: ""; display: block; width: 1px; height: 20px; position: absolute; top: 18px; left: 0; background: #000;}
#customer_header #header_wrap #gnav ul li#gn_lang::after{ position: absolute; top: 26px; margin: auto; content: ""; vertical-align: middle; right: 3px; width: 4px; height: 4px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(135deg); box-sizing: content-box;}
#customer_header #header_wrap #gnav ul li#gn_lang ul{ display: none;}
#customer_header #header_wrap #gnav ul li#gn_lang:hover ul{ display: flex; flex-direction: column; background: #000; width: 100%; position: absolute; top: 45px; left: 0; padding: 0;}
#customer_header #header_wrap #gnav ul li#gn_lang ul li a{ padding: 5px 10px; text-align: center; text-shadow:none; color: #fff;}
#customer_header #header_wrap #gnav ul li#gn_lang ul li a:before{ display: none;}
#customer_header #header_wrap #gnav ul li#gn_lang ul li a:hover{ background: #fff; color: #000;}
#customer_header #header_wrap #gnav ul li#gn_489ban a{ background: #000; text-shadow: none; color: #fff; width: 150px; padding: 10px 0; text-align: center; margin: 10px 0 0 10px; border: solid 1px #000; /*box-sizing: content-box;*/}
#customer_header #header_wrap #gnav ul li#gn_489ban a:before{ display: none;}
#customer_header #header_wrap #gnav ul li#gn_489ban a:hover{ background: #fff; color: #000;}
#customer_header #header_wrap #gnav ul li#gn_489ban a::after{ position: absolute; top: 0; bottom: 0; right: 10px; margin: auto 0; content: ""; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); box-sizing: content-box;}
#customer_header #header_wrap #gnav ul li#gn_489ban a:hover::after{ border-top: 1px solid #000; border-right: 1px solid #000;}

@media screen and (max-width: 1240px) {
#customer_header #header_wrap { width: 100%; min-width: 1100px;}
#customer_header #header_wrap #header { position: static; float: left; margin: 5px 0 0 20px; width: 150px;}
#customer_header #header_wrap #gnav{ position: static; float: right; margin: 15px 20px 0 0; width: 1000px;}
}

/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { position: relative; z-index: 4; background: #000;}
#customer_footer #footer { color: #fff; line-height: 1.6;}
#customer_footer #footer a { color: #fff;}
#customer_footer #footer a:hover { text-decoration: underline;}
#customer_footer #ft_block1 { background: url("../img/ft_bg.jpg") no-repeat center center; background-size: cover; padding: 60px 0 30px;}
#customer_footer #ft_block1 #ft_logo{ width: 200px; margin: 0 auto 20px;}
#customer_footer #ft_block1 #ft_logo img{ width: 100%; height: auto;}
#customer_footer #ft_block1 address p{ text-align: center;}
#customer_footer #ft_block1 address p.ft_tel1{ padding: 0 0 20px;}
#customer_footer #ft_block1 address p.ft_tel2 a,
#customer_footer #ft_block1 address p.ft_tel2 span{ font-size: 30px;}
#customer_footer #ft_block1 .ft_btns{ display: flex; flex-wrap: wrap; justify-content: center; width: 930px; margin: 30px auto 0;}
#customer_footer #ft_block1 .ft_btns li{}
#customer_footer #ft_block1 .ft_btns li:nth-child(1),
#customer_footer #ft_block1 .ft_btns li:nth-child(2),
#customer_footer #ft_block1 .ft_btns li:nth-child(3){ width: 300px; margin: 0 5px;}
#customer_footer #ft_block1 .ft_btns li:nth-child(1) a,
#customer_footer #ft_block1 .ft_btns li:nth-child(2) a,
#customer_footer #ft_block1 .ft_btns li:nth-child(3) a{ display: block; text-align: center; padding: 18px 0;}
#customer_footer #ft_block1 .ft_btns li:nth-child(1) a{ background: #9873ac; color: #fff;}
#customer_footer #ft_block1 .ft_btns li:nth-child(2) a,
#customer_footer #ft_block1 .ft_btns li:nth-child(3) a{ background: #bfa9d3; color: #000;}
#customer_footer #ft_block1 .ft_btns li:nth-child(1) a:hover{ background:#B693C9; text-decoration: none;}
#customer_footer #ft_block1 .ft_btns li:nth-child(2) a:hover,
#customer_footer #ft_block1 .ft_btns li:nth-child(3) a:hover{ background:#E2CCF6; text-decoration: none;}
#customer_footer #ft_block1 .ft_btns li:nth-child(4){ margin: 15px 0;}
#customer_footer #ft_block1 .ft_btns li:nth-child(4) a{ position: relative; padding: 0 0 0 15px;}
#customer_footer #ft_block1 .ft_btns li:nth-child(4) a::before{ position: absolute; top: 0; bottom: 0; left: 0; right: inherit; margin: auto 0; content: ""; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#customer_footer #ft_block2 .acc_tit{ display: none;}
#customer_footer #ft_block2 .ft_nav{ display: flex; justify-content: center; padding: 40px 90px 40px 0;}
#customer_footer #ft_block2 .ft_nav ul{ padding: 0 0 0 90px;}
#customer_footer #ft_block2 .ft_nav ul li{}
#customer_footer #ft_block2 .ft_nav ul li a{ position: relative; padding: 10px 0 10px 15px; display: block;}
#customer_footer #ft_block2 .ft_nav ul li a::before{ position: absolute; top: 0; bottom: 0; left: 0; right: inherit; margin: auto 0; content: ""; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }
#customer_footer #copyright { clear: both; padding: 5px 0 !important; text-align: center; width: 1200px; margin: 0 auto !important; border-top: solid 1px #333; font-size: 12px;}