/* 大腸カメラ（大腸内視鏡）（colonoscopy・Figma 1590:197401）だけの縦の余白の合わせ。PC のみ（スマホは共通の CSS のまま）
 * 差の画像の「ずれの変わり目」（Figma の上から 13,000px）と、Figma（design.json）・実ページの位置の実測から。
 * （single-medical.php が assets/nn/medical-<slug>/style.css を読み込む）
 * 節ごとの高さの表の違い（マンガ〜大腸カメラ検査について／流れ〜ご予約／検査結果の説明〜検査費用／荒川区〜ご予約・お問い合わせ）は、
 *  Figma は文字の上端・WordPress は見出しの箱の上端で測ったための見かけの違い（箱は 19px の上余白を持つ）。位置は Figma と同じなので直さない。 */
@media (min-width: 768px) {
	/* 題名の写真とシートの重なり：この Figma は 写真の下端 662 に対しシートの上端 631（重なり 31px）。共通は 27px（Figma 635）で、
	   導入文から下が全部 4px 下にずれていた */
	.p-medPage.is-medical-colonoscopy.-photo .p-medPage__sheet { margin-top: -31px; }

	/* マンガでわかる大腸カメラ検査の概要：見出しと最初の札の間 32 → 31.4px。漫画6枚の上端が Figma（1798・3212・4795・6209・7791・9206）と
	   同じ整数の位置に乗る（共通の 32px だと端数 .6 で、帯ごとの測りが ±1px ぶれていた）。
	   2つ目の画像の下 40 → 41px・6つ目の画像の上に 1px は、Figma の札の間（2枚目の漫画が 1px 下）に合わせる */
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-1) h2 + h3 { margin-top: 31.4px; }
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-1) .wp-block-image:nth-of-type(2) { padding-bottom: 41px; }
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-1) .wp-block-image:nth-of-type(6) { padding-top: 1px; }

	/* 大腸カメラ検査の流れ：見出しと札の列の間 32 → 30px（流れの札と文字が、上の節から 2px 下にずれていた） */
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-3) h2 + .p-medFlow { margin-top: 30px; }

	/* 検査費用：段落と表の間 16 → 12px（Figma は 12）。表の高さ 197 → 194px（Figma は行の高さ 43＋行の間 1px・外枠なし。
	   共通は文字の行が 19.2px で、外枠の罫線が上下に付くため 3px 長い）。ここで 7px 下にずれ、次の節（荒川区〜）まで続いていた */
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-4) .wp-block-table { margin-top: 12px; }
	.p-medPage.is-medical-colonoscopy .p-medSec:has(#sec-4) .wp-block-table table {
		border: 0;
		line-height: 19px;
	}
}
