/* ==========================================================================
   pages-service.css — 「事業内容」系の下層ページ（原稿07〜11）の配置だけ。
   対象: template-parts/pages/service.php / service-media.php / service-tamaguide.php / service-web.php / service-it-support.php
   部品の見た目は components.css / page-parts.css。ここは「どこに置くか」の微調整だけを書く。
   ========================================================================== */

/* 写真帯（07 の 01｜メディア運営・09 の 03｜公式サイトへ）
   パンくず・前のセクションの直後に写真が接しないよう、FV と同じ切り抜き幅の帯の上に間を取る */
.ep-service-band {
	margin-top: var(--ep-space-xl);
}

/* ページ末尾の写真帯（09）: フッターの直前に余白を残す */
.ep-service-band--end {
	margin-bottom: var(--ep-space-section);
}

/* 縦見出しつきサムネ（09 の 02｜掲載している情報）: 3項目なので PC は3列にする */
.ep-service-features {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ep-space-l);
}

@media (max-width: 1023px) {
	.ep-service-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ep-space-l) var(--ep-space-m);
	}
}

@media (max-width: 767px) {
	.ep-service-features {
		grid-template-columns: minmax(0, 1fr);
	}
}