@layer pages {
	/* 事業紹介の行（デザイン .biz） */
	.biz { border-top: 1px solid var(--ink); }
	.biz > div {
		display: grid; grid-template-columns: 52px 1fr; gap: 10px 16px; padding-block: 24px;
		border-bottom: 1px solid var(--line); align-items: start;
	}
	.biz .no { display: none; font-size: 13px; font-weight: 500; color: var(--ink-faint); letter-spacing: .14em; padding-top: 5px; }
	.biz .bz-ic { width: 52px; height: 52px; }
	.biz h3 { font-size: 17px; padding-top: 0; }
	.biz p { grid-column: 1 / -1; color: var(--ink-soft); font-size: 14.5px; }
	/* 列の幅（10/26 変更。承認済みデザインは 76px 64px 300px 1fr）。原稿で項目名が長くなったため、番号の列を詰めて項目名の列に回した。
	   田原の案。10/26 小杉さんの確認で OK。番号・アイコン・文字の大きさ・行の高さ・罫線・列の間（24px）はデザインのまま */
	@media (min-width: 768px) {
		.biz > div { grid-template-columns: 28px 64px 320px 1fr; gap: 0 24px; padding-block: 34px; }
		.biz .no { display: block; }
		.biz .bz-ic { width: 64px; height: 64px; }
		.biz h3 { font-size: 19px; letter-spacing: .06em; padding-top: 4px; }
		.biz p { grid-column: auto; padding-top: 4px; }
	}
	/* 1024px 以上は、いちばん長い項目名（「診療支援統合システム「医師協Zebra」事業の取り組みについて」）が2行に収まる幅 */
	@media (min-width: 1024px) {
		.biz > div { grid-template-columns: 28px 64px 372px 1fr; }
	}
}