@charset "UTF-8";
/* sec-1 WHY DI1 — Figma PC `133:3417` / SP `149:5186` */

.sec-1 {
	/* PC: MV 下端 935 → 見出し 1015、カード下端 1558 → sec-2 の帯 1670 */
	padding-top: 80px;
	padding-bottom: 112px;
}

.sec-1__cta {
	margin-top: 14px;
}

.sec-1__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 23px;
	margin-top: 30px;
}

/* カードは 4 枚とも同じ高さ（Figma は 312px 固定）。
   grid の stretch に任せ、中身は上詰めのまま。 */
.sec-1__card {
	height: 100%;
}

.sec-1__tag {
	display: flex;
}

@media (max-width: 767px) {
	.sec-1 {
		padding-top: 54px;
		padding-bottom: 60px;
	}

	.sec-1__cards {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 32px;
	}
}