@charset "UTF-8";

.sec-1 .list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 25px;
	margin-top: 64px;
}

.sec-1 .list .item {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	row-gap: 21px;
	padding: 34px 30px 45px;
	background-color: #E3F4FF;
}

.sec-1 .list dt {
	text-align: center;
}

.sec-1 .list dt .main img {
	margin-inline: auto;
}

.sec-1 .list dt .sub {
	margin-top: 15px;
}

.sec-1 .list .img {
	margin-inline: -10px;
	mix-blend-mode: darken;
}

@media screen and (min-width: 768px) {
	.sec-1 .list {
		grid-template-columns: repeat(3, minmax(25%, 326px));
		justify-content: center;
	}
}

@media screen and (min-width: 1024px) {
	.sec-1 .list .item {
		padding: 34px 42px 42px;
	}

	.sec-1 .list .img {
		margin-inline: -24px;
	}
}