/* 企業健診・法定健診（corporate-checkup）だけの直し：PC（1440）の高さ・余白を Figma（1590:203712）に合わせる。
 * 共通の medical/style.css のあとに読み込まれる（single-medical.php → nn_page_css('medical-corporate-checkup')）。
 * スマホ（767px 以下）は崩さないよう、すべて min-width の中に書く。 */

@media (min-width: 768px) {
	/* 大見出し（企業・団体のご担当者／個人で健康診断を受ける方）：Figma は中央・日本語 36（行 100%）→ 8 → 英字 24 の縦並びで高さ 68。
	 * 共通の medical/style.css は .p-medSec の中の h2 にだけ効き、このページは見出しが本文の直下にあるため、英字が横に並び高さ 38 だった */
	.p-medPage__content > h2.p-medGroupTtl {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		font: var(--ds-h2-large-pc);
		letter-spacing: var(--ds-h2-large-pc-ls);
		line-height: 1;
		color: var(--color-text-primary);
		text-align: center;
	}
	.p-medPage__content > h2.p-medGroupTtl .p-medGroupTtl__en { line-height: 1; }
	/* 大見出しの下：Figma は見出しの下から次の節の線まで 80px（見出しの上から 148px） */
	.p-medPage__content > .p-medGroupTtl + .p-medSec { margin-top: 80px; }

	/* 節の見出し（h2）：Figma は線（1px）の上から字の上まで 19px・高さ 53（今は線 1＋19 で 54。節ごとに 1px ずつ下へずれた） */
	.p-medPage__content :is(.p-medSec, .p-medSec > .wp-block-group__inner-container) > h2:not(.p-medGroupTtl) { padding-top: 18px; }

	/* 電話の箱のあとの大見出し：Figma は 120px（今は 80px） */
	.p-medPage__content > .p-medTel + .p-medGroupTtl { margin-top: 120px; }

	/* 小さな札の最後（電話の箱の前）にも下の余白 16px と下の角丸（今は札の最後が 16px 低い） */
	.nn-main--medical :is(.p-medSec, .p-medSec > .wp-block-group__inner-container) > h3:not(:has(+ .wp-block-image, + ul.is-style-check)) ~ p:has(+ .p-medTel) {
		padding-bottom: 16px;
		border-radius: 0 0 10px 10px;
	}

	/* お問い合わせの流れ：札の高さ Figma 119（今は 123） */
	.p-medFlow__item { padding-block: 18px; }

	/* よくあるご質問：札の高さ Figma 103（今は 107） */
	.nn-main--medical .p-medSec.-faq .wp-block-details { padding-block: 18px; }

	/* 受診前と当日の案内：Figma は左から右へ（尿検査が左端 x=160）、札は 幅70×高さ254・内側 5・字は札の上下左右の中央、
	 * 札と矢印（39）の間は 10（札の間 59）。今は右から左に並び、字が札の上に寄っていた */
	/* 1199px までは札の間を 16px に詰めて、横にはみ出さないようにする（8枚×70＋7×16＝672） */
	.p-medArrowSteps { flex-direction: row; justify-content: center; gap: 16px; }
	.p-medArrowSteps > li {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		min-height: 254px;
		padding: 5px;
		box-sizing: border-box;
	}
	/* 矢印（39×14 を回して縦 39・横 14 に見える）は札の間の中央：右端から 間の半分−19.5 */
	.p-medArrowSteps > li + li::after {
		left: auto;
		right: 100%;
		width: 39px;
		margin-right: -11.5px;
		rotate: -90deg;
	}
}

@media (min-width: 1200px) {
	/* 受診前と当日の案内：Figma の札の間 59（矢印 39＋左右 10）・左寄せ */
	.p-medArrowSteps { justify-content: flex-start; gap: 59px; }
	.p-medArrowSteps > li + li::after { margin-right: 10px; }

	/* 電話の箱：Figma は幅 760・中央・内側 20／27・左（見出し 28px＋英字 16px・文）と右（札 355×100）の2列・高さ 140 */
	.nn-main--medical .p-medTel {
		grid-template-columns: minmax(0, 1fr) 355px;
		gap: 8px 32px;
		width: 760px;
		max-width: 100%;
		margin-inline: auto;
		padding: 20px 27px;
	}
	.nn-main--medical .p-medTel .p-medTel__btn { grid-column: 2; grid-row: 1 / span 2; }
	.nn-main--medical .p-medTel .p-medTel__ttl { align-items: center; gap: 4px; font-size: 28px; line-height: 1; }
	.nn-main--medical .p-medTel .p-medTel__en { font-size: 16px; line-height: 1; }
	.nn-main--medical .p-medTel .p-medTel__lead { font-size: 16px; line-height: 1.4; letter-spacing: .05em; white-space: nowrap; text-align: center; }
	.nn-main--medical .p-medTel__btn a { justify-content: center; min-width: 355px; min-height: 100px; padding: 0 32px; box-sizing: border-box; }
}

/* 2026-10-26 品質の直し（Figma 1590:203712 の design.json から）：
 * 導入文の箱は 855（x 293。共通は 960 なので折り返しが違った）。
 * 切り替えのタブ（Tab Group 1590:203722）：白い丸い台（1100×76・角 70）に、金の丸いボタン 542×60（角 30・#D7B56D・白い字 しっぽり明朝 20px）が2つ。台の内側 8px */
@media (min-width: 768px) {
	.p-medPage.is-medical-corporate-checkup .p-medPage__lead { max-width: 855px; }
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs {
		max-width: 1100px;
		margin-inline: auto;
		padding: 8px;
		gap: 0;
		border-radius: 70px;
		background: var(--color-white);
	}
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li,
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li:first-child,
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li:last-child {
		min-height: 60px;
		border: 0;
		border-radius: 30px;
		background: var(--color-brand-gold, #d7b56d);
		color: var(--color-white);
		font: 400 20px/1 var(--font-family-heading);
		letter-spacing: .1em;
	}
}
/* 白い台（パンくずから下）：Figma は y 626（写真の帯 187〜687 に 61 重なる）。共通の重なり 27 では台が 9px 下で、下が全部ずれていた（2026-10-26） */
@media (min-width: 768px) {
	.p-medPage.-photo.is-medical-corporate-checkup .p-medPage__sheet { margin-top: -36px; }
}
/* 目次の下から最初の大見出しまで：Figma は 120（目次 1062〜1454・大見出し 1574）。共通の 80 では 40px 上だった */
@media (min-width: 768px) {
	.p-medPage.is-medical-corporate-checkup .p-medToc + .p-medPage__content { margin-top: 120px; }
}
/* スマホも Figma（SP）は同じ金の丸いボタン2つ（白い丸い台の中）。2026-10-26 */
@media (max-width: 767px) {
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs { padding: 6px; gap: 4px; border-radius: 40px; background: var(--color-white); }
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li,
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li:first-child,
	.p-medPage.is-medical-corporate-checkup .p-medLinks.-tabs > li:last-child {
		border: 0;
		border-radius: 30px;
		background: var(--color-brand-gold, #d7b56d);
		color: var(--color-white);
	}
}