@charset "utf-8";
/* CSS Document */
body {
	/*font-size: 3.73vw;*/
	font-size: 3.80vw;
	color: black;
	line-height: 150%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin: 0 !important;
}
img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
a {
	overflow: hidden;
	outline: none;
	text-decoration: none;
	color: black;
}

* {
	padding: 0;
	margin: 0;
}

.fax{
	pointer-events: none;
}

.fax a{
	text-decoration: none;
	color: #000;
}


.cau01{
	font-size: 3.33vw;
	color: #ff0000;
	margin-top: 0.5em;
	font-weight: bold;
}

.sp_totop{
	width:100vw;
	overflow: hidden;
}

.sp_totop img{
	width:100vw;
	height: auto;
}





/*-----------------------------------------------------------*/
/*ヘッダー*/
.sp_hide{
	display: none !important;
}/* CSS Document */


.inner{
	margin-top: 0;
}
#header_wrap {
	max-width: 100vw;
	margin: 0px auto;
	overflow: hidden;
	background-color: #9be9e9;
	background-repeat: repeat-x;
	background-position: left top;
}
#header {
	width: 100vw;
	height: 12.14vw;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

#header h1 {
	width: 56.00vw;
	margin: 4.27vw 0 0 3.87vw;
}

#header h1 img{
	width: 100%;
	height: auto;
}




/*メニュー*/
.btnMenu {
	display: block;
	position: absolute;
	right:-18vw;
	top:6.27vw;
	transform: translateY(-50%);
	width: 8.13vw; 
	box-sizing: border-box;  
} 
.btnMenu span {
	display: block;
	margin:16px auto;
	background: white;
	width:100%;
	height: 2px; 
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
}  
.btnMenu span{
	background: #3249B3;
}
.btnMenu.active span{background: #3249B3;}
.btnMenu.active span:first-child {
  -webkit-transform: translateY(18px) rotate(45deg);
  -moz-transform: translateY(18px) rotate(45deg);
  -ms-transform: translateY(18px) rotate(45deg);
  transform: translateY(18px) rotate(45deg);
} 
.btnMenu.active span:nth-child(2) {
  opacity: 0;
} 
.btnMenu.active span:last-child {
  -webkit-transform: translateY(-18px) rotate(-45deg);
  -moz-transform: translateY(-18px) rotate(-45deg);
  -ms-transform: translateY(-18px) rotate(-45deg);
  transform: translateY(-18px) rotate(-45deg);
} 
/* !gNavi
---------------------------------------------------------- */

.clearfix {
	display: block;
	min-height: 1%;
}
#gNavi {
	display:none;
	width:100%;
	background:#3249b3;
	/*border-top:1px solid #fff;
	border-left:1px solid #fff ;
	border-right:1px solid #fff ;*/
	box-sizing: border-box;
}

#gNavi .inner{padding:0;}

#gNavi li{
	width:100%;
	text-align: center;
	border-bottom: 1px solid #fff;
    align-items: center;
	list-style: none;
}

#gNavi li.full{
	width:100%;
	display: flex;
	align-items: center;
}

#gNavi li.full img{
	width: auto;
	height: 10vw;
}


#gNavi li a{
	color:white !important;
	display: flex;
	text-align: center;
	align-items: center;
	margin: 0 auto;
}

#gNavi li.right_border{
	background-color: #22B573;
}
#gNavi li a {
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height:14.00vw;
	position: relative;
	text-align: center;
	font-size:3.73vw;
	font-weight: bold;
}


#gNavi li a:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.5s;
}
 

.btnMenu{
		right:10.00vw; 
		width: 30px;
	}
.btnMenu span{
		margin:8px auto;
		height:1px;
	} 
.btnMenu.active span:first-child {
	  -webkit-transform: translateY(9px) rotate(45deg);
	  -moz-transform: translateY(9px) rotate(45deg);
	  -ms-transform: translateY(9px) rotate(45deg);
	  transform: translateY(9px) rotate(45deg);
	}
	.btnMenu.active span:last-child {
	  -webkit-transform: translateY(-9px) rotate(-45deg);
	  -moz-transform: translateY(-9px) rotate(-45deg);
	  -ms-transform: translateY(-9px) rotate(-45deg);
	  transform: translateY(-9px) rotate(-45deg);
	} 
	
	#gNavi { top: 11.47vw; }
	#top #gNavi { top:100px; }
	#gNavi li a{
		height:13.33vw;
		font-size: 3.47vw;
	}
	#gNavi li .eng { font-size: 1.2rem; }

/*えがおネットワークTobeをクローズ*/
#gNavi li:nth-child(4){
    display: none;
}

/*END MENU*/
/*MAIN*/
#page_title{
	width:100vw;
	background-color: #85D600;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.73vw;
	line-height: 21.07vw;
}
/*---------------------------*/
#main_container{
	width: 100vw;
}

#main_container > img{
	width: 100%;
	height: auto;
}

/**/
























/*FOOTER----------------------*/
#footer_wrap{
	width: 100vw;
	overflow: hidden;
	background-color:#9be9e9;
}
#footer{
	width:100%;
	margin:auto;
}
#footer ul{
	margin-top: 5.33vw;
}
#footer ul li{
	flex-basis: 15%;
	border-left:1.07vw solid #3249b3;
	list-style-type: none;
	font-size: 3.33vw;
	padding-left:4.53vw;
	margin-bottom:4.27vw;
	height:5.87vw;
	display: flex;
	align-items: center;
	position: relative;
	left: 8.53vw;
	font-weight: bold;
}

#footer ul li a{
	color: #3249b3;
}

#footer dl{
	text-align: center;
	overflow: hidden;
}


#footer dl dd {
	margin: 4.00vw auto;
}



#copy_wrap{
	height: 12vw;
	text-align: center;
	display: flex;
	align-items: center;
	font-size: 2.93vw;
	color: white;
	background-color: #535353;
	justify-content: center;
}
.header-text{
	font-size: 15px;
	line-height: 15px;
	color: #3249B3;
	font-weight: bold;
	font-family: source-han-sans-cjk-ja, sans-serif;
}
#header a{
	text-decoration: none;
}