/*
 * White Berry — Content Page Styles
 * v2.4.0
 *
 * コンテンツページ（固定ページ）専用のスタイル。
 * TOPページ（front-page.php）には影響しない。
 * 既存の style.css のデザイントークン（--wb-*）をそのまま使用。
 */

/* ============================================================
   アクセシビリティ
   ============================================================ */
.screen-reader-text {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* ============================================================
   ヘッダー透過（FV写真がある固定ページ）
   body.has-page-fv は functions.php で付与。
   style.css の body:not(.home) ルールを上書きする。
   ============================================================ */
body.has-page-fv .wb-header {
	position: absolute;
	background: transparent;
	border-bottom: none;
}
/* FV写真ページのヘッダー文字を白に */
body.has-page-fv .wb-header__logo-text,
body.has-page-fv .wb-topnav > a,
body.has-page-fv .wb-topnav__btn,
body.has-page-fv .wb-nav--pc a {
	color: rgba(255,255,255,0.85);
}
body.has-page-fv .wb-topnav__toggle span {
	background: rgba(255,255,255,0.85);
}
body.has-page-fv .wb-header__logo-img {
	filter: brightness(0) invert(1);
	opacity: 0.85;
}

/* ============================================================
   FV（ファーストビュー — 写真背景）
   ============================================================ */
.wb-page-fv {
	position: relative;
	min-height: 85vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 5rem;
	background: #8a8a8a;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.wb-page-fv--photo {
	background-color: #555;
}

/* 半透明オーバーレイ（写真の上にかけて文字を読みやすくする） */
.wb-page-fv__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.32);
	pointer-events: none;
	z-index: 1;
}

/* 縦書き英字（左サイド） */
.wb-page-fv__en {
	position: absolute;
	left: clamp(0.8rem, 2vw, 2rem);
	top: 50%;
	transform: translateY(-50%);
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-family: var(--wb-display);
	font-size: clamp(1.6rem, 4vw, 3.2rem);
	font-weight: 300;
	letter-spacing: 0.12em;
	color: rgba(255,255,255,0.12);
	text-transform: uppercase;
	pointer-events: none;
	z-index: 2;
	white-space: nowrap;
}

/* コンテンツ（パンくず+コピー） */
.wb-page-fv__inner {
	position: relative;
	z-index: 3;
	max-width: var(--wb-maxw);
	margin: 0 auto;
	padding: 0 clamp(3rem, 8vw, 5rem);
}

/* パンくず */
.wb-page-fv__bc {
	font-size: 0.72rem;
	color: rgba(255,255,255,0.55);
	margin-bottom: 1.5rem;
	letter-spacing: 0.02em;
}
.wb-page-fv__bc a {
	color: rgba(255,255,255,0.55);
	text-decoration: none;
}
.wb-page-fv__bc a:hover {
	color: rgba(255,255,255,0.85);
}

/* キャッチコピー（抜粋から） */
.wb-page-fv__copy {
	font-family: var(--wb-serif);
	font-size: clamp(1.4rem, 4vw, 1.85rem);
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #fff;
	margin: 0;
	text-wrap: balance;
}

/* フォールバック：抜粋未設定時のページタイトル */
.wb-page-fv__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.4rem, 4vw, 2rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.6;
	color: #fff;
	margin: 0;
}

/* Scrollインジケーター */
.wb-page-fv__scroll {
	position: absolute;
	bottom: clamp(1.5rem, 3vw, 2.5rem);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	z-index: 3;
}
.wb-page-fv__scroll-text {
	font-family: var(--wb-display);
	font-size: 0.7rem;
	font-weight: 300;
	letter-spacing: 0.15em;
	color: rgba(255,255,255,0.75);
	text-transform: uppercase;
}
.wb-page-fv__scroll-line {
	display: block;
	width: 1px;
	height: 40px;
	background: rgba(255,255,255,0.6);
	position: relative;
}
.wb-page-fv__scroll-line::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -2px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(255,255,255,0.7);
	animation: wb-scroll-dot 2s ease-in-out infinite;
}
@keyframes wb-scroll-dot {
	0%, 100% { transform: translateY(0); opacity: 0.4; }
	50% { transform: translateY(8px); opacity: 0.9; }
}

/* ============================================================
   Page Body（コンテンツ本体）
   ============================================================ */
.wb-page-body {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 1.25rem 4rem;
}
/* CTAがある場合は下パディングを消してフッターに密着させる */
.wb-page-body:has(.wb-page-cta) {
	padding-bottom: 0;
}
.wb-page-body:has(.wb-page-cta) + .wb-footer {
	margin-top: 0;
}

