@charset "utf-8";

/* list-card--benefits-new */
.list-card--benefits-new > .card {
	grid-row: span 4;
	background: var(--color-blue-light);
}
.list-card--benefits-new .card__figure {
	margin-top: 0;
}
.card__comment {
	display: grid;
	gap: 15px;
	grid-template-columns: min(30%, 100px) 1fr;
	margin-top: 25px;
	color: var(--color-blue);
	font-size: 1.3rem;
	font-weight: var(--weight-bold);
}
@media (max-width: 576px) {
	.list-card--benefits-new {
		grid-template-columns: 1fr !important;
	}
}
@media (max-width: 1024px) {
	.list-card--benefits-new {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1025px) {
	.list-card--benefits-new {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* list-card--benefits */
.list-card--benefits > .card {
	grid-row: span 3;
	background: var(--color-blue-light);
}
.card__list {
	display: grid;
	gap: 5px;
	align-self: self-start;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-size: 1.3rem;
	font-weight: var(--weight-bold);
}
.card__list-item {
	padding: 0 5px;
	background: var(--color-white);
}
@media (max-width: 576px) {
	.list-card--benefits {
		grid-template-columns: 1fr !important;
	}
}
@media (max-width: 1024px) {
	.list-card--benefits {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1025px) {
	.list-card--benefits {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

/* lead-environment*/
.lead-environment {
	text-align: center;
	color: var(--color-blue);
	font-family: var(--font-serif);
	font-size: min(7vw, 3.5rem);
	font-weight: var(--weight-bold);
	line-height: 1.75;
}
.lead-environment__clause {
	display: inline-block;
}
@media (max-width: 1024px) {
	.lead-environment {
		margin: min(24.5vw, 100px) 0 !important;
	}
}
@media (min-width: 1025px) {
	.lead-environment {
		margin: 150px 0 !important;
	}
}

/* list-card--environment */
.list-card--environment > .card {
	grid-row: span 3;
}
@media (max-width: 576px) {
	.list-card--environment {
		grid-template-columns: 1fr !important;
	}
}
@media (max-width: 1024px) {
	.list-card--environment {
		grid-template-columns: 1fr 1fr;
		margin-top: 50px;
	}
}
@media (min-width: 1025px) {
	.list-card--environment {
		grid-template-columns: 1fr 1fr 1fr;
		margin-top: 75px;
	}
}

/* slider--environment */
@media (max-width: 1024px) {
	.slider--environment {
		margin-top: 50px;
	}
}
@media (min-width: 1025px) {
	.slider--environment {
		margin-top: 75px;
	}
}