@charset "utf-8";
@media print, screen and (max-width:768px){
/*===============================================================================================
STYLE BASIC
===============================================================================================*/
body.open {overflow: hidden;}

/* --------------------------------------------------------------------------------------- */
.for_pc {display:none !Important;}

/* --------------------------------------------------------------------------------------- */
#mainContents {padding-bottom: 90px;}


/*===============================================================================================
HEADER
===============================================================================================*/
#Header, #headBody {height:70px;}

/* --------------------------------------------------------------------------------------- */
#Logo {width:30%; max-width: 120px; }


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

/*
-webkit-transform: translateY(-100%);
 transform: translateY(-100%);
	*/
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

#globalNavi.open {opacity: 1; z-index:98 !important; right: 0;	/*-webkit-transform:translateY(0); transform:translateY(0); */}

#globalNavi:after {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}


#globalNavi:after {
content: "";
position: absolute;
top:50%;
left: 50%;
width: 100%;
height: 100vh;
/*
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
background-image: url("../img/logo.svg");
*/
z-index:-1;
margin: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-opacity: .8;
opacity: .8;
-webkit-filter: invert(90%);
filter: invert(90%);
}

/*------------------------------------------------------------------------------------------------------------------ */
#menu-trigger {
position:absolute;
width:30px ;
height: 30px;
cursor: pointer;
z-index: 99;
margin: auto;
right: 0;
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: #1B439A;
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);}

/*---------------------------------------------------------------------------------------------------- */
ul#naviList {padding: 0px 0;list-style-type: none; border-top: 3px solid #FF0202;}
ul#naviList li {font-size: 16px; text-align: left; border-bottom: 1px solid #1B439A; display: block;}
ul#naviList li:first-of-type { }

ul#naviList li a {position: relative; z-index: 1;color:#1B439A; display: block; padding: 15px 4%;}
ul#naviList li a:hover {color: #fff; background: #1B439A;}


/*===============================================================================================
FOOTER
===============================================================================================*/
body.open #Footer {z-index: 99; position: fixed; left: 0; bottom: 0; width: 100%;}

.foot_inner {padding: 30px 5%; }

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

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#bottom_linkList {text-align: center;}
ul#bottom_linkList li {margin-right: 2%; font-size: 13px;}
ul#bottom_linkList li:last-of-type {margin-right: 0;}


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

@media print, screen and (max-width:320px){
#Copy, ul#bottom_linkList li {font-size: 11px;}
}

}