/* リード文（最初の段落・ページ冒頭の掴み） */
.wb-page-lead {
	padding: clamp(1.5rem, 3vw, 2rem) 0;
	border-bottom: 1px solid var(--wb-line);
}
/* リード直後のTOCは隙間を詰める */
.wb-page-lead + .wb-toc {
	margin-top: 0;
}
.wb-page-lead:has(+ .wb-toc) {
	border-bottom: none;
	padding-bottom: clamp(1rem, 2vw, 1.2rem);
}
.wb-page-lead + .wb-sec {
	border-top: none;
}
/* TOCがページ先頭にある場合（FVと密着） */
.wb-page-body > .wb-toc:first-child {
	margin-top: 0;
}
.wb-page-lead__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(3rem, 10vw, 4.4rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.wb-page-lead__headline {
	font-family: var(--wb-serif);
	font-size: clamp(1.25rem, 3.5vw, 1.6rem);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.03em;
	color: var(--wb-text);
	margin: 0 0 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #d5d5d5;
	text-wrap: balance;
}
/* headline内のpタグ（WordPress自動整形対策） */
.wb-page-lead__headline p {
	margin: 0;
	line-height: inherit;
}
.wb-page-lead__text {
	font-size: clamp(0.92rem, 1.6vw, 1rem);
	line-height: 2.1;
	color: #58585c;
	margin: 0;
}
.wb-page-lead__text p { margin: 0 0 0.8em; }
.wb-page-lead__text p:last-child { margin-bottom: 0; }

/* ============================================================
   Section（英字タイポグラフィ+日本語見出し）
   [wb_sec en="..."] で生成
   ============================================================ */
.wb-sec {
	padding: clamp(2.5rem, 5vw, 3.5rem) 0;
	border-top: 1px solid var(--wb-line);
}
.wb-sec:first-child {
	border-top: none;
}
.wb-sec__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(3rem, 10vw, 4.4rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.wb-sec__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.25rem, 3.5vw, 1.6rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.6;
	color: var(--wb-text);
	margin: 0 0 clamp(1.2rem, 2.5vw, 1.8rem);
}
/* セクション内の本文 */
.wb-sec__body {
	font-size: clamp(0.92rem, 1.5vw, 1rem);
	line-height: 2.1;
	color: #58585c;
}
.wb-sec__body p { margin: 0 0 1em; }
.wb-sec__body p:last-child { margin-bottom: 0; }
.wb-sec__body strong { color: var(--wb-text); font-weight: 500; }

/* ── Sub-heading（セクション内見出し） ─── */
.wb-sub {
	margin: clamp(2rem, 4vw, 3rem) 0 clamp(1rem, 2vw, 1.4rem);
}
.wb-sub__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(2rem, 6vw, 2.8rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: #c5c5c0;
	text-transform: uppercase;
	margin-bottom: 0.3rem;
}
.wb-sub__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.1rem, 2.5vw, 1.3rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.6;
	color: var(--wb-text);
}

/* ============================================================
   Highlight Box（グレー背景の補足・強調）
   [wb_highlight] で生成
   ============================================================ */
.wb-hl {
	background: #F1F2F3;
	border-radius: var(--wb-radius);
	padding: clamp(1rem, 2.5vw, 1.4rem) clamp(1.2rem, 3vw, 1.6rem);
	margin: 1.4rem 0;
	font-size: clamp(0.88rem, 1.4vw, 0.95rem);
	line-height: 2;
	color: #58585c;
}
.wb-hl p { margin: 0; }
.wb-hl strong { color: var(--wb-text); font-weight: 500; }

/* ============================================================
   Statement（院の方針・ステートメント — 白地に明朝）
   [wb_statement en="Our policy" headline="..."]本文[/wb_statement]
   ============================================================ */
.wb-stmt {
	position: relative;
	padding: clamp(2.5rem, 5vw, 3.5rem) 0;
	text-align: center;
	overflow: hidden;
}
.wb-stmt::before {
	content: '\201C';
	position: absolute;
	top: clamp(-0.5rem, -1vw, 0rem);
	left: clamp(0.5rem, 2vw, 2rem);
	font-family: var(--wb-display);
	font-size: clamp(12rem, 27vw, 18rem);
	font-weight: 300;
	line-height: 1;
	color: rgba(0,0,0,0.04);
	pointer-events: none;
	z-index: 0;
}
.wb-stmt::after {
	content: '\201D';
	position: absolute;
	bottom: clamp(-1rem, -2vw, -0.5rem);
	right: clamp(0.5rem, 2vw, 2rem);
	font-family: var(--wb-display);
	font-size: clamp(12rem, 27vw, 18rem);
	font-weight: 300;
	line-height: 1;
	color: rgba(0,0,0,0.04);
	pointer-events: none;
	z-index: 0;
}
.wb-stmt__en {
	position: relative;
	z-index: 1;
	display: block;
	font-family: var(--wb-display);
	font-size: 0.75rem;
	letter-spacing: 0.18em;
	color: #aaa;
	text-transform: uppercase;
	margin-bottom: 0.6rem;
}
.wb-stmt__headline {
	position: relative;
	z-index: 1;
	font-family: var(--wb-serif);
	font-size: clamp(1.4rem, 3.5vw, 1.8rem);
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.04em;
	color: var(--wb-text);
	margin-bottom: clamp(1.2rem, 2.5vw, 1.6rem);
}
.wb-stmt__body {
	position: relative;
	z-index: 1;
	font-family: var(--wb-serif);
	font-size: clamp(1rem, 1.6vw, 1.08rem);
	font-weight: 400;
	line-height: 2.2;
	color: var(--wb-text);
}
.wb-stmt__body p {
	margin: 0 0 0.6em;
}
.wb-stmt__body p:last-child {
	margin-bottom: 0;
}

/* ============================================================
   Card List（左ボーダー付きカード）
   [wb_cards] + [wb_card] で生成
   ============================================================ */
