@charset "UTF-8";

.eco-action__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 37.5px;
}

.eco-action__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.eco-action__image img {
	width: 100%;
}

.eco-action__caption {
	margin-top: 10px;
}

.environ-system {
	padding: 100px 0 75px;
}

.environ-system::before {
	background: var(--color-bg-pale) url("../image/env_bg_01.png") 0 100% no-repeat;
	background-size: 88.27%;
}

.environ-system__box {
	padding: 50px;
	background: #fff;
}

.environ-system__box + .environ-system__box {
	margin-top: 16px;
}

.environ-system__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 75px;
}

.environ-system__title {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	position: relative;
	padding-left: 65px;
	margin: 0;
	color: var(--color-blue-sub);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.6;
}

.environ-system__box--01 .environ-system__title {
	margin-right: 20px;
}

.environ-system__icon {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.environ-system__text {
	line-height: 2;
}

.environ-system__columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding-top: 42px;
	margin-top: 57px;
	border-top: solid 1px var(--color-gray);
}

.environ-system__col {
	padding: 0 55px 0 25px;
}

.environ-system__col + .environ-system__col {
	padding: 0 45px 0 55px;
	border-left: solid 1px var(--color-gray);
}

.environ-system__list {
	line-height: 2;
}

.environ-system__list .m-list-dot {
	margin-left: 1em;
}

.environ-system__listItem {
	position: relative;
	padding-left: 3.125em;/*50px*/
	margin-bottom: 30px;
}

.environ-system__listNum,
.environ-system__subListNum {
	position: absolute;
	top: .224em;
	left: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 2.013em;
	height: 2.013em;/*27px*/
	border-radius: 50%;
	font-size: .838em;/*13.41px*/
}

.environ-system__listNum {
	background: var(--color-blue-sub);
	color: #fff;
}

.environ-system__subList {
	margin-top: 33px;
}

.environ-system__subListItem {
	position: relative;
	padding-left: 2.688em;/*43px*/
	margin-bottom: 12px;
}

.environ-system__subListNum {
	border: solid 1px;
	background: #fff;
	color: var(--color-blue-sub);
}

.environ-system__note {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0 25px;
	margin-top: 30px;
	margin-left: auto;
	line-height: 2;
}

.safety-activities {
	position: relative;
	padding: 100px 0 240px;
}

.safety-activities::before {
	content: "SUSTAINABILITY SUSTAINABILITY ";
	position: absolute;
	left: 0;
	bottom: 0;
	color: var(--color-bg-blue-light);
	font-family: var(--font-en);
	font-size: 160px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	opacity: .5;
	pointer-events: none;
}

.safety-activities .m-inner {
	position: relative;
}

.safety-activities__link {
	position: absolute;
	right: 0;
	top: 15px;
}

.safety-activities__link span {
	margin-left: -.377em;
	font-size: .829em;
}

.environ-chart {
	padding: 100px 0;
	margin-bottom: 100px;
}

.environ-chart__image {
	margin-top: -130px;
	text-align: center;
}

.environ-plan__image {
	text-align: center;
}


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

	.eco-action__cards,
	.environ-system__columns {
		grid-template-columns: 1fr;
	}

	.eco-action__cards {
		gap: 30px;
	}

	.eco-action__caption {
		margin-top: 7px;
	}

	.environ-system {
		padding: 50px 0 40px;
	}

	.environ-system__box {
		padding: 28px 30px 25px;
	}

	.environ-system__head {
		display: block;
	}

	.environ-system__title {
		padding-left: 50px;
		margin-bottom: 15px;
		font-size: 23px;
	}

	.environ-system__box--01 .environ-system__title {
		margin-right: 0;
	}

	.environ-system__icon {
		-webkit-transform: translateY(-50%) scale(.77);
		        transform: translateY(-50%) scale(.77);
		-webkit-transform-origin: left center;
		        transform-origin: left center;
	}

	.environ-system__columns {
		padding-top: 28px;
		margin-top: 30px;
	}

	.environ-system__col {
		padding: 0 !important;
	}

	.environ-system__col + .environ-system__col {
		border-left: none;
	}

	.environ-system__listItem {
		margin-bottom: 20px;
	}

	.environ-system__listItem:last-child {
		margin-bottom: 0;
	}

	.environ-system__subList {
		margin-top: 22px;
	}

	.environ-system__note {
		padding: 0 15px;
		margin-top: 15px;
	}

	.safety-activities {
		padding: 50px 0 120px;
	}

	.safety-activities::before {
		font-size: min(25vw, 100px);
	}

	.safety-activities__link {
		position: static;
		margin-top: 45px;
		text-align: center;
	}

	.safety-activities__link span {
		margin-left: 0;
		font-size: 1em;
	}

	.environ-chart {
		padding: 50px 0;
		margin-bottom: 25px;
	}

	.environ-chart__image,
	.environ-plan__image {
		margin: 0 -4%;
	}

}