@charset "utf-8";
div#customer_header {
height: 100px;
}
.headerWrap {
display:block;
position: fixed !important;
top: 0 !important;
width:100%;
background: #fff;
z-index: 99;
}
.headerWrap .Header {
display:block;
width:100%;
height:56px;
background-color:#fff;
}
.headerWrap .Header .LogoTel {
max-width:1200px;
margin:0 auto;
}
.headerWrap .Header .Logo {
width:40%;
float:left;
text-align:left;
padding-top:10px;
}
.headerWrap .Header .Logo img {
max-width:100%;
}
.headerWrap .Header .Tel {
width:58%;
float:right;
text-align:right;
}

.headerWrap .Header .Tel .TelBox {
width:60px;
height:54px;
display:block;
float:right;
display: flex;
align-items: center;
justify-content: center;
}

.headerWrap .Header .Tel .TelBox p {
margin:0;
padding:0;
font-size:11px;
}

.headerWrap .Header .Tel .TelBox a {
font-size:16px;
color: rgba(57, 27, 72, 1.0);
font-weight: bold;
}

.headerWrap .Header .Tel .TelBox.telBoxJpn {
width: 100px;
}
.headerWrap .Header .Tel .TelBox a:hover {
color:#c33;
}

.headerWrap .Header .Tel .terPc {display:block;}
.headerWrap .Header .Tel .terMp {display:none;}
.headerWrap .Header .Tel .TelPc {
float:right;
}
.headerWrap .Header .Tel .TelPc {
width: 180px;
padding: 10px;
}
.headerWrap .Header .Tel .TelPc img {
width: 100%;
}
.navWrap {
width:100%;
border-bottom:1px solid #ccc;
height:46px;
}
#gNav {
width:100%;
max-width:1200px;
padding:0;
margin:0 auto;
display: flex;
list-style: none;
}

#gNav li {
box-sizing: border-box;
width:11%;
font-size:16px;
text-align:center;
height:46px;
}

#gNav li:nth-child(6n){
width:12%;
}

#gNav li a {
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
color:#000;
text-decoration:none;
display:block;
width:100%;
height:100%;
line-height:46px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
font-weight: bold;
}
#gNav li a span {
position: relative;
}
#gNav li a span:before {
content: "";
width: 0;
height: 3px;
background-color: #8976a2;
position: absolute;
margin: auto;
bottom: -7px;
left: 0;
right: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#gNav li a span:hover::before {
width: 100%;
}
#container {
padding-top: 110px;
}

.footerWrap {
position:relative;
width:100%;
background-color:#000;
border-top:5px solid #ccc;
margin-top:60px;
}

.Footer {
max-width:1200px;
margin:0 auto;
text-align:center;
color:#fff;
padding-bottom:40px;
}

.FooterLogo {
display: block;
margin: 20px auto 20px;
-webkit-border-radius: 0;
border-radius: 0;
}

.FooterName {
display:block;
line-height:3em;
font-size:14px;
font-weight:bold;
}

.FooterAddress {
font-size:13px;
}

.FooterLink {
margin-top:10px;
font-size:12px;
}

.FooterLink a {
text-decoration:none;
color:#fff;
}

.FooterLink a:hover {
color:#CCC;
}
@media screen and (max-width: 768px) {
.navWrap {
    display: none !important;
}
.headerWrap .Header .Tel {
    width: 60%;
}
}