.wb-cards-list {
	margin: 1.2rem 0 0;
}
.wb-cl {
	border-left: 2px solid #b5b5b5;
	padding: clamp(0.8rem, 1.5vw, 1rem) 0 clamp(0.8rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.3rem);
	margin-bottom: 2px;
}
.wb-cl__title {
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	font-weight: 500;
	color: var(--wb-text);
	margin-bottom: 0.25rem;
	letter-spacing: 0.02em;
}
.wb-cl__desc {
	font-size: clamp(0.82rem, 1.2vw, 0.9rem);
	line-height: 1.9;
	color: #58585c;
}
/* タイル表示バリエーション（tile-warm / tile-cool） */
.wb-cards-list--tile-warm,
.wb-cards-list--tile-cool {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.wb-cards-list--tile-warm .wb-cl,
.wb-cards-list--tile-cool .wb-cl {
	border-left: none;
	border-radius: var(--wb-radius);
	padding: clamp(1rem, 2vw, 1.3rem) clamp(1rem, 2.5vw, 1.2rem);
	margin-bottom: 0;
}
.wb-cards-list--tile-warm .wb-cl {
	background: #EDECEA;
}
.wb-cards-list--tile-cool .wb-cl {
	background: #B5B3AE;
}
/* タイル用タイトル — 明朝・大きめ */
.wb-cards-list--tile-warm .wb-cl__title,
.wb-cards-list--tile-cool .wb-cl__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.18rem, 2.2vw, 1.28rem);
}
/* 暖色タイル文字色 */
.wb-cards-list--tile-warm .wb-cl__title {
	color: var(--wb-text);
}
.wb-cards-list--tile-warm .wb-cl__desc {
	color: #5a5850;
}
/* 寒色タイル文字色 — 詳細度を上げて確実に白を適用 */
.wb-cards-list.wb-cards-list--tile-cool .wb-cl__title {
	color: #fff;
}
.wb-cards-list.wb-cards-list--tile-cool .wb-cl__desc {
	color: rgba(255,255,255,0.78);
}
@media (max-width: 599px) {
	.wb-cards-list--tile-warm,
	.wb-cards-list--tile-cool {
		grid-template-columns: 1fr;
	}
}
/* WP autopの空タグがグリッドセルを埋めるのを防止 */
.wb-cards-list--tile-warm > p,
.wb-cards-list--tile-warm > br,
.wb-cards-list--tile-cool > p,
.wb-cards-list--tile-cool > br,
.wb-cards-list--editorial > p,
.wb-cards-list--editorial > br {
	display: none;
}
/* エディトリアル表示（院長ページ等 — 番号+明朝+区切り線） */
.wb-cards-list--editorial {
	counter-reset: editorial;
	margin: 1.2rem 0 0;
}
.wb-cards-list--editorial .wb-cl {
	counter-increment: editorial;
	display: grid;
	grid-template-columns: clamp(2.2rem, 5vw, 2.8rem) 1fr;
	gap: 0 clamp(1rem, 2.5vw, 1.5rem);
	align-items: start;
	border-left: none;
	padding: clamp(1.4rem, 2.5vw, 1.8rem) 0;
	margin-bottom: 0;
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-cards-list--editorial .wb-cl:last-child {
	border-bottom: 1px solid rgba(0,0,0,0.06);
}
.wb-cards-list--editorial .wb-cl::before {
	content: counter(editorial);
	font-family: var(--wb-display);
	font-size: clamp(2.2rem, 5vw, 2.8rem);
	font-weight: 300;
	color: rgba(0,0,0,0.10);
	line-height: 1;
	grid-row: 1 / -1;
	padding-top: 0.15rem;
}
.wb-cards-list--editorial .wb-cl__title {
	grid-column: 2;
	font-family: var(--wb-serif);
	font-size: clamp(1.55rem, 2.7vw, 1.7rem);
	font-weight: 400;
	letter-spacing: 0.03em;
	margin-bottom: 0.5rem;
	line-height: 1.6;
}
.wb-cards-list--editorial .wb-cl__desc {
	grid-column: 2;
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	line-height: 2;
	color: #58585c;
}

/* ============================================================
   TOC（目次 — グレー背景・ナンバリング）
   [wb_toc] で自動生成
   ============================================================ */
html { scroll-behavior: smooth; }
.wb-sec[id] { scroll-margin-top: 5rem; }
.wb-toc {
	background: #F1F2F3;
	width: 100vw;
	margin: clamp(1.5rem, 3vw, 2rem) calc(-50vw + 50%);
	padding: clamp(1.5rem, 3vw, 2rem) max(clamp(1.5rem, 4vw, 2.5rem), calc((100vw - 1000px) / 2));
}
.wb-toc__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(3rem, 10vw, 4.4rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 0.2rem;
}
.wb-toc__sub {
	display: block;
	font-family: var(--wb-serif);
	font-size: 0.85rem;
	color: var(--wb-text);
	margin-bottom: 1rem;
}
.wb-toc__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.wb-toc__item {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: clamp(0.5rem, 1vw, 0.6rem) clamp(0.8rem, 1.5vw, 1rem);
	background: rgba(255,255,255,0.6);
	border-radius: 6px;
	text-decoration: none;
	transition: background 0.2s;
}
.wb-toc__item:hover {
	background: rgba(255,255,255,0.9);
}
.wb-toc__num {
	font-family: var(--wb-display);
	font-size: 0.82rem;
	letter-spacing: 0.06em;
	color: #b5b5b5;
	min-width: 24px;
}
.wb-toc__label {
	font-family: var(--wb-serif);
	font-size: clamp(0.85rem, 1.3vw, 0.9rem);
	color: var(--wb-text);
}

/* ============================================================
   Photo Section（画像＋テキスト 2カラム）
   [wb_photo_sec] で生成
   ============================================================ */
.wb-ps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	width: 100vw;
	margin: 0 calc(-50vw + 50%);
}
.wb-ps__img {
	overflow: hidden;
}
.wb-ps__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.wb-ps__body {
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.5rem, 5vw, 1.75rem);
}
.wb-ps__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.3rem, 3vw, 1.6rem);
	font-weight: 400;
	line-height: 1.7;
	color: var(--wb-text);
	margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
}
.wb-ps__text {
	font-size: clamp(0.88rem, 1.4vw, 0.95rem);
	line-height: 2;
	color: #58585c;
	margin-bottom: clamp(1rem, 2vw, 1.5rem);
}
.wb-ps__text p { margin: 0 0 0.8em; }
.wb-ps__text p:last-child { margin-bottom: 0; }
.wb-ps__link {
	display: inline;
	font-family: var(--wb-serif);
	font-size: clamp(0.85rem, 1.3vw, 0.92rem);
	color: var(--wb-accent);
	text-decoration: none;
	border-bottom: 1px solid var(--wb-accent);
	padding-bottom: 2px;
	align-self: flex-start;
	width: fit-content;
}
.wb-ps__link:hover { opacity: 0.7; }
/* 前後のセクション罫線とのダブりを消す */
.wb-sec + .wb-ps,
.wb-ps + .wb-sec { border-top: none; }
.wb-sec:has(+ .wb-ps) { border-bottom: none; }
@media (min-width: 768px) {
	.wb-ps {
		grid-template-columns: 60% 40%;
	}
	.wb-ps__img { min-height: 400px; }
	.wb-ps__body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: clamp(2.5rem, 5vw, 4rem);
	}
	/* 通常（画像左）: テキスト右側をコンテンツ幅に揃える */
	.wb-ps:not(.wb-ps--reverse) .wb-ps__body {
		padding-right: max(clamp(2.5rem, 5vw, 4rem), calc((100vw - 1000px) / 2));
	}
	/* 反転（画像右）: グリッド順序を入れ替え、テキスト左側をコンテンツ幅に揃える */
	.wb-ps--reverse { grid-template-columns: 40% 60%; }
	.wb-ps--reverse .wb-ps__img { order: 2; }
	.wb-ps--reverse .wb-ps__body {
		order: 1;
		padding-left: max(clamp(2.5rem, 5vw, 4rem), calc((100vw - 1000px) / 2));
	}
}

