@charset "UTF-8";


	
	
/* environment
--------------------- */
.environment h3 {
	font-size: calc(30 * var(--vw-ratio));
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: calc(35 * var(--vw-ratio));
}

.environment .list.column3 .box {
	width: 31%;
}
.environment .list.column4 .box {
	width: 23%;
}
	.environment .list .box .pht {
		background: #EDF5FA;
		border-radius: calc(20 * var(--vw-ratio));
	}
	.environment .list.column3 .box .pht {
		padding: 0 calc(50 * var(--vw-ratio));
	}

	.environment .list .box h4 {
		font-size: calc(22 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-top: calc(18 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	.environment h3 {
		font-size: calc(24 * var(--vw-ratio));
		margin-bottom: calc(30 * var(--vw-ratio));
	}

	.environment .list {
		display: block;
	}
		.environment .list.column3 .box,
		.environment .list.column4 .box {
			width: 100%;
			margin-bottom: calc(40 * var(--vw-ratio));
		}
		.environment .list .box:nth-last-child(1){
			margin-bottom: 0;
		}
			.environment .list.column3 .box .pht {
				padding: 0 calc(60 * var(--vw-ratio));
			}
			.environment .list.column4 .box .pht {
				padding: 0 calc(60 * var(--vw-ratio));
			}

			.environment .list .box h4 {
				font-size: calc(20 * var(--vw-ratio));
			}
}