img{
	width:100%;
	vertical-align:bottom;
}

.visual-w{
	width:100%;
	min-width:1000px;
	margin-top:30px;
	margin-bottom:50px;
}

.visual{
	width:1000px;
	margin:0 auto;
}

.side0{
	padding:30px 10px 0 20px;
}

.arrow{
	position:relative;
	display:inline-block;
	padding-left:20px;
	text-align:center;
}

.arrow::before{
	content:'';
	width:9px;
	height:9px;
	border:0px;
	border-top:solid 3px #fff;
	border-right:solid 3px #fff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
}

.side1{
	color:#fff;
	font-size:0.8rem;
	margin-top:100px;
	padding-left:50px;
}

.side2{
	color:#fff;
	font-size:0.8rem;
	margin-top:10px;
	padding-left:50px;
}

.h21{
	text-align:center;
	font-size:1.2rem;
}

.wrap{
	width:1000px;
	margin:0 auto;
}

.h22{
	margin-top:50px;
	font-size:1.2rem;
	background-color:#009A47;
	color:#fff;
	padding:6px 15px;
}

.h31{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:20px;
}

.current{
	background-color:#009A47;
	color:#fff;
}

.m1{
	text-align:center;
	padding:80px 0;
}

.m2 a{
	display:block;
	padding:5px 0 5px;
	text-align:center;
	background-color:#009a47;
	color:#fff;
	width:200px;
	margin:0 auto 100px;
}

.m2 a:hover{
	background-color:#00E067;
}

.rec{
	padding:0 3%;
}

.rec1{
	width:49%;
	margin-right:2%;
}

.rec2{
	width:49%;
}

.rec3{
	width:100%;
}

.rec3 img{
	width:128px;
}

.sdgs{
	width:151px;
}

.rec1_img{
	width:130px;
}

.rec2_img{
	width:130px;
}

@media only screen and (max-width: 1400px) {
	.side{
		display:none;
	}
}

@media only screen and (max-width: 700px) {

	.float2{
		float:none;
	}

	.wrap{
		width:100%;
		margin: 0;
		padding:50px 5% 0;
	}

	.h21 {
		font-size: 1rem;
		text-align:left;
	}

	.h22{
		margin-top:100px;
		font-size:1rem;
	}

	.h31{
		font-size:0.9rem;
	}


}