/* ============================================================
   Ruled List（罫線リスト）
   [wb_ruled] で生成
   ============================================================ */
.wb-rl {
	margin: 1.4rem 0;
	padding: 0;
	list-style: none;
}
.wb-rl__item {
	font-family: var(--wb-serif);
	font-size: clamp(1rem, 1.6vw, 1.08rem);
	font-weight: 400;
	line-height: 2;
	color: #58585c;
	padding: clamp(0.7rem, 1.2vw, 0.85rem) 0;
	border-bottom: 1px solid var(--wb-line);
}

/* ============================================================
   Risk Theme（3層構造のリスク開示）
   [wb_risk_theme] + [wb_risk_response] で生成
   ============================================================ */
.wb-rt {
	padding: clamp(1.5rem, 3vw, 2rem) 0;
}
.wb-rt__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.2rem, 2.2vw, 1.3rem);
	font-weight: 500;
	color: var(--wb-text);
	margin: 0 0 0.8rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid var(--wb-line);
	line-height: 1.6;
}
.wb-rt__body {
	font-size: clamp(0.88rem, 1.4vw, 0.95rem);
	line-height: 2;
	color: #58585c;
}
.wb-rt__body p { margin: 0 0 0.8em; }
.wb-rt__body p:last-child { margin-bottom: 0; }
.wb-rt__resp {
	background: #F1F2F3;
	border-radius: var(--wb-radius);
	padding: clamp(1rem, 2vw, 1.2rem) clamp(1.2rem, 2.5vw, 1.5rem);
	margin-top: 1rem;
}
.wb-rt__resp-label {
	display: block;
	font-family: var(--wb-display);
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	color: #8a8a8a;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
}
.wb-rt__resp-text {
	font-family: var(--wb-serif);
	font-size: clamp(1.05rem, 1.8vw, 1.13rem);
	font-weight: 400;
	line-height: 2;
	color: var(--wb-text);
}
.wb-rt__resp-text p { margin: 0 0 0.6em; }
.wb-rt__resp-text p:last-child { margin-bottom: 0; }

/* ============================================================
   Flow Steps（流れ・ステップ — 個別カード枠）
   [wb_flow] + [wb_flow_step] で生成
   ============================================================ */
.wb-fs {
	display: flex;
	flex-direction: column;
	gap: clamp(0.5rem, 1.2vw, 0.7rem);
	margin: 0.5rem 0 0;
}
.wb-fs__step {
	display: flex;
	gap: clamp(1rem, 2.5vw, 1.4rem);
	align-items: flex-start;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	padding: clamp(1.1rem, 2.5vw, 1.4rem) clamp(1.2rem, 3vw, 1.6rem);
}
.wb-fs__num-col {
	flex-shrink: 0;
	min-width: clamp(2.8rem, 6vw, 3.2rem);
	text-align: center;
}
.wb-fs__label {
	display: block;
	font-family: var(--wb-display);
	font-size: 0.65rem;
	letter-spacing: 0.15em;
	color: #aaa;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 2px;
}
.wb-fs__num {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(1.5rem, 4vw, 1.8rem);
	font-weight: 300;
	color: var(--wb-text);
	line-height: 1.1;
	letter-spacing: 0.02em;
}
.wb-fs__body {
	padding-top: 0.1rem;
}
.wb-fs__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.3rem, 2.4vw, 1.4rem);
	font-weight: 500;
	color: var(--wb-text);
	margin-bottom: 0.25rem;
	letter-spacing: 0.02em;
}
.wb-fs__desc {
	font-size: clamp(0.82rem, 1.2vw, 0.9rem);
	line-height: 1.9;
	color: #58585c;
}

