@charset "UTF-8";

/* -------------------------- */
/* content */
/* -------------------------- */

.environment {
	position: relative;
}
	.environment > .container {
		padding-bottom: 30px;
		position: relative;
	}
		.environment > .container .thum_img {
			margin-top: 15px;
			text-align: center;
		}
			.environment > .container .thum_img img {
				max-width: 100%;
			}

/* environmentBox */
.environmentBox {
	padding: 30px 0;
}
	.environmentBox .contentTitle01 + .normalTxt {
		margin-bottom: 15px;
	}
	.environmentBox .list_decimel {
		margin-bottom: 15px;
	}
		.environmentBox .list_decimel li {
			margin-bottom: 5px;
		}
			.environmentBox .list_decimel li ol {
				margin: 15px 0;
			}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.environment {
}
	.environment > .container {
	}
		.environment > .container .normalTxt {
			width: 65%;
		}
		.environment > .container .thum_img {
			width: 30%;
			margin-top: 0;
			position: absolute;
			right: 30px;
			top: 0;
			text-align: right;
		}

/* environmentBox */
.environmentBox {
}
	.environmentBox .contentTitle01 + .normalTxt {
		width: 65%;
	}
	.environmentBox .list_decimel {
	}
		.environmentBox .list_decimel li:first-of-type {
			width: 62%;
		}


}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

/* environmentBox */
.environmentBox {
	padding: 60px 0;
}

}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.environment {
}
	.environment > .container {
	}
		.environment > .container .normalTxt {
			width: 60%;
		}
		.environment > .container .thum_img {
			width: 35%;
			margin-top: 0;
			position: absolute;
			right: 50px;
			top: 0;
		}

/* environmentBox */
.environmentBox {
}
	.environmentBox .contentTitle01 + .normalTxt {
		width: 55%;
	}
	.environmentBox .list_decimel {
	}
		.environmentBox .list_decimel li:first-of-type {
			width: 52%;
		}


}