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


body.open {position: relative; overflow: hidden; z-index: -3;}

#mainContents {padding-top: 60px;}

/*=========================================================================
HEADER
=========================================================================*/
#Header {height: 60px;}



/*-------------------------------------------------------------------------------------------------------------------------*/
#headerBody {height: 60px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#headLogo {
width: 44%;
max-width: 180px;
left:50%;
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform: translate(-50%,-50%);
}

#headLogo.fixed {z-index: 99;}


@media print, screen and (max-width:320px){
#headLogo {width: 53%;}

}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {
min-height: 100vh;
padding: 60px 0;
overflow-x: hidden;
background:#fff;
color: #074695;
width: 100%;
height: 100%;
position: fixed;
top:0;
right: -200%;
z-index: -1;
transition: all .5s;
opacity: 0;

 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}


#globalNavi:after {
content: "";
position: absolute;
top:50%;
left: 50%;
width: 100%;
height: 100vh;
background-repeat: no-repeat;
background-size: 80%;
background-position: center 90%;
background-image: url("../img/logo.png");

z-index:-1;
margin: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-opacity: .2;
opacity: .2;

}

#globalNavi.open {opacity: 1; z-index:98 !important; right: 0;	}



/*------------------------------------------------------------------------------------------------------------------ */
#menu-trigger {
position:absolute;
width:30px ;
height: 30px;
cursor: pointer;
z-index: 99;
margin: auto;
right: 2%;
top:50%;
transition: all .5s;
	-moz-transform: translate(-0%, -50%);
-webkit-transform: translate(-0%, -50%);
-o-transform: translate(-0%, -50%);
-ms-transform: translate(-0%, -50%);
	transform: translate(-0%, -50%);
}
#menu-trigger span {
background: #074695;
display: block;
position: absolute;
height: 3px;
width:100%;
left: 0%;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

#menu-trigger span:nth-child(1) {  top: 5px;}
#menu-trigger span:nth-child(2) {  top: 13px;}
#menu-trigger span:nth-child(3) {  top: 21px;}

#menu-trigger.active span:nth-child(1) , #menu-trigger.active span:nth-child(3) {top: 13px;}
#menu-trigger.active span:nth-child(1) {-webkit-transform: rotate(315deg);transform: rotate(315deg);}
#menu-trigger.active span:nth-child(2) {width: 0;left: 50%;}
#menu-trigger.active span:nth-child(3) {-webkit-transform: rotate(-315deg);transform: rotate(-315deg); width: 100%;}


/*---------------------------------------------------------------------------------------------------- */
ul#naviList {padding: 0px 0;}

ul#naviList {list-style-type: none;text-align: center; }
ul#naviList li {font-size: 16px;border-bottom: 1px solid #074695;}
ul#naviList li:first-of-type {border-top:1px solid #074695;}

ul#naviList li:first-of-type { animation-delay: .15s; }
ul#naviList li:nth-of-type(2) { animation-delay: 0.2s; }
ul#naviList li:nth-of-type(3) { animation-delay: 0.45s; }
ul#naviList li:nth-of-type(4) { animation-delay: 0.6s; }
ul#naviList li:nth-of-type(5) { animation-delay: 0.75s; }
ul#naviList li:nth-of-type(6) { animation-delay: 0.9s; }
ul#naviList li:nth-of-type(7) { animation-delay: 1.05s; }
ul#naviList li:nth-of-type(8) { animation-delay: 1.2s; }

ul#naviList li:last-of-type {margin-right: 0;}

ul#naviList li a {position: relative; z-index: 1; display: block; height: auto; padding: 30px 0;color:#074695; font-weight: 600; }
ul#naviList li a:hover {background: #074695; color: #fff;}

/*=========================================================================
HEADER：REGION NAVI
=========================================================================*/
#pcCap {display: none !Important;}

#selectLanguage {
width:30px;
height: auto;
position:absolute;
left:0%;
top: 50%;
display: block;
background: inherit;
z-index: 99;
}


#spCap img {width: 100%; height: auto; display: block;}
#spCap{cursor: pointer; width: 30px; height: 30px;}

#selectLanguage img {margin-left: auto;}
dl#regionMenu dt.active {opacity: .4;}

dl#regionMenu dd{width: 300%;left: 0%;top:110%;}

/*-------------------------------------------------------------------------------------------------------------------------------------------*/
dl#regionMenu dd ul li {font-size: 11px;}
dl#regionMenu dd ul li a {padding: 8px 5px;}
dl#regionMenu dd ul li:first-of-type {border-top:0;}

@media print, screen and (max-width:320px){
#selectLanguage {width: 26px;}
dl#regionMenu dt, dl#regionMenu dd ul li {font-size: 10px;}
}


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

#accessBloc {padding: 30px 0 45px; width: 90%;}

/*------------------------------------------------------------------------------------------------------------------ */
ul#access_infoBox li {display:block; width: 100%; height: auto; margin: 0 auto 30px;;}
ul#access_infoBox li:last-of-type {margin-bottom: 0;}

#accessMap {width: 80%;}
#accessNote {width: 100%;}

#mapBox {padding-bottom:70%;}

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

/*------------------------------------------------------------------------------------------------------------------ */
dl#companyData {width: 100%; margin: 0 auto;}
dl#companyData dt, dl#companyData dd {font-size: 13px; margin-bottom: 10px;}
dl#companyData dt {width: 20%; margin-right: 3%;}
dl#companyData dd {width: 77%;}

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



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


}