@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {


.main_txt { margin-bottom: 80px; }
/*--------hed_img------------*/

#hedImg {
background: url(../images/environment/hed_img.jpg) center center no-repeat;
background-size: cover;
}

.environment_wrap01 {
	width:100%;
	margin:0 auto 60px;
	display:flex;
}

.environment_box01_01 {
	width:45%;
	margin-right:5%;
}

.environment_box01_02 {
	width:50%;
	position:relative;
}

.environment_wrap02 {
	width:100%;
	margin:0 auto 60px;
	display:flex;
	flex-direction:row-reverse;
}

.environment_box02_01 {
	width:45%;
	margin-left:5%;
}

.environment_box02_02 {
	width:50%;
	position:relative;
}

.environment_box01_02:before {
	position: absolute;
	content: "";
	top: -50px;
	background:rgba(40,74,130,0.1);
	width: 1000px;
	height:200px;
	right: -50px;
	z-index:-1;
}

.environment_box02_02:before {
	position: absolute;
	content: "";
	top: -50px;
	background:rgba(40,74,130,0.1);
	width: 1000px;
	height:200px;
	left: -50px;
	z-index:-1;
}


.mark_wrap {
width: 80%;
display: flex;
flex-wrap: wrap;
margin:40px auto 0;
}

.mark_wrap_box1 {
width: 22%;
margin-right: 13%;
margin-bottom: 5%;
}

.mark_wrap_box2 {
width: 30%;
margin-bottom: 5%;
}

.mark_wrap_box3 {
width: 50%;
}


}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {



/*--------------------*/

#hedImg {
background: url(../images/environment/hed_img.jpg) center center no-repeat;
background-size: cover;
}


.environment_wrap01,
.environment_wrap02 {
	width:100%;
	margin:0 auto 30px;
}

.environment_box01_01,
.environment_box01_02 {
	width:100%;
	margin-bottom:20px;
}


.environment_box02_01,
.environment_box02_02 {
	width:70%;
	margin:auto;
}


.mark_wrap {
width: 90%;
display: flex;
flex-wrap: wrap;
margin:40px auto;
}

.mark_wrap_box1 {
width: 24%;
margin-right: 11%;
margin-bottom: 5%;
}

.mark_wrap_box2 {
width: 30%;
margin-bottom: 5%;
}

.mark_wrap_box3 {
width: 50%;
}


}