/* ============================================================
   Fee Card（費用表示 — 2色レイヤー全幅背景＋カード浮かし）
   [wb_fee] で生成 → .wb-fee-bg > .wb-fee-wrap
   ============================================================ */
/* 全幅背景（上ライトグレー＋下ダークグレー） */
.wb-fee-bg {
	width: 100vw;
	margin: 1.5rem calc(-50vw + 50%) 0;
	position: relative;
	background: #B5B3AE;
	padding: clamp(2rem, 4vw, 3rem)
	         max(clamp(1.5rem, 4vw, 2.5rem), calc((100vw - 1000px) / 2))
	         clamp(2.5rem, 5vw, 3.5rem);
}
.wb-fee-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 38%;
	background: #EDECEA;
}
.wb-fee-bg + * { margin-top: 1rem !important; }
.wb-fee-bg + p:empty,
.wb-fee-bg + p > br:only-child { display: none; }
/* wpautopの空タグによるスペースを防止 */
p:empty + .wb-fee-bg { margin-top: 0; }
p + .wb-fee-bg { margin-top: 0.5rem; }
/* カード本体 */
.wb-fee-wrap {
	display: grid;
	grid-template-columns: 1fr;
	border-radius: var(--wb-radius);
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: #fff;
}
.wb-fee__cards {
	padding: clamp(1rem, 2.5vw, 1.5rem);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}
.wb-fee__card {
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	padding: clamp(1rem, 2vw, 1.2rem);
	text-align: center;
}
.wb-fee__card-en {
	display: block;
	font-family: var(--wb-display);
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.wb-fee__card-label {
	display: block;
	font-family: var(--wb-serif);
	font-size: 1.35rem;
	color: var(--wb-text);
	margin-bottom: 5px;
}
.wb-fee__card-price {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(1.8rem, 5vw, 2.2rem);
	font-weight: 300;
	color: var(--wb-text);
	letter-spacing: 0.02em;
	line-height: 1;
}
.wb-fee__card-unit {
	font-size: 0.85rem;
	margin-left: 2px;
}
.wb-fee__card-tax {
	display: block;
	font-size: 0.7rem;
	color: #8a8a8a;
	margin-top: -10px;
}
.wb-fee__included {
	background: #F1F2F3;
	padding: clamp(1.2rem, 2.5vw, 1.5rem);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wb-fee__included-en {
	display: block;
	font-family: var(--wb-display);
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.wb-fee__included-title {
	display: block;
	font-family: var(--wb-serif);
	font-size: clamp(1.1rem, 2.5vw, 1.35rem);
	font-weight: 400;
	color: var(--wb-text);
	margin-bottom: 10px;
}
.wb-fee__included-list {
	font-family: var(--wb-serif);
	font-size: 0.95rem;
	line-height: 2.2;
	color: var(--wb-text);
}
.wb-fee__included-extra {
	font-family: var(--wb-serif);
	font-size: 0.88rem;
	color: var(--wb-text);
	margin-top: 10px;
	padding-top: 8px;
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-fee__included-meta {
	font-family: var(--wb-serif);
	font-size: 0.88rem;
	color: var(--wb-text);
	margin-top: 8px;
}
@media (min-width: 600px) {
	.wb-fee-wrap {
		grid-template-columns: 1fr 1fr;
	}
	.wb-fee__included {
		align-self: stretch;
	}
}
/* ※注記エリア（カード内・区切り線で分離） */
.wb-fee__notes {
	margin-top: clamp(0.8rem, 1.5vw, 1rem);
	padding-top: clamp(0.8rem, 1.5vw, 1rem);
	border-top: 1px solid rgba(0,0,0,0.08);
}
.wb-fee__note {
	font-family: var(--wb-serif);
	font-size: clamp(0.75rem, 1.1vw, 0.82rem);
	line-height: 1.8;
	color: #58585c;
	margin: 0 0 0.2em;
}
.wb-fee__note a {
	color: #58585c;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.wb-fee__note a:hover {
	color: var(--wb-text);
}

/* ============================================================
   Clinic Card（医院情報カード — フルプロファイル）
   [wb_clinic id=kounan] で生成
   ============================================================ */
.wb-clinic-card {
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	overflow: hidden;
	margin: 1.5rem 0;
}
.wb-clinic-card__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding: clamp(1.2rem, 2.5vw, 1.6rem) clamp(1.2rem, 3vw, 1.8rem);
}
.wb-clinic-card__tags {
	display: flex;
	gap: 6px 16px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}
.wb-clinic-card__tag {
	font-family: var(--wb-serif);
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	color: #58585c;
}
.wb-clinic-card__name {
	font-family: var(--wb-serif);
	font-size: clamp(1.28rem, 2.2vw, 1.43rem);
	font-weight: 400;
	letter-spacing: 0.03em;
	color: var(--wb-text);
}
.wb-clinic-card__formal {
	font-size: 0.78rem;
	color: #8a8a8a;
	margin-top: 2px;
}
.wb-clinic-card__reserve {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	font-family: var(--wb-serif);
	font-size: 0.9rem;
	letter-spacing: 0.05em;
	color: #fff;
	background: #58585c;
	padding: 10px 20px;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 4px;
	transition: background 0.2s;
}
.wb-clinic-card__reserve:hover {
	background: #3a3a3e;
}
.wb-clinic-card__info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	padding: 0 clamp(1.2rem, 3vw, 1.8rem);
}
.wb-clinic-card__item {
	padding: clamp(0.8rem, 1.5vw, 1rem) 0;
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-clinic-card__label {
	font-family: var(--wb-display);
	font-size: 0.68rem;
	letter-spacing: 0.15em;
	color: #aaa;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.wb-clinic-card__val {
	font-family: var(--wb-serif);
	font-size: clamp(1rem, 1.5vw, 1.08rem);
	line-height: 1.6;
	color: var(--wb-text);
}
.wb-clinic-card__val a {
	color: var(--wb-text);
	text-decoration: none;
}
.wb-clinic-card__access {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin-top: 6px;
}
.wb-clinic-card__access span {
	font-size: 0.75rem;
	color: #8a8a8a;
}
.wb-clinic-card__schedule {
	padding: clamp(0.8rem, 1.5vw, 1rem) clamp(1.2rem, 3vw, 1.8rem) clamp(1.2rem, 2vw, 1.4rem);
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-sch-table {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	margin-top: 8px;
}
.wb-sch-table thead th {
	font-family: var(--wb-display);
	font-weight: 400;
	font-size: 0.82rem;
	letter-spacing: 0.05em;
	color: #888;
	padding: 6px 4px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	border-right: 1px solid rgba(0,0,0,0.04);
}
.wb-sch-table thead th:first-child {
	border-right: 1px solid rgba(0,0,0,0.08);
}
.wb-sch-table thead th:last-child {
	border-right: none;
}
.wb-sch-table td {
	padding: clamp(0.5rem, 1vw, 0.7rem) 4px;
	font-size: 0.88rem;
	border-bottom: 1px solid rgba(0,0,0,0.04);
	border-right: 1px solid rgba(0,0,0,0.04);
}
.wb-sch-table td:last-child {
	border-right: none;
}
.wb-sch-table__label {
	text-align: left;
	font-family: var(--wb-serif);
	font-size: 0.95rem !important;
	color: #58585c;
	padding-left: 0 !important;
	white-space: nowrap;
	border-right: 1px solid rgba(0,0,0,0.08) !important;
}
.wb-sch--on {
	color: #7a7975;
}
.wb-sch--off {
	color: #aaa;
}
.wb-sch-note {
	font-family: var(--wb-serif);
	font-size: 0.75rem;
	color: #8a8a8a;
	margin-top: 6px;
}
.wb-clinic-card__map {
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-clinic-card__map iframe {
	display: block;
	width: 100%;
	height: 240px;
	border: none;
}
.wb-clinic-card__details {
	padding: clamp(0.8rem, 1.5vw, 1rem) clamp(1.2rem, 3vw, 1.8rem);
	border-top: 1px solid rgba(0,0,0,0.06);
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.wb-clinic-card__details-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 16px;
}
.wb-clinic-card__detail {
	font-family: var(--wb-serif);
	font-size: clamp(0.85rem, 1.3vw, 0.92rem);
	color: var(--wb-text);
}
@media (max-width: 599px) {
	.wb-clinic-card__head {
		flex-direction: column;
	}
	.wb-clinic-card__info {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   WEB予約ボタン（インライン・目立たせる用）
   ============================================================ */
.wb-web-reserve {
	display: block;
	text-align: center;
	margin: 1.5rem 0;
	padding: clamp(1em, 2vw, 1.3em) 2em;
	background: var(--wb-accent);
	color: #fff;
	font-family: var(--wb-sans);
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-decoration: none;
	transition: opacity 0.25s;
}
.wb-web-reserve:hover {
	opacity: 0.85;
	color: #fff;
}

/* ============================================================
   Page CTA（ページ末尾の予約導線）
   [wb_page_cta] で生成
   ============================================================ */
.wb-page-cta {
	background: #787B7E;
	margin: 2rem calc(-50vw + 50%) 0;
	width: 100vw;
	padding: clamp(2.5rem, 6vw, 3.5rem) clamp(1.5rem, 4vw, 2.5rem) clamp(3rem, 6vw, 4rem);
	text-align: center;
}
.wb-page-cta__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(3rem, 10vw, 4.4rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: rgba(255,255,255,0.9);
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.wb-page-cta__text {
	font-family: var(--wb-serif);
	font-size: clamp(0.92rem, 1.5vw, 1rem);
	font-weight: 400;
	line-height: 1.8;
	color: rgba(255,255,255,0.85);
	margin: 0 0 0.5rem;
	text-wrap: balance;
}
.wb-page-cta__text p { margin: 0; line-height: inherit; }
.wb-page-cta__text strong {
	color: #fff;
	font-weight: 500;
}
/* CTA内の罫線リスト（お悩み） */
.wb-page-cta .wb-cta-concerns {
	max-width: 500px;
	margin: 0 auto clamp(1.5rem, 3vw, 2rem);
	padding: 0;
	list-style: none;
	text-align: center;
}
.wb-page-cta .wb-cta-concerns__item {
	font-family: var(--wb-serif);
	font-size: clamp(1rem, 1.6vw, 1.08rem);
	font-weight: 400;
	line-height: 2;
	color: rgba(255,255,255,0.8);
	padding: clamp(0.6rem, 1vw, 0.75rem) 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.wb-page-cta__btn {
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.7);
	background: transparent;
	padding: clamp(0.9em, 1.5vw, 1.1em) clamp(2.5em, 5vw, 3.5em);
	font-family: var(--wb-sans);
	font-size: clamp(0.88rem, 1.4vw, 0.95rem);
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.08em;
	text-decoration: none;
	transition: background 0.25s;
}
.wb-page-cta__btn:hover {
	background: rgba(255,255,255,0.12);
}
.wb-page-cta__sub {
	font-size: 0.75rem;
	color: rgba(255,255,255,0.45);
	margin-top: 0.8rem;
	letter-spacing: 0.04em;
}

/* ============================================================
   Scroll Reveal（コンテンツページ用）
   既存の .wb-reveal + wb-scroll.js をそのまま活用
   ============================================================ */
/* .wb-reveal は style.css で定義済み。
   コンテンツページでは .wb-sec 自体に .wb-reveal を付与する。 */

/* ============================================================
   SP対応（モバイルファースト微調整）
   ============================================================ */
@media (max-width: 600px) {
	.wb-page-fv {
		min-height: 80vh;
	}
	.wb-page-fv__en {
		font-size: 1.4rem;
		left: 0.6rem;
	}
	.wb-page-fv__inner {
		padding: 0 clamp(2.5rem, 6vw, 3.5rem);
	}
	.wb-page-fv__copy {
		font-size: 1.35rem;
		line-height: 1.9;
	}
	.wb-page-body {
		padding: 0 clamp(1.5rem, 5vw, 1.75rem) 3rem;
	}
	.wb-sec__en {
		font-size: 2.8rem;
	}
	.wb-page-cta {
		padding: 2rem clamp(1.5rem, 5vw, 1.75rem);
	}
}

/* ============================================================
   PC幅での調整
   ============================================================ */
@media (min-width: 821px) {
	.wb-page-fv {
		min-height: 75vh;
	}
	.wb-page-fv__en {
		font-size: 3rem;
		left: 2.5rem;
	}
	.wb-page-fv__copy {
		font-size: 1.85rem;
	}
}

/* ============================================================
   投稿テンプレート — 共通
   ============================================================ */
.wb-post-meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.wb-post-meta time {
	font-family: var(--wb-display);
	font-size: 0.88rem;
	letter-spacing: 0.05em;
	color: #888;
}
.wb-post-cat {
	display: inline-block;
	font-family: var(--wb-serif);
	font-size: 0.72rem;
	letter-spacing: 0.05em;
	color: #58585c;
	background: #F1F2F3;
	padding: 3px 12px;
	border-radius: 2px;
}

/* ============================================================
   投稿テンプレート — お知らせ（シンプル）
   ============================================================ */
.wb-page-body--news {
	padding-top: clamp(2rem, 4vw, 3rem);
}
.wb-post-bc {
	font-family: var(--wb-serif);
	font-size: 0.78rem;
	color: #aaa;
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.wb-post-bc a {
	color: #aaa;
	text-decoration: none;
}
.wb-post-bc a:hover {
	color: var(--wb-text);
}
.wb-post-header {
	margin-bottom: clamp(2rem, 4vw, 3rem);
	padding-bottom: clamp(1.5rem, 3vw, 2rem);
	border-bottom: 1px solid var(--wb-line);
}
.wb-post-title {
	font-family: var(--wb-serif);
	font-size: clamp(1.4rem, 3.5vw, 1.8rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 1.6;
	color: var(--wb-text);
	margin: 0;
}
.wb-post-body {
	font-size: clamp(0.92rem, 1.5vw, 1rem);
	line-height: 2.1;
	color: #58585c;
}
.wb-post-body p {
	margin: 0 0 1.2em;
}
.wb-post-body img {
	max-width: 100%;
	height: auto;
	border-radius: var(--wb-radius);
	margin: 1rem 0;
}

/* 前後ナビ */
.wb-post-nav {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	margin-top: clamp(3rem, 5vw, 4rem);
	padding-top: clamp(1.5rem, 3vw, 2rem);
	border-top: 1px solid var(--wb-line);
}
.wb-post-nav__link {
	font-family: var(--wb-serif);
	font-size: 0.88rem;
	color: #888;
	text-decoration: none;
	transition: color 0.2s;
}
.wb-post-nav__link:hover {
	color: var(--wb-text);
}

/* ============================================================
   アーカイブ — カテゴリーヘッダー
   ============================================================ */
.wb-archive-header {
	max-width: 1000px;
	margin: 0 auto;
	padding: clamp(3rem, 6vw, 5rem) 1.25rem clamp(1.5rem, 3vw, 2rem);
}
.wb-archive-header__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(3rem, 10vw, 4.4rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: #b5b5b5;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.wb-archive-header__title {
	font-family: var(--wb-serif);
	font-size: clamp(1.25rem, 3vw, 1.5rem);
	font-weight: 400;
	letter-spacing: 0.04em;
	color: var(--wb-text);
	margin: 0;
}

/* ============================================================
   アーカイブ — 2カラムカードグリッド
   ============================================================ */
.wb-post-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(0.8rem, 1.5vw, 1rem);
}
.wb-post-card {
	display: block;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	overflow: hidden;
	text-decoration: none;
	transition: box-shadow 0.2s;
}
.wb-post-card:hover {
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.wb-post-card__img {
	height: 160px;
	background-size: cover;
	background-position: center;
	background-color: #EDECEA;
}
.wb-post-card__img--empty {
	background-color: #F1F2F3;
}
.wb-post-card__body {
	padding: clamp(0.8rem, 1.5vw, 1rem) clamp(0.8rem, 2vw, 1.2rem) clamp(1rem, 2vw, 1.2rem);
}
.wb-post-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}
.wb-post-card__meta time {
	font-family: var(--wb-display);
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	color: #aaa;
}
.wb-post-card__cat {
	font-family: var(--wb-serif);
	font-size: 0.68rem;
	color: #58585c;
	background: #F1F2F3;
	padding: 2px 8px;
	border-radius: 2px;
}
.wb-post-card__title {
	font-family: var(--wb-serif);
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	color: var(--wb-text);
	line-height: 1.6;
}
@media (max-width: 599px) {
	.wb-post-grid {
		grid-template-columns: 1fr;
	}
}

/* 一覧に戻る */
.wb-post-back {
	margin-top: clamp(3rem, 5vw, 4rem);
	padding-top: clamp(1.5rem, 3vw, 2rem);
	border-top: 1px solid var(--wb-line);
}
.wb-post-back a {
	font-family: var(--wb-serif);
	font-size: 0.88rem;
	color: #888;
	text-decoration: none;
}
.wb-post-back a:hover {
	color: var(--wb-text);
}

/* ============================================================
   関連記事セクション（記事下2カラムカード）
   ============================================================ */
.wb-related {
	max-width: 1000px;
	margin: 0 auto;
	padding: clamp(3rem, 5vw, 4rem) 1.25rem clamp(3rem, 5vw, 4rem);
	border-top: 1px solid var(--wb-line);
}
.wb-related__header {
	margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.wb-related__en {
	display: block;
	font-family: var(--wb-display);
	font-size: clamp(2rem, 6vw, 2.8rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	line-height: 1.1;
	color: #c5c5c0;
	text-transform: uppercase;
	margin-bottom: 0.3rem;
}
.wb-related__title {
	font-family: var(--wb-serif);
	font-size: clamp(1rem, 2vw, 1.15rem);
	color: var(--wb-text);
}
.wb-related__more {
	text-align: center;
	margin-top: clamp(1.5rem, 3vw, 2rem);
}
.wb-related__more a {
	font-family: var(--wb-serif);
	font-size: 0.92rem;
	color: #888;
	text-decoration: none;
	transition: color 0.2s;
}
.wb-related__more a:hover {
	color: var(--wb-text);
}

/* ページネーション */
.wb-pagination {
	margin-top: clamp(2rem, 4vw, 3rem);
	text-align: center;
}
.wb-pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 4px;
}
.wb-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	font-family: var(--wb-display);
	font-size: 0.88rem;
	color: #888;
	text-decoration: none;
	border: 1px solid var(--wb-line);
	border-radius: var(--wb-radius);
	transition: all 0.2s;
}
.wb-pagination .page-numbers.current {
	background: #58585c;
	color: #fff;
	border-color: #58585c;
}
.wb-pagination .page-numbers:hover:not(.current) {
	border-color: #888;
	color: var(--wb-text);
}

/* ============================================================
   Extra Tray Info（追加トレー説明 — ゴールド枠）
   [wb_extra_tray] で生成
   ============================================================ */
.wb-extra-tray {
	border: 1px solid #C4B08B;
	border-radius: var(--wb-radius);
	overflow: hidden;
	margin: clamp(1.5rem, 3vw, 2rem) 0;
}
.wb-extra-tray__head {
	font-family: var(--wb-serif);
	font-size: clamp(1.1rem, 2vw, 1.25rem);
	font-weight: 500;
	letter-spacing: 0.03em;
	color: var(--wb-text);
	padding: clamp(1rem, 2vw, 1.3rem) clamp(1.2rem, 3vw, 1.8rem);
	border-bottom: 1px solid #C4B08B;
}
.wb-extra-tray__body {
	padding: clamp(1rem, 2vw, 1.3rem) clamp(1.2rem, 3vw, 1.8rem);
}
.wb-extra-tray__body p {
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	line-height: 2;
	color: #58585c;
	margin: 0 0 1em;
}
.wb-extra-tray__sub {
	font-family: var(--wb-serif);
	font-size: clamp(0.95rem, 1.5vw, 1.05rem);
	font-weight: 500;
	color: var(--wb-text);
	margin: clamp(1rem, 2vw, 1.3rem) 0 0.5rem;
}
.wb-extra-tray__list {
	list-style: disc;
	padding-left: 1.4em;
	margin: 0 0 0.5rem;
}
.wb-extra-tray__list li {
	font-size: clamp(0.85rem, 1.2vw, 0.92rem);
	line-height: 2;
	color: #58585c;
}
.wb-extra-tray__prices {
	font-family: var(--wb-serif);
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	line-height: 2.2;
	color: var(--wb-text);
	margin-bottom: 0.5rem;
}
.wb-extra-tray__note {
	background: #F0EDE8;
	padding: clamp(1rem, 2vw, 1.3rem) clamp(1.2rem, 3vw, 1.8rem);
	font-family: var(--wb-serif);
	font-size: clamp(0.88rem, 1.3vw, 0.95rem);
	font-weight: 500;
	line-height: 2;
	color: var(--wb-text);
}

/* 費用カード内リンク（追加治療への誘導） */
.wb-fee__more {
	margin-top: clamp(0.8rem, 1.5vw, 1rem);
	padding-top: clamp(0.8rem, 1.5vw, 1rem);
	border-top: 1px solid rgba(0,0,0,0.06);
}
.wb-fee__more a {
	font-family: var(--wb-serif);
	font-size: clamp(0.82rem, 1.2vw, 0.88rem);
	color: #888;
	text-decoration: none;
	transition: color 0.2s;
}
.wb-fee__more a:hover {
	color: var(--wb-text);
}

/* SP: Statement見出し +4pt */
@media (max-width: 820px) {
	.wb-stmt__headline { font-size: 1.65rem; }
}