@charset "UTF-8";

.plant-lead .sec-lead__content {
	padding-top: 45px;
}

.plant-lead .sec-lead__text {
	max-width: 595px;
}

.plant-lead__list {
	display: grid;
	grid-template-columns: repeat(3, -webkit-max-content);
	grid-template-columns: repeat(3, max-content);
	gap: .8em 1.133em;/*12px 17px*/
	margin-top: 35px;
	font-size: .938em;
	line-height: 1.3;
	text-align: left;
}

.plant-lead__listItem {
	min-width: 9.467em;/*142px*/
}

.plant-lead__bgTextWrap {
	margin-top: 95px;
	overflow: hidden;
	pointer-events: none;
}

.plant-lead__bgText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0;
	color: var(--color-bg-blue-light);
	font-size: 160px;/*res*/
	font-size: min(16vw, 160px);
	font-weight: 600;
	line-height: .8;
	letter-spacing: -.03em;
	white-space: nowrap;
	opacity: .5;
	-webkit-animation: introBgText 24s linear infinite;
	        animation: introBgText 24s linear infinite;
}

.plant-lead__bgText span {
	display: block;
	padding-right: .35em;
}

@-webkit-keyframes introBgText {
	from {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@keyframes introBgText {
	from {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.plant-lead__bgText {
		-webkit-animation: none;
		        animation: none;
	}
}

.plant-works {
	padding: 90px 0 0;
}

.plant-works .m-lb01--big {
	margin-bottom: .87em;
}

.plant-works__sec {
	padding: 40px 0;
	margin-right: 50px;
	border-top: solid 1px var(--color-gray);
}

.plant-works__sec:last-child {
	padding-bottom: 0;
}

.plant-works__sec .sec-ttl {
	margin-bottom: .5em;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.plant-works__board {
	padding: 60px 136px 60px 50px;
	margin: 30px -80px 0 0;
	background: -webkit-gradient(
	linear,
		left top, right top,
		from(var(--color-gray)),
		color-stop(51.63%, var(--color-gray)),
		color-stop(51.63%, var(--color-bg-blue-light)),
		to(var(--color-bg-blue-light))
	);
	background: linear-gradient(
	to right,
		var(--color-gray) 0%,
		var(--color-gray) 51.63%,
		var(--color-bg-blue-light) 51.63%,
		var(--color-bg-blue-light) 100%
	);
}

.plant-works__head {
	display: grid;
	grid-template-columns: 58.5px 370px 47px 370px;
	-webkit-column-gap: 66.5px;
	   -moz-column-gap: 66.5px;
	        column-gap: 66.5px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 43px;
}

.plant-works__label {
	margin: 0;
	font-size: 42.22px;
	line-height: 1;
	text-align: center;
}

.plant-works__label--before {
	grid-column: 2;
	color: var(--color-text-sub);
}

.plant-works__label--after {
	grid-column: 4;
	color: var(--color-blue-sub);
}

.plant-works__list {
	display: grid;
	row-gap: 72px;
}

.plant-works__item {
	display: grid;
	grid-template-columns: 100px 1fr;
	-webkit-column-gap: 25px;
	   -moz-column-gap: 25px;
	        column-gap: 25px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.plant-works__itemTitle {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
}

.plant-works__itemBody {
	display: grid;
	grid-template-columns: 370px 47px 370px;
	-webkit-column-gap: 66.5px;
	   -moz-column-gap: 66.5px;
	        column-gap: 66.5px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.plant-works__arrow {
	position: relative;
	z-index: 2;
	display: block;
	width: 47px;
	height: 47px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: var(--color-blue-dark);
}

.plant-works__arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: translate(-65%, -50%) rotate(45deg);
	        transform: translate(-65%, -50%) rotate(45deg);
}

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

	.plant-lead .sec-lead__content {
		padding-top: 0;
	}

	.plant-lead .sec-lead__text {
		max-width: none;
	}

	.plant-lead__list {
		grid-template-columns: 1fr;
		gap: .9em;
		margin: 25px 0 45px;
	}

	.plant-lead__bgTextWrap {
		margin-top: 40px;
	}

	.plant-works {
		padding: 60px 0 0;
	}

	.plant-works__sec {
		padding: 22px 0;
		margin-right: 0;
	}

	.plant-works__board {
		padding: 30px 0 36px;
		margin: 20px auto 0;
		background: var(--color-gray);
	}

	.plant-works__head {
		display: none;
	}

	.plant-works__list {
		row-gap: 62px;
	}

	.plant-works__item {
		display: block;
	}

	.plant-works__itemTitle {
		margin-bottom: 20px;
		font-size: 24px;
		text-align: center;
	}

	.plant-works__itemBody {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: 20px;
	}

	.plant-works__image {
		padding: 0 8%;
		text-align: center;
	}

	.plant-works__image::before {
		display: block;
		margin-bottom: .8em;
		font-size: 22px;
		line-height: 1;
		text-align: center;
	}

	.plant-works__image:first-of-type::before {
		content: "Before";
		color: var(--color-text-sub);
	}

	.plant-works__image:last-of-type::before {
		content: "After";
		color: var(--color-blue-sub);
	}

	.plant-works__image--after {
		position: relative;
		z-index: 1;
	}

	.plant-works__image--after::after {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		left: 0;
		top: -36px;
		bottom: -36px;
		width: 100%;
		background: var(--color-bg-blue-light);
	}

	.plant-works__arrow {
		-webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
		width: 35px;
		height: 35px;
	}

	.plant-works__arrow::before {
		width: 7px;
		height: 7px;
		border-width: 2px;
		-webkit-transform: translate(-65%, -65%) rotate(45deg);
		        transform: translate(-65%, -65%) rotate(45deg);
	}

}