@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
STYLE BASIC
=========================================================================*/
.for_sp {display: none !important;}

#mainContents {padding-top: 80px;}

/*=========================================================================
HEADER
=========================================================================*/
#Header,#headerBody {height: 80px; }


/*-------------------------------------------------------------------------------------------------------------------------*/
#headerBody {
-moz-transition:.5s;
-webkit-transition: .5s;
-o-transition:.5s;
-ms-transition:.5s;
transition:.5s;
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#headLogo {width: 26%; max-width: 240px; left: 0;}
#Header.active #headLogo {width: 24%;}

 
/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#menu-trigger {display: none !important;}

#globalNavi {
width: 54%;
z-index: 1;
position: absolute;
right: 0%;
/*right: 15%;*/
top:50%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

text-align: right;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList {letter-spacing: -.4em;}
ul#naviList li {letter-spacing: 0; vertical-align: middle; display: inline-block; margin-right: 8%; font-size:16px;}
ul#naviList li:last-of-type {margin-right: 0;}

ul#naviList li a:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
left: -2%;
bottom:-2px;
background: #074695;
z-index: 1;
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
-o-transform:translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform: translateX(-50%);
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

ul#naviList li a:hover:before {
left: 50%;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}

@media print, screen and (max-width:1200px){
#globalNavi {right: 0%;}
/*#globalNavi {right: 18%;}*/
}

@media print, screen and (max-width:1000px){
ul#naviList li { font-size: 13px;}
}

@media print, screen and (max-width:860px){
ul#naviList li { font-size: 12px;}
}


/*=========================================================================
HEADER：REGION NAVI
=========================================================================*/
#spCap {display: none !important;}

#selectLanguage {width: 10%;display: block;position: absolute;right: 0;top: 50%;}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
dl#regionMenu {width: 100%; height: auto;}
dl#regionMenu dt, dl#regionMenu dd ul li {font-size: 13px;}
dl#regionMenu dt {padding: 5px 15px; color: #fff; border: 1px solid #074695; background:#074695;}

dl#regionMenu dt #pcCap {position: relative; z-index: 1}
dl#regionMenu dt #pcCap:before {
content: "";
position: absolute;
left: -20px;
top: 55%;
width: 12px;
height: 12px;
background-image: url("../img/icon_language.png");
background-image: url("../img/icon_language.svg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;

-o-transform:translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform: translateY(-50%);

}
dl#regionMenu dt.active {border-bottom: 0;background: transparent !Important; color: #074695;}
dl#regionMenu dt.active #pcCap:before {
background-image: url("../img/icon_language_over.png");
background-image: url("../img/icon_language_over.svg");
}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
dl#regionMenu dd ul li a {padding: 10px 15px;}

@media print, screen and (max-width:1200px){
#selectLanguage {width: 12%;}
}

@media print, screen and (max-width:1000px){
#selectLanguage {width: 12%;}
dl#regionMenu dt, dl#regionMenu dd ul li {font-size: 11px;} 
dl#regionMenu dt #pcCap:before {left: -15px;}
}

@media print, screen and (max-width:900px){
#selectLanguage {width: 14%;}
}

/*=========================================================================
FOOTER
=========================================================================*/
#Footer {padding-bottom: 45px;}

#accessBloc {padding: 45px 0 60px; width: 86%; }

/*------------------------------------------------------------------------------------------------------------------ */
ul#access_infoBox {letter-spacing: -.4em;}
ul#access_infoBox li {display: inline-block; letter-spacing: 0; vertical-align: middle; height: auto;}

#accessMap {width: 36%; margin-right: 6%;}
#accessNote {width: 58%;}

#mapBox {padding-bottom: 90%;}

@media print, screen and (max-width:1000px){
#accessMap {width: 38%; margin-right: 3%;}
#accessNote {width: 59%;}

#mapBox {padding-bottom: 80%;}
}


/*------------------------------------------------------------------------------------------------------------------ */
#accessAdd {font-size: 18px; margin-bottom: 30px;}

/*------------------------------------------------------------------------------------------------------------------ */
dl#companyData {width: 100%;}
dl#companyData dt, dl#companyData dd {font-size: 14px; margin-bottom: 10px;}
dl#companyData dt {width: 15%; margin-right: 3%;}
dl#companyData dd {width: 82%;}

@media print, screen and (max-width:1000px){
#accessAdd {font-size: 16px;}
dl#companyData dt, dl#companyData dd {font-size: 14px;}
dl#companyData dt {width: 18%;}
dl#companyData dd {width: 79%;}
}

@media print, screen and (max-width:900px){
#accessAdd {font-size: 14px;}
dl#companyData dt, dl#companyData dd {font-size: 13px;}

}


/*------------------------------------------------------------------------------------------------------------------ */
#footLogo {margin-bottom: 15px;}
#Copy {font-size: 13px;}


}