@charset "UTF-8";
/* ==========================================================================
   hal-cost-case.css — COST（/cost/）／CASE（/case-01/）専用スタイル
   Current Build ID: v1.0.56_Pricing23_COST23_Preview2_OwnerFix6_ResponsiveRootCauseFix1_TOPMinatoFix4
   --------------------------------------------------------------------------
   分離条件（実装指示 第7章）
   - すべてのセレクタを .hal-cc 配下へ限定する（ページ固有クラスで名前空間化）
   - body / h1 / h2 / h3 / a / p / ul / li への無条件グローバル指定は行わない
   - :root へのカスタムプロパティ定義も行わない（.hal-cc へ限定）
   - トップページ・/guide/ へは1件も適用されない
   - !important は使用しない
   準拠：COST_CASE_Copy_UI_Brushup_v1.2.md 第8〜11章
   v1.0.55：法人ラベル・法人注記・地域ラベルの指定を削除し、カルテ分類の背景ブロックを追加した。
   ========================================================================== */

.hal-cc {
	--cc-black: #101010;
	--cc-charcoal: #2b2b2b;
	--cc-sumi: #4a4a4a;
	--cc-white: #ffffff;
	--cc-card: #fafafa;
	--cc-block: #f2f2f2;
	/* 分類背景：金額ブロック（無彩色 #f2f2f2）と色味で区別できる白に近い中間色 */
	--cc-karte: #efece6;
	/* v1.0.56：暗色ヒーロー（.hal-sub__hero の背景 var(--hal-ink) = #1b1813）内で
	   使用する明色系。既存承認済みトークンを参照し、新色は定義しない。 */
	--cc-on-ink: var(--hal-on-ink);
	--cc-on-ink-sub: var(--hal-on-ink-sub);
	--cc-on-ink-mut: var(--hal-on-ink-mut);
	--cc-karte-rule: rgba(74, 74, 74, 0.18);
	--cc-rule: rgba(74, 74, 74, 0.2);
}

/* --------------------------------------------------------------------------
   1. ページ共通
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc__lead {
	margin-top: 20px;
}

.hal-cc .hal-cc__leadtext {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
}

.hal-cc .hal-cc__kicker {
	margin-top: 64px;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.14em;
}

.hal-cc .hal-cc__kickersub {
	margin: 6px 0 0;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.06em;
}

.hal-cc .hal-cc__chooser {
	margin: 28px 0 0;
	font-size: 16px;
	font-weight: 500;
}

/* --------------------------------------------------------------------------
   1-2. 暗色ヒーロー内の文字色（v1.0.56 新設）
   --------------------------------------------------------------------------
   .hal-sub__hero の背景は var(--hal-ink) = #1b1813（rgb 27,24,19）である。
   v1.0.55 では以下4要素へ明色背景前提の暗色トークンを指定しており、
   コントラスト比が 1.08〜2.00:1 となり実表示で読めない状態だった。
   セレクタは .hal-cc__hero 配下へ限定する。カード本文・料金欄・
   トップページ・/guide/ へは1件も適用されない。!important は使用しない。
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc__hero .hal-cc__leadtext {
	color: var(--cc-on-ink-sub);
}

.hal-cc .hal-cc__hero .hal-cc__kicker {
	color: var(--cc-on-ink);
}

.hal-cc .hal-cc__hero .hal-cc__kickersub {
	color: var(--cc-on-ink-mut);
}

.hal-cc .hal-cc__hero .hal-cc__chooser {
	color: var(--cc-on-ink);
}

/* --------------------------------------------------------------------------
   2. 分類（カルテ01／02／03）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-group,
.hal-cc .hal-cc-groupcase {
	padding: 0 0 96px;
}

.hal-cc .hal-cc-group__cards {
	margin-top: 0;
}

/* --------------------------------------------------------------------------
   2-1. カルテ分類の背景ブロック（v1.0.55 新設）
   黒背景・影・過度な角丸は使用しない。金額ブロックとは色味で区別する。
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-kartehead {
	background: var(--cc-karte);
	border-top: 1px solid var(--cc-karte-rule);
	border-bottom: 1px solid var(--cc-karte-rule);
	padding: 40px 0;
	margin: 0 0 48px;
}

.hal-cc .hal-cc-kartehead__ttl {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.hal-cc .hal-cc-kartehead__no {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-kartehead__name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--cc-black);
}

.hal-cc .hal-cc-kartehead__lead {
	max-width: 720px;
	margin: 16px 0 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

/* 開閉トグルはMobile（JS有効時）のみ表示する */
.hal-cc .hal-cc-group__toggle {
	display: none;
}

/* --------------------------------------------------------------------------
   3. COSTカード（PC 3カラム）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-group__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	align-items: start;
	margin-top: 40px;
}

.hal-cc .hal-cc-card {
	padding: 32px;
	background: var(--cc-card);
	/* TOPMinatoFix5 §12.2 CI-10：固定ヘッダー実高（61〜77px）を下回る 24px では
	   着地直後に見出しが隠れるため、ヘッダーを上回る値へ是正する。 */
	scroll-margin-top: 96px;
}

.hal-cc .hal-cc-card__id {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-card__title {
	margin: 12px 0 0;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--cc-black);
}

/* v1.0.56：物語調の導入文。短いモデル名（.hal-cc-card__title）の直下に置く。 */
.hal-cc .hal-cc-card__intro {
	margin: 10px 0 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.85;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-card__hook {
	margin: 16px 0 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-card__rule {
	margin: 24px 0 0;
	border: 0;
	border-top: 1px solid var(--cc-rule);
}

.hal-cc .hal-cc-card__known {
	margin: 24px 0 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	line-height: 1.8;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-card__knownttl {
	font-weight: 500;
	letter-spacing: 0.06em;
}

.hal-cc .hal-cc-card__cond {
	margin: 16px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-card__variable {
	margin: 20px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-card__more {
	margin: 24px 0 0;
}

.hal-cc .hal-cc-card__morelink {
	display: inline-block;
	padding: 12px 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--cc-black);
	text-decoration: underline;
	min-height: 44px;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   4. 料金ブロック（COST／CASE共通）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-cost {
	margin-top: 24px;
	padding: 20px;
	background: var(--cc-block);
}

.hal-cc .hal-cc-cost__staff {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-cost__formula {
	margin: 8px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--cc-sumi);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-cost__amount {
	margin: 8px 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
}

.hal-cc .hal-cc-cost__amountlabel {
	font-size: 13px;
	font-weight: 500;
	color: var(--cc-sumi);
}

/* 金額はサイズが大きくても、ウェイト400・墨色で見出し（600・黒）より弱くする */
.hal-cc .hal-cc-cost__amountval {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-cost__note {
	margin: 12px 0 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-cost__extra {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.7;
	color: var(--cc-sumi);
}

/* 03-C：案件制。他8件と背景・階層を分離し、300,000円を同じ強度で表示しない */
.hal-cc .hal-cc-cost--casebased {
	background: var(--cc-white);
	/* TOPMinatoFix5 §7.2：装飾左縦棒を撤去する。
	   03-C の識別は背景差と四辺均一1px hairline で示す。 */
	border: 1px solid var(--cc-rule);
	padding-left: 18px;
}

.hal-cc .hal-cc-cost__mode {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--cc-black);
}

.hal-cc .hal-cc-cost__modedesc {
	margin: 8px 0 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

/* 03-C：案件制。金額は読みやすさを保ちつつ、案件制であることを先に読ませる */
.hal-cc .hal-cc-cost--casebased .hal-cc-cost__amount {
	margin-top: 14px;
}

.hal-cc .hal-cc-cost--casebased .hal-cc-cost__amountval {
	font-size: 22px;
}

/* --------------------------------------------------------------------------
   5. CASE詳細
   -------------------------------------------------------------------------- */
.hal-cc--case .hal-cc__models .hal-container {
	max-width: 680px;
}

.hal-cc .hal-cc-model {
	padding: 0 0 96px;
	/* TOPMinatoFix5 §12.2 CI-10：同上。CASE側は後段の
	   `.hal-cc--case .hal-cc-model` 1ブロックが最終責任を持つ。 */
	scroll-margin-top: 96px;
}

.hal-cc .hal-cc-model + .hal-cc-model {
	border-top: 1px solid var(--cc-rule);
	padding-top: 96px;
}

.hal-cc .hal-cc-model__id {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-model__title {
	margin: 12px 0 0;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--cc-black);
}

.hal-cc .hal-cc-model__sub {
	margin: 24px 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-model__label {
	margin: 48px 0 0;
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--cc-sumi);
	position: relative;
}

.hal-cc .hal-cc-model__label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	border-top: 1px solid var(--cc-rule);
}

.hal-cc .hal-cc-model__text {
	margin: 24px 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-model__costwrap .hal-cc-cost {
	margin-top: 24px;
	padding: 32px;
}

.hal-cc .hal-cc-model__costwrap .hal-cc-cost__amountval {
	font-size: 24px;
}

.hal-cc .hal-cc-model__list {
	margin: 24px 0 0;
	/* TOPMinatoFix5 §7.2：装飾左縦棒を撤去する。
	   左線撤去に連動していた左padding（20px）も残さない。
	   箇条書きの可読性は項目間の gap で維持する。 */
	padding: 0;
	list-style: none;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.hal-cc .hal-cc-model__listitem {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-model__related {
	margin: 24px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

/* --------------------------------------------------------------------------
   関連する調査項目詳細ページ（v1.0.56 新設・COST／CASE共通）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-services {
	margin: 24px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--cc-rule);
}

.hal-cc .hal-cc-services__ttl {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-services__list {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.hal-cc .hal-cc-services__item {
	margin: 0;
}

.hal-cc .hal-cc-services__item + .hal-cc-services__item {
	margin-top: 4px;
}

.hal-cc .hal-cc-services__link {
	display: inline-block;
	padding: 10px 0;
	min-height: 24px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
	color: var(--cc-black);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.hal-cc .hal-cc-services__link:hover,
.hal-cc .hal-cc-services__link:focus-visible {
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-services__text {
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-model__togglerow {
	margin: 0;
}

/* 開閉トグルはMobile（JS有効時）のみ表示する */
.hal-cc .hal-cc-model__toggle {
	display: none;
}

.hal-cc .hal-cc-model__back {
	margin: 32px 0 0;
}

.hal-cc .hal-cc-model__backlink {
	display: inline-block;
	padding: 12px 0;
	min-height: 44px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: 500;
	color: var(--cc-black);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   6. CTA（各ページ3ユニットのみ／固定・追従・モーダルなし）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-cta {
	margin: 80px 0 0;
	padding: 48px 0;
	background: var(--cc-black);
	color: var(--cc-white);
}

.hal-cc .hal-cc-cta .hal-container {
	max-width: 720px;
}

.hal-cc .hal-cc-cta__label {
	margin: 0;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.18em;
	opacity: 0.7;
}

.hal-cc .hal-cc-cta__lead {
	margin: 16px 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}

.hal-cc .hal-cc-cta__primary {
	margin: 28px 0 0;
	text-align: center;
}

.hal-cc .hal-cc-cta__primarysub {
	margin: 10px 0 0;
	text-align: center;
	font-size: 13px;
	opacity: 0.8;
}

.hal-cc .hal-cc-cta__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: var(--cc-white);
	text-decoration: none;
	text-align: center;
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-cta__btn--primary {
	width: 480px;
	max-width: 100%;
	height: 64px;
	margin: 0 auto;
	font-size: 17px;
	font-weight: 500;
	border-color: var(--cc-white);
}

.hal-cc .hal-cc-cta__buttons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 20px 0 0;
}

/* CTA②：固定幅を使わず3等分する。720px時 (720-32)/3 = 229.33px */
.hal-cc .hal-cc-cta--row .hal-cc-cta__buttons {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 28px;
}

.hal-cc .hal-cc-cta__buttons .hal-cc-cta__btn {
	height: 56px;
	font-size: 16px;
	font-weight: 400;
}

.hal-cc .hal-cc-cta__info {
	margin: 16px 0 0;
	font-size: 13px;
	opacity: 0.8;
}

.hal-cc .hal-cc-cta__venue {
	margin: 24px 0 0;
	font-size: 12px;
	opacity: 0.7;
}

/* --------------------------------------------------------------------------
   7. モデルケース注記（末尾に1回のみ）
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-note {
	padding: 72px 0 96px;
}

.hal-cc .hal-cc-note__text {
	max-width: 720px;
	margin: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.9;
	color: var(--cc-sumi);
}

/* --------------------------------------------------------------------------
   8. フォーカス表示
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-card__morelink:focus-visible,
.hal-cc .hal-cc-model__backlink:focus-visible,
.hal-cc .hal-cc-group__toggle:focus-visible,
.hal-cc .hal-cc-model__toggle:focus-visible {
	outline: 2px solid var(--cc-black);
	outline-offset: 2px;
}

.hal-cc .hal-cc-cta__btn:focus-visible {
	outline: 2px solid var(--cc-white);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   9. Tablet Landscape（1024〜1279px）
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	.hal-cc .hal-cc__main .hal-container {
		max-width: 992px;
	}

	.hal-cc .hal-cc-kartehead__name {
		font-size: 20px;
	}

	.hal-cc .hal-cc-group__cards {
		gap: 40px;
	}

	.hal-cc .hal-cc-card {
		padding: 24px;
	}

	.hal-cc .hal-cc-card__title {
		font-size: 20px;
	}

	.hal-cc .hal-cc-card__intro,
	.hal-cc .hal-cc-card__hook,
	.hal-cc .hal-cc-card__cond {
		font-size: 14px;
	}

	.hal-cc .hal-cc-cost__amountval {
		font-size: 24px;
	}

	.hal-cc--case .hal-cc__models .hal-container {
		max-width: 680px;
	}

	.hal-cc .hal-cc-model {
		padding-bottom: 96px;
	}

	.hal-cc .hal-cc-cta .hal-container {
		max-width: 680px;
	}

	/* CTA②：680px時 (680-32)/3 = 216px。PCの固定値は準用しない */
	.hal-cc .hal-cc-cta--row .hal-cc-cta__buttons {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.hal-cc .hal-cc-cta__btn--primary {
		width: 480px;
	}
}

/* --------------------------------------------------------------------------
   10. Tablet Portrait（768〜1023px）：縦1カラムの横長カード
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1023.98px) {
	.hal-cc .hal-cc__main .hal-container {
		max-width: 704px;
	}

	.hal-cc .hal-cc-kartehead {
		padding: 32px 0;
		margin-bottom: 40px;
	}

	.hal-cc .hal-cc-kartehead__name {
		font-size: 20px;
	}

	.hal-cc .hal-cc-group__cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.hal-cc .hal-cc-card {
		display: grid;
		grid-template-columns: 62fr 38fr;
		gap: 24px;
		align-items: start;
		padding: 28px;
	}

	.hal-cc .hal-cc-card__meta {
		grid-column: 1 / -1;
	}

	.hal-cc .hal-cc-card__title {
		font-size: 20px;
	}

	.hal-cc .hal-cc-card__money {
		background: var(--cc-block);
		padding: 24px;
	}

	.hal-cc .hal-cc-card__money .hal-cc-cost {
		margin-top: 0;
		padding: 0;
		background: transparent;
	}

	.hal-cc .hal-cc-cost__amountval {
		font-size: 22px;
	}

	/* 03-C：右ブロックを白＋左2px縦罫にする */
	/* TOPMinatoFix5 §7.2：左2pxの装飾縦棒を四辺均一1px hairline へ置換する。 */
	.hal-cc .hal-cc-card__money .hal-cc-cost--casebased {
		background: var(--cc-white);
		border: 1px solid var(--cc-rule);
		padding-left: 18px;
	}

	.hal-cc--case .hal-cc__models .hal-container {
		max-width: 620px;
	}

	.hal-cc .hal-cc-model {
		padding-bottom: 80px;
	}

	.hal-cc .hal-cc-model + .hal-cc-model {
		padding-top: 80px;
	}

	.hal-cc .hal-cc-model__title {
		font-size: 24px;
	}

	.hal-cc .hal-cc-model__label {
		margin-top: 40px;
	}

	.hal-cc .hal-cc-model__costwrap .hal-cc-cost {
		padding: 24px;
	}

	.hal-cc .hal-cc-cta .hal-container {
		max-width: 560px;
	}

	.hal-cc .hal-cc-cta__btn--primary {
		width: 100%;
		height: 60px;
	}

	/* CTA②：560px幅では3等分すると1列176pxとなり文言が収まらないため縦積み */
	.hal-cc .hal-cc-cta--row .hal-cc-cta__buttons {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}
}

/* --------------------------------------------------------------------------
   11. Mobile（767.98px以下）
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
	.hal-cc .hal-cc-calc {
		padding: 20px;
	}

	.hal-cc .hal-cc-group,
	.hal-cc .hal-cc-groupcase {
		padding-bottom: 0;
	}

	.hal-cc .hal-cc-kartehead {
		padding: 24px 0;
		margin: 0 0 16px;
	}

	.hal-cc .hal-cc-kartehead__name {
		font-size: 18px;
	}

	.hal-cc .hal-cc-kartehead__lead {
		font-size: 14px;
		margin-top: 12px;
	}

	/* TOPMinatoFix4 §7：本ルールは /cost/ 専用である。
	   COSTのMobileは分類見出しを開閉トリガー側へ集約するため見出し帯を透明化するが、
	   CASEは見出し帯そのものを明色紙面として表示する。
	   旧 `.hal-cc-js .hal-cc .hal-cc-kartehead`（COST・CASE共通）はCASEの
	   background責任と衝突していたため、セレクタを `.hal-cc--cost` へ限定した。 */
	.hal-cc-js .hal-cc--cost .hal-cc-kartehead {
		padding: 0;
		margin: 0;
		background: transparent;
		border: 0;
	}

	/* TOPMinatoFix4 §7.2：見出し帯の版面左右paddingを0にする共通ルールと、
	   その直後で /cost/ だけ標準値へ戻していた打ち消しルールを、いずれも撤去した。
	   COST・CASEとも `.hal-lp .hal-container` の標準 padding-inline: var(--hal-pad)
	   （Mobile実測 約20px）を使う。同一propertyを2ルールで打ち消し合う構造を解消した。 */

	/* TOPMinatoFix2 §5-1：本ルールが Mobile（767.98px以下）における
	   カルテ見出し帯の padding／margin／border-width／border-style ＋ 配色の
	   単独責任ルールである。768px以上は本ルールの範囲外であり、
	   ファイル後段の `@media (min-width: 768px)` が配色責任を持つ。
	   両メディアクエリは重ならない。
	   background と border-color は `/cost/` の分類見出し `.hal-cc-m23__cath3`
	   （var(--hal-ink) ＋ var(--hal-gold)）へ揃えている。
	   padding・margin・border-width は LowerPageFix2 の承認値のまま変更していない。 */
	/* TOPMinatoFix4 §7：配色責任はファイル後段の「TOPMinatoFix4 §7」1ブロックへ
	   移管した。本ルールは Mobile の padding／margin だけを担当する。 */
	.hal-cc-js .hal-cc--case .hal-cc-kartehead {
		padding: 24px 0;
		margin: 0 0 16px;
	}

	.hal-cc-js .hal-cc--case .hal-cc-kartehead__ttl {
		position: static;
		width: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		clip: auto;
		clip-path: none;
		white-space: normal;
	}

	.hal-cc-js .hal-cc--case .hal-cc-kartehead__lead {
		margin-top: 12px;
	}

	/* JS有効時：分類の見出しは開閉ヘッダへ集約し、背景ブロックの説明文のみ残す */
	/* Stage1FinalFix1 §5.1：本ルールは /cost/ 専用である。
	   旧 `.hal-cc-js .hal-cc`（COST・CASE共通）は、上の
	   `.hal-cc-js .hal-cc--case .hal-cc-kartehead__ttl` と詳細度が同等で
	   後方に位置するため、CASEの正式H2まで1px・clip状態へ戻していた。
	   非表示責任を `.hal-cc--cost` へ限定し、CASE専用の表示規則を生かす。
	   `.hal-cc` を使用するページは /cost/（--cost）と /case-01/（--case）だけであり、
	   COST側のMobile挙動は本変更前と同一である。 */
	.hal-cc-js .hal-cc--cost .hal-cc-kartehead__ttl {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
	}

	/* Stage1FinalFix1 §5.1：上に同じ。lead の余白責任も /cost/ へ限定する。 */
	.hal-cc-js .hal-cc--cost .hal-cc-kartehead__lead {
		margin-top: 0;
	}

	/* 開閉ヘッダは分類背景ブロックと同じ色で、同じ階層であることを示す */
	.hal-cc-js .hal-cc .hal-cc-group__toggle {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 4px 10px;
		box-sizing: border-box;
		width: 100%;
		min-height: 72px;
		margin: 0;
		padding: 14px 16px;
		background: var(--cc-karte);
		border: 1px solid var(--cc-karte-rule);
		text-align: left;
		cursor: pointer;
	}

	.hal-cc-js .hal-cc .hal-cc-group__toggleno {
		flex: 1 0 100%;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.12em;
		color: var(--cc-sumi);
	}

	.hal-cc-js .hal-cc .hal-cc-group__togglename {
		flex: 1 1 auto;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
		color: var(--cc-black);
	}

	.hal-cc-js .hal-cc .hal-cc-group__count {
		flex: 0 0 auto;
		font-size: 13px;
		font-weight: 400;
		color: var(--cc-sumi);
	}

	.hal-cc-js .hal-cc .hal-cc-group__icon {
		flex: 0 0 auto;
		width: 14px;
		height: 14px;
		position: relative;
	}

	.hal-cc-js .hal-cc .hal-cc-group__icon::before,
	.hal-cc-js .hal-cc .hal-cc-group__icon::after {
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		width: 14px;
		border-top: 1px solid var(--cc-charcoal);
	}

	.hal-cc-js .hal-cc .hal-cc-group__icon::after {
		transform: rotate(90deg);
		transition: transform 240ms ease;
	}

	.hal-cc-js .hal-cc .hal-cc-group[data-open="true"] .hal-cc-group__icon::after {
		transform: rotate(0deg);
	}

	/* JS有効時のみ閉じる。JS無効時は常時表示され本文へ到達できる */
	.hal-cc-js .hal-cc .hal-cc-group[data-open="false"] .hal-cc-group__panel,
	.hal-cc-js .hal-cc .hal-cc-group[data-open="false"] .hal-cc-cta {
		display: none;
	}

	.hal-cc .hal-cc-group__panel {
		padding-top: 16px;
	}

	.hal-cc .hal-cc-group__cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		margin-top: 0;
	}

	.hal-cc .hal-cc-card {
		padding: 20px;
	}

	.hal-cc .hal-cc-card__title {
		font-size: 18px;
	}

	.hal-cc .hal-cc-card__intro,
	.hal-cc .hal-cc-card__hook {
		font-size: 14px;
	}

	.hal-cc .hal-cc-cost {
		padding: 16px;
	}

	.hal-cc .hal-cc-cost__amountval {
		font-size: 20px;
	}

	.hal-cc .hal-cc-cost__mode {
		font-size: 17px;
	}

	.hal-cc .hal-cc-cost__modedesc {
		font-size: 14px;
	}

	/* CASE：モデル単位で開閉。Costブロックは閉じない */
	.hal-cc--case .hal-cc__models .hal-container {
		max-width: none;
	}

	.hal-cc .hal-cc-model,
	.hal-cc .hal-cc-model + .hal-cc-model {
		padding: 32px 0;
	}

	.hal-cc .hal-cc-model__title {
		font-size: 20px;
	}

	.hal-cc .hal-cc-model__sub,
	.hal-cc .hal-cc-model__text {
		font-size: 15px;
		line-height: 1.85;
		margin-top: 20px;
	}

	.hal-cc .hal-cc-model__label {
		margin-top: 32px;
		font-size: 12px;
	}

	.hal-cc .hal-cc-model__costwrap .hal-cc-cost {
		padding: 16px;
	}

	/* TOPMinatoFix2 §5：Mobile開閉トリガーの配色責任を本ルール1件へ集約した。
	   `.hal-cc-model` は `/case-01/` にのみ出力される（`/cost/` は 0件）ため、
	   本ルールが同一viewportにおける唯一の配色責任ルールとなる。
	   border-width／border-style／寸法・余白は変更していない。 */
	/* TOPMinatoFix4 §9：開閉トリガーの配色責任はファイル後段の
	   「TOPMinatoFix4 §9」1ブロックへ移管した。本ルールは寸法・余白・
	   レイアウトだけを担当し、background／border-color／color を持たない。 */
	.hal-cc-js .hal-cc .hal-cc-model__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		box-sizing: border-box;
		width: 100%;
		min-height: 64px;
		margin: 20px 0 0;
		padding: 0 16px;
		text-align: left;
		cursor: pointer;
	}

	.hal-cc-js .hal-cc .hal-cc-model__togglelabel {
		font-size: 15px;
		font-weight: 500;
	}

	.hal-cc-js .hal-cc .hal-cc-model__toggleicon {
		width: 14px;
		height: 14px;
		position: relative;
	}

	.hal-cc-js .hal-cc .hal-cc-model__toggleicon::before,
	.hal-cc-js .hal-cc .hal-cc-model__toggleicon::after {
		content: "";
		position: absolute;
		left: 0;
		top: 6px;
		width: 14px;
		border-top-width: 1px;
		border-top-style: solid;
	}

	.hal-cc-js .hal-cc .hal-cc-model__toggleicon::after {
		transform: rotate(90deg);
		transition: transform 240ms ease;
	}

	.hal-cc-js .hal-cc .hal-cc-model[data-open="true"] .hal-cc-model__toggleicon::after {
		transform: rotate(0deg);
	}

	.hal-cc-js .hal-cc .hal-cc-model[data-open="false"] .hal-cc-model__panel {
		display: none;
	}

	/* CTA：1画面内に2ユニットを置かない余白を確保する */
	.hal-cc .hal-cc-cta {
		margin-top: 48px;
		padding: 40px 0;
	}

	.hal-cc .hal-cc-cta + * {
		margin-top: 80px;
	}

	.hal-cc .hal-cc-cta__btn--primary {
		width: 100%;
		height: 56px;
		font-size: 17px;
	}

	/* Mobileは第2・第3ボタンも縦積み。CTA②も同様 */
	.hal-cc .hal-cc-cta__buttons,
	.hal-cc .hal-cc-cta--row .hal-cc-cta__buttons {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.hal-cc .hal-cc-cta__buttons .hal-cc-cta__btn {
		height: 52px;
	}

	.hal-cc .hal-cc-cta--row .hal-cc-cta__buttons .hal-cc-cta__btn {
		height: 56px;
	}

	.hal-cc .hal-cc-note {
		padding: 48px 0 64px;
	}
}

/* --------------------------------------------------------------------------
   12. モーション低減
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.hal-cc .hal-cc-group__icon::after,
	.hal-cc .hal-cc-model__toggleicon::after {
		transition: none;
	}
}

/* ==========================================================================
   v1.0.56_R2 §3：CASEページのFV写真
   --------------------------------------------------------------------------
   .hal-cc__hero 配下へ限定する。
   OwnerDesignFix1 §G：旧記載「COSTページには写真を出力しない」はHuman Ownerの
   最新指示と衝突するため撤回した。COST FVは .hal-cc-fv__media 側で別途定義する。
   本ブロックは .hal-svc-fv__figure を持つCASE FV専用であり、COST側へは適用されない。
   ========================================================================== */
.hal-cc .hal-cc__hero .hal-svc-fv__figure {
	margin: 28px 0 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--cc-black);
}

.hal-cc .hal-cc__hero .hal-svc-fv__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--hal-fv-focus, 50% 50%);
}

@media (max-width: 767px) {
	.hal-cc .hal-cc__hero .hal-svc-fv__figure {
		margin: 22px 0 0;
		aspect-ratio: 4 / 3;
	}
}

/* ==========================================================================
   OwnerDesignFix1 §H・§J
   --------------------------------------------------------------------------
   すべて .hal-cc 配下へ限定する。新色を定義せず既存 --cc-* / --hal-* のみを使う。
   !important は使用しない。角丸・shadow は付けない。
   ========================================================================== */

/* --------------------------------------------------------------------------
   §J CASE／COST の3CTA主従
   カルテ01＝電話、02＝フォーム、03＝公式LINE を filled primary とする。
   primaryは既存ブランドのゴールド系トークンのみ。チャネル別の新色は追加しない。
   secondaryは同じ高さのtransparent／outlineで、3手段はすべて残す。
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-cta__btn--primary {
	background: var(--hal-gold);
	border-color: var(--hal-gold);
	color: var(--cc-black);
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.hal-cc .hal-cc-cta__btn--primary:hover {
	background: var(--hal-gold-hover);
	border-color: var(--hal-gold-hover);
	color: var(--cc-black);
}

/* secondaryは透明地＋白枠のまま。primaryより目立たせない。 */
.hal-cc .hal-cc-cta__buttons .hal-cc-cta__btn {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.hal-cc .hal-cc-cta__buttons .hal-cc-cta__btn:hover {
	border-color: var(--cc-white);
	background: rgba(255, 255, 255, 0.06);
}

.hal-cc .hal-cc-cta__btn:focus-visible {
	outline: 2px solid var(--cc-white);
	outline-offset: 3px;
}

/* --------------------------------------------------------------------------
   §H COST Mobileのカルテ分類：直線的なeditorial index
   カード／pillをやめ、上下1px罫線＋左3pxの既存ゴールド系罫線で階層を作る。
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.hal-cc-js .hal-cc .hal-cc-group__toggle {
		min-height: 68px;
		padding: 15px 16px 15px 17px;
		background: var(--cc-karte);
		border: 0;
		border-top: 1px solid var(--cc-karte-rule);
		border-bottom: 1px solid var(--cc-karte-rule);
		/* TOPMinatoFix5 §7.2：装飾左縦棒を撤去する。
		   開閉状態は ＋／− と背景差と aria-expanded で示す。 */
		border-radius: 0;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		column-gap: 12px;
	}

	/* TOPMinatoFix5 §7.2／§12.3 VB-08：open時に左辺だけ幅・色を変える表現を廃止する。
	   状態は背景差と ＋／− と aria-expanded で示す。padding も開閉で変えない。 */
	.hal-cc-js .hal-cc .hal-cc-group[data-open="true"] .hal-cc-group__toggle {
		background: var(--cc-block);
	}

	.hal-cc-js .hal-cc .hal-cc-group__toggle:focus-visible {
		outline: 2px solid var(--hal-gold-deep);
		outline-offset: 2px;
	}

	/* 「問題解決のカルテ01」は小さく、分類名は一段強く。 */
	.hal-cc-js .hal-cc .hal-cc-group__toggleno {
		font-size: 11px;
		letter-spacing: 0.14em;
	}

	.hal-cc-js .hal-cc .hal-cc-group__togglename {
		min-width: 0;
		font-size: 17px;
		line-height: 1.55;
		word-break: keep-all;
		overflow-wrap: break-word;
	}

	/* 件数と＋／－を右側へ寄せ、長い分類名でも375pxで衝突させない。 */
	.hal-cc-js .hal-cc .hal-cc-group__count {
		margin-left: auto;
		white-space: nowrap;
	}

	.hal-cc-js .hal-cc .hal-cc-group__icon {
		margin-left: 4px;
	}

	/* タップ領域44px以上を確保する。 */
	.hal-cc-js .hal-cc .hal-cc-group__toggle,
	.hal-cc .hal-cc-cta__btn {
		min-height: 44px;
	}
}


/* ==========================================================================
   OwnerDesignFix1 §G — COST（/cost/）のFV
   --------------------------------------------------------------------------
   セレクタはすべて .hal-cc--cost 配下へ限定する。
   CASE FV（.hal-svc-fv__figure）および調査項目詳細FVへは1件も波及しない。
   固定pxによる位置合わせ・画像上への文字overlayは使用しない。
   DOM順（heading → media → lead → index）はそのまま視覚順になる。
   ========================================================================== */
.hal-cc--cost .hal-cc-fv {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 0;
}

.hal-cc--cost .hal-cc-fv__media {
	margin: 22px 0 0;
	width: 100%;
	/* OwnerDesignFix1 §G（Human Owner追補）：320〜1440pxの全幅で 4:3 に統一する。
	   PCで縦長4:5にしない。Tabletだけ16:9にしない。画像の歪みは object-fit: cover で回避する。 */
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--cc-black);
}

.hal-cc--cost .hal-cc-fv__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* LowerPageFix3 §4：Owner提供のタイプライター画像は被写体が右端にあるため、
	   右端のタイプライター本体を欠けさせない焦点へ変更する。
	   aspect-ratio: 4/3 と object-fit: cover は維持しており、画像は歪まない。 */
	object-position: 100% 50%;
}

.hal-cc--cost .hal-cc-fv__lead {
	margin-top: 24px;
}

.hal-cc--cost .hal-cc-fv__index {
	margin-top: 28px;
}

/* ---- PC（1024px以上）：左列56%＝heading → lead、右列44%＝media ---- */
@media (min-width: 1024px) {
	.hal-cc--cost .hal-cc-fv {
		grid-template-columns: minmax(0, 56fr) minmax(0, 44fr);
		column-gap: clamp(32px, 4vw, 56px);
		align-items: start;
	}

	.hal-cc--cost .hal-cc-fv__heading {
		grid-column: 1;
		grid-row: 1;
	}

	.hal-cc--cost .hal-cc-fv__lead {
		grid-column: 1;
		grid-row: 2;
		margin-top: 24px;
	}

	/* index は左列の lead 直下へ自然に接続する。 */
	.hal-cc--cost .hal-cc-fv__index {
		grid-column: 1;
		grid-row: 3;
	}

	/* 画像は 4:3 のまま。左コピー列の高さへ引き伸ばさないため
	   align-self: start とし、height: 100% は使用しない。
	   画像の上端は heading の上端（grid-row 1 の開始位置）と一致する。 */
	.hal-cc--cost .hal-cc-fv__media {
		grid-column: 2;
		grid-row: 1 / span 3;
		margin: 0;
		align-self: start;
	}
}

/* ---- Tablet（768〜1023px） ---- */
@media (min-width: 768px) and (max-width: 1023.98px) {
	.hal-cc--cost .hal-cc-fv__media {
		margin-top: 26px;
	}
}

/* ==========================================================================
   OwnerDesignFix2 — M-05.2 / M-06 / M-08 / M-10 / M-11（.hal-cc 配下のみ）
   ========================================================================== */

/* --------------------------------------------------------------------------
   M-05.2 CTAユニット（§8.2）
   「ボタン＋そのチャネルの注記」で1ユニット。注記はチャネル単位で1回だけ。
   -------------------------------------------------------------------------- */
.hal-cc .hal-cc-cta__unit {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	min-width: 0;
}

.hal-cc .hal-cc-cta__unit--primary {
	margin: 26px 0 0;
}

.hal-cc .hal-cc-cta__note {
	margin: 0;
	font-family: var(--hal-sans);
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.04em;
	color: var(--cc-white-70);
	text-align: center;
}

.hal-cc .hal-cc-cta__buttons {
	align-items: start;
}

/* --------------------------------------------------------------------------
   M-11 COST FV Mobileの知覚明度（§14）→ LowerPageFix3 §4 で解除
   旧FV画像（暗いキーボード写真）向けの filter: brightness(1.09) は、
   Owner提供のタイプライター画像には不要のため規則ごと削除した。
   Mobileでも画像の明度をそのまま表示する。他ページのCSSへは影響しない。
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   M-06 / M-10 Mobileのアコーディオンと分類UI（§9・§13）
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* 内側triggerの丸みと影を撤去する。左罫線・上下罫線・開閉記号は維持。 */
	.hal-cc-js .hal-cc .hal-cc-group__toggle,
	.hal-cc-js .hal-cc .hal-cc-model__toggle,
	.hal-cc .hal-cc-group__toggle,
	.hal-cc .hal-cc-model__toggle {
		border-radius: 0;
		box-shadow: none;
	}

	/* M-10：trigger高を72〜80pxへ。分類名は最大2行。
	   §6.1の「密度の高いaccordion見出し 24〜26px」は調査項目詳細のH2 trigger
	   （.hal-svc-acc__label）を対象とし、COSTの分類名は§13の高さ規定（72〜80px）を
	   優先する。24〜26pxでは320pxで3行化し142pxとなり§13を満たせないため。 */
	.hal-cc-js .hal-cc .hal-cc-group__toggle {
		min-height: 72px;
		max-height: 80px;
		padding-top: 12px;
		padding-bottom: 12px;
		align-items: center;
		overflow: hidden;
	}

	.hal-cc-js .hal-cc .hal-cc-group__togglename {
		font-size: clamp(17px, 4.55vw, 19px);
		line-height: 1.45;
		max-height: 2.9em;      /* 最大2行 */
		overflow: hidden;
	}

	/* 件数と＋／−は右端固定・折返し禁止。 */
	.hal-cc-js .hal-cc .hal-cc-group__count,
	.hal-cc-js .hal-cc .hal-cc-group__icon {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.hal-cc .hal-cc-model__toggle {
		min-height: 44px;
	}

	/* --------------------------------------------------------------------
	   M-08 CASE「状況から選ぶ」索引（TOPMinatoFix4 §6）
	   Mobile限定UIを廃止し、全viewport共通の折りたたみ索引へ移行した。
	   表示・外装・配色・列数の責任はファイル後段の
	   「TOPMinatoFix4 §6 CASE索引」1ブロックが単独で持つ。
	   本メディアクエリには索引の宣言を置かない。
	   -------------------------------------------------------------------- */
}


/* ==========================================================================
   LowerPageFix2 — /cost/ ・/case-01/ Mobile配色統一（767px以下限定）
   --------------------------------------------------------------------------
   Owner承認済みトークン（--hal-ink / --hal-sumi / --hal-bg / --hal-bg-alt /
   --hal-bg-box / --hal-gold / --hal-on-ink / --hal-on-ink-sub /
   --hal-on-ink-mut）だけを参照する。新色・新トークンは定義していない。

   本ブロックはファイル末尾の最終上書きであり、既存ルールを削除・改変していない。
   変更しているのは色（background / color / border-*-color）のみで、
   レイアウト、寸法、border-width、padding、margin、font、余白は一切変更していない。
   `!important` は新規使用していない。

   スコープは `.hal-cc--cost` と `.hal-cc--case` へ限定しており、
   トップページ、調査項目詳細8ページ、/guide/、共通ヘッダー・フッター・固定CTAへは
   1件も適用されない。768px以上へも適用されない。
   DOM、ARIA、開閉ロジック、PHP、JavaScriptは変更していない。
   ========================================================================== */
@media (max-width: 767px) {

	/* ----------------------------------------------------------------------
	   §A /cost/ — アコーディオントリガー
	   ---------------------------------------------------------------------- */
	/* TOPMinatoFix5 §7.2：左罫線の色指定は装飾縦棒の残骸のため撤去した。 */
	.hal-cc-js .hal-cc--cost .hal-cc-group__toggle {
		background: var(--hal-ink);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group[data-open="true"] .hal-cc-group__toggle {
		background: var(--hal-sumi);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group__toggleno {
		color: var(--hal-on-ink-mut);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group__togglename {
		color: var(--hal-on-ink);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group__count {
		color: var(--hal-on-ink-mut);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group__icon::before,
	.hal-cc-js .hal-cc--cost .hal-cc-group__icon::after {
		border-top-color: var(--hal-on-ink-sub);
	}

	/* ----------------------------------------------------------------------
	   §B /cost/ — 展開内容
	   ---------------------------------------------------------------------- */
	.hal-cc--cost .hal-cc-card {
		background: var(--hal-bg-alt);
	}

	.hal-cc--cost .hal-cc-cost {
		background: var(--hal-bg-box);
	}

	/* 03-C「個別見積」。`--casebased` は case_based=true の1件（03-C）にのみ出力される。 */
	/* TOPMinatoFix5 §7.2：左罫線の色指定を撤去し、四辺均一hairlineの色へ揃える。 */
	.hal-cc--cost .hal-cc-cost--casebased {
		background: var(--hal-bg);
		border-color: var(--cc-rule);
	}

	/* ----------------------------------------------------------------------
	   §C〜§G /case-01/ の配色
	   TOPMinatoFix1 §8 で本メディアクエリから取り出し、
	   TOPMinatoFix2 §5 で非重複breakpoint方式へ再編した。
	   現在の所在は直下の「TOPMinatoFix2 §4・§5」ブロックである。
	   本メディアクエリ内に残る /case-01/ の配色責任は、上方の
	   `.hal-cc-js .hal-cc--case .hal-cc-kartehead`（Mobileの見出し帯）と、
	   `.hal-cc-js .hal-cc .hal-cc-model__toggle` 系（Mobileの開閉トリガー）だけである。
	   ---------------------------------------------------------------------- */
}

/* ==========================================================================
   TOPMinatoFix2 §4・§5 — /case-01/ の実効紙面統一とCSS責任の非重複化
   --------------------------------------------------------------------------
   目的（TOPMinatoFix2 §4.1）：`/case-01/` は Before／Process／After を読み込む
   長文Editorialページである。`/cost/` の23モデル比較カード構造へ作り替えず、
   色の世界観と「モデルを読む実効紙面」だけを `/cost/` へ統一する。
   `/case-01/` を23個の料金カードのように囲っていない。

   ■ CSS責任の非重複breakpoint方式（TOPMinatoFix2 §5）
   背景色・罫線色の責任ルールを、重ならない2つの範囲へ分離した。

     - `@media (max-width: 767.98px)`  … Mobileの padding／margin／border-width／
                                          border-style ＋ 配色を担当
     - `@media (min-width: 768px)`     … Tablet／PCの配色を担当
     - メディアクエリ外                 … 全viewportで単独責任の宣言のみを置く

   2つのメディアクエリは重ならない。同一viewportで同一propertyを2つの責任ルールが
   上書きする状態は解消済みである（`Validation_Report.md` の機械検査結果を参照）。

   ■ 部品ごとの配色責任の所在（本ファイル内で一意）

   | 部品 | 責任ルールの所在 |
   |---|---|
   | `.hal-cc-kartehead`（Mobile） | `@media (max-width: 767.98px)` の `.hal-cc-js .hal-cc--case .hal-cc-kartehead` |
   | `.hal-cc-kartehead`（768px以上） | 本ブロック内の `@media (min-width: 768px)` |
   | `.hal-cc-kartehead__no / __name / __lead` | 本ブロックのメディアクエリ外（全viewportで単独） |
   | `.hal-cc-groupcase`（3件） | 本ブロックのメディアクエリ外（全viewportで単独） |
   | `.hal-cc-model__costwrap .hal-cc-cost` | 本ブロックのメディアクエリ外（全viewportで単独） |
   | `.hal-cc-index`（全viewport共通） | ファイル後段「TOPMinatoFix4 §6 CASE索引」1ブロック |
   | `.hal-cc-model__toggle` 系（Mobile専用要素） | `@media (max-width: 767.98px)` の `.hal-cc-js .hal-cc .hal-cc-model__toggle` へ集約済み。本ブロックには重複宣言を置かない |

   ■ 遵守事項
   - 変更しているのは background / color / border-*-color だけである。
     レイアウト、寸法、border-width、border-style、padding、margin、typography、
     DOM、ARIA、開閉ロジック、PHP、JavaScript、画像は一切変更していない。
   - 新しい HEX / RGB / HSL / CSSカスタムプロパティは追加していない。
   - 角丸・box-shadow・グラデーションは追加していない。
   - `/cost/` 側のCSSは変更していない。
   - `.hal-cc-model` へ padding／margin／border／角丸／影を追加していない。
   - セレクタはすべて `.hal-cc--case` 配下へ限定しており、TOP・8調査項目ページ・
     `/guide/` へは1件も適用されない。
   - `!important` は使用していない。

   ■ 情報階層（`/cost/` と同一トークン。全要素を1色で塗り潰していない）
     ページ本文背景        var(--hal-bg)        ← `/cost/` と同値
     モデルを読む実効紙面  var(--hal-bg-alt)    ← `.hal-cc-m23card` と同値
     索引・ナビ背景        var(--hal-bg-alt)    ← `.hal-cc-m23__navlink` と同値
     料金背景ブロック      var(--hal-on-ink)    ← `.hal-cc-m23card__price` と同値
     分類見出し背景        var(--hal-ink)       ← `.hal-cc-m23__cath3` と同値
     ゴールド罫線          var(--hal-gold)      ← `/cost/` と同値
   ========================================================================== */

/* ---- §4-1 カルテ本文グループ ＝ モデルを読む実効紙面 ----
   TOPMinatoFix2 §4.2 の必須変更。`.hal-cc-model` 自身は transparent のまま維持し、
   親である本要素の紙色を継承させる。これにより
   `/case-01/ .hal-cc-model` の effective background が
   `/cost/ .hal-cc-m23card` と同値（var(--hal-bg-alt)）になる。
   旧 LowerPageFix2 の 01=bg／02=bg-alt／03=bg 交互配色、および
   TOPMinatoFix1 の var(--hal-bg) 一律は、いずれも本指定へ置換した。
   CSSの order や nth による視覚的な並べ替えは行っていない。 */
.hal-cc--case .hal-cc-groupcase[aria-labelledby="hal-cc-casekarte-01"],
.hal-cc--case .hal-cc-groupcase[aria-labelledby="hal-cc-casekarte-02"],
.hal-cc--case .hal-cc-groupcase[aria-labelledby="hal-cc-casekarte-03"] {
	background: var(--hal-bg-alt);
}

/* ---- §4-2 カルテ見出し帯の文字色 ----
   TOPMinatoFix4 §7 で見出し帯を明色紙面へ変更したため、暗色前提の本3ルールは
   撤去し、文字色責任をファイル後段の「TOPMinatoFix4 §7」1ブロックへ統合した。 */

/* ---- §4-3 料金背景ブロック（全viewportで単独責任） ----
   `/cost/` の料金背景BOX `.hal-cc-m23card__price` と同値の
   既存トークン var(--hal-on-ink) へ揃える。
   従来はPCで var(--cc-block)（純無彩色グレー）、Mobileで var(--hal-bg-box) となっており、
   いずれも `/cost/` と不一致だった。
   モデル本文の文字色・CTA・padding・文字サイズは変更していない。 */
.hal-cc--case .hal-cc-model__costwrap .hal-cc-cost {
	background: var(--hal-on-ink);
}

/* TOPMinatoFix5 §7.2：03-Cの識別から左縦棒の色指定を撤去し、
   四辺均一1px hairline の色へ揃える。案件制の識別は背景差で示す。 */
.hal-cc--case .hal-cc-model__costwrap .hal-cc-cost--casebased {
	background: var(--hal-bg);
	border-color: var(--cc-rule);
}

/* ---- §5-1 CASE索引の配色責任 ----
   TOPMinatoFix4 §6 で索引を全viewport共通の折りたたみUIへ移行したため、
   Mobile限定だった本ルールは撤去し、配色責任をファイル後段の
   「TOPMinatoFix4 §6 CASE索引」1ブロックへ統合した。 */

/* ---- §5-2 Tablet／PC（768px以上）の配色責任 ----
   TOPMinatoFix4 §7 により、見出し帯の配色は全viewport共通の1ブロックが持つ。
   黒面を指定していた本メディアクエリは撤去した。 */

/* ==========================================================================
   LowerPageFix3 — /cost/ Mobileウォルナット化（§5）／料金ウェイト（§6）
   --------------------------------------------------------------------------
   本ブロックはファイル末尾の最終上書きであり、既存ルールを削除・改変していない。
   変更しているのは background と font-weight のみで、高さ・余白・罫線幅・角・影・
   文字サイズ・行高・letter-spacing・色は一切変更していない。
   `!important` は使用していない。DOM・ARIA・`data-open`・JavaScriptは無変更。
   ========================================================================== */

/* --------------------------------------------------------------------------
   §5 COST Mobileアコーディオン：黒（--hal-ink / --hal-sumi）→ ウォルナット
   ローカルトークンは Mobile かつ .hal-cc--cost 配下でのみ定義する。
   :root およびグローバルへは追加しない。CASE側・768px以上・TOPへは波及しない。
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.hal-cc.hal-cc--cost {
		--hal-walnut: #4b3621;
		--hal-walnut-open: #513b28;
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group__toggle {
		background: var(--hal-walnut);
	}

	.hal-cc-js .hal-cc--cost .hal-cc-group[data-open="true"] .hal-cc-group__toggle {
		background: var(--hal-walnut-open);
	}
}

/* --------------------------------------------------------------------------
   §6 「基本調査費」「調査期間」と金額を700へ（PC・Tablet・Mobile共通）
   .hal-cc--cost と .hal-cc--case 配下だけに限定する。
   font-weight のみを追加し、font-size・line-height・letter-spacing・color・
   margin・padding は既存指定のままとする。03-C（--casebased）も対象に含む。
   -------------------------------------------------------------------------- */
.hal-cc.hal-cc--cost .hal-cc-cost__amountlabel,
.hal-cc.hal-cc--case .hal-cc-cost__amountlabel {
	font-weight: 700;
}

.hal-cc.hal-cc--cost .hal-cc-cost__amountval,
.hal-cc.hal-cc--case .hal-cc-cost__amountval {
	font-weight: 700;
}

/* ==========================================================================
   LowerPageFix4 — /cost/ Mobile料金階層・見出し背景ブロック・PC FV位置調整
   --------------------------------------------------------------------------
   本ブロックはファイル末尾の最終上書きであり、既存ルールを削除・改変していない。
   セレクタはすべて `.hal-cc--cost` 配下へ限定しており、CASE（.hal-cc--case）、
   調査項目詳細8ページ、/guide/、TOP、共通ヘッダー・フッター・CTAへは1件も適用されない。

   §4・§5 は `@media (max-width: 767px)` 内だけ、§6 は `@media (min-width: 1024px)` 内だけ。
   新規 `!important` 0件／新規の角丸 0件／新規shadow 0件／既存カラー体系外の新色 0件
   （#f7f4ec は --hal-on-ink、#e2dccf は --hal-on-ink-sub と同値の既存リテラル）。
   DOM・ARIA・Hタグ・文言・料金・PHP・JavaScript・画像は変更していない。
   ========================================================================== */

/* --------------------------------------------------------------------------
   §4 Mobile COST料金ボックス
   カード背景（#ece7db）と料金ボックス背景（#efeae0）の差が 1.03:1 しかなく
   境界が読み取れないため、料金ボックスを一段明るい面＋左金罫線で階層化する。
   文字色・文字サイズ・ウェイト・内側余白（16px）は既存のまま変更しない。
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* TOPMinatoFix5 §7.2：左3pxの装飾縦棒を四辺均一1px hairline へ置換する。
	   カード背景との境界は背景差＋均一hairlineで示す。 */
	.hal-cc.hal-cc--cost .hal-cc-cost {
		box-sizing: border-box;
		background: #f7f4ec;
		border: 1px solid var(--cc-rule);
		border-radius: 0;
		box-shadow: none;
	}

	/* TOPMinatoFix5 §7.2：左辺だけ幅・色を変える指定を撤去し、四辺均一hairlineへ揃える。
	   padding-left: 18px の既存指定と case_based 判定・DOM・PHPデータは変更しない。 */
	.hal-cc.hal-cc--cost .hal-cc-cost--casebased {
		background: #f7f4ec;
		border-color: var(--cc-rule);
	}

	/* ----------------------------------------------------------------------
	   §5 Mobile COSTモデル見出し（H3）の背景ブロック化
	   H3のまま。button化・accordion化・複製・H2化はしていない。
	   font-size 18px／font-weight 600／line-height／margin-top 12px は既存のまま。
	   CASE の .hal-cc-model__title、サービス8ページのH3、TOPのH2/H3へは適用しない。
	   ---------------------------------------------------------------------- */
	/* TOPMinatoFix5 §7.2：左3pxの装飾縦棒を撤去する。
	   H3の階層は背景差と余白で示す。 */
	.hal-cc.hal-cc--cost .hal-cc-card__title {
		box-sizing: border-box;
		background: #e2dccf;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 14px 15px;
	}
}

/* --------------------------------------------------------------------------
   §6 PC（1024px以上）COST FV画像の位置
   画像上端を左列の第一説明文（.hal-cc-fv__lead .hal-cc__leadtext:first-child）の
   上端へ構造的に一致させる。固定top・transform・position:relative・負margin・
   幅別のpx調整は使用せず、既存Gridの第2行へ配置し左leadと同じ margin-top: 24px を使う。
   grid-column: 2 / align-self: start / aspect-ratio 4:3 / object-fit: cover /
   object-position: 100% 50% / 画像ファイル・width・height・alt・loading・
   fetchpriority・decoding はいずれも変更していない。
   768〜1023px と 767px以下へは適用されない。
   -------------------------------------------------------------------------- */
@media (min-width: 1024px) {
	.hal-cc.hal-cc--cost .hal-cc-fv__media {
		grid-row: 2 / span 2;
		margin-top: 24px;
	}
}

/* ==========================================================================
   v1.0.56_Pricing23_COST23_Preview2 — /cost/ 23モデル主一覧
   --------------------------------------------------------------------------
   すべて `.hal-cc--cost` 配下または `.hal-cc-m23` 名前空間へスコープする。
   グローバル要素セレクタは追加していない。既存の黒・消炭・墨・白トークンのみを使い、
   新色・新フォント・外部CDNは追加していない。
   1024px以上で最大2列、1023px以下は1列（§5.4）。カルーセルは使用しない。
   色だけで料金方式や選択状態を区別せず、ラベル文字を併記する（§11-10）。
   ========================================================================== */
.hal-cc .hal-cc-m23__h2 {
	margin: 0 0 12px;
	font-family: var(--hal-serif);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--cc-black);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23__lead {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.95;
	color: var(--cc-charcoal);
}

/* ---- 4料金方式 ---- */
.hal-cc .hal-cc-m23__methods {
	padding: 40px 0 8px;
}

.hal-cc .hal-cc-m23__methodlist {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hal-cc .hal-cc-m23__method {
	box-sizing: border-box;
	min-width: 0;
	padding: 18px;
	background: var(--hal-bg-box);
}

/* TOPMinatoFix3 CR-02：4料金方式BOXの左3px金縦棒を撤去した。
   責任を持つ本ルールの border-left 宣言のみを削除する最小差分で行っており、
   border-left: none の広域指定・全称selector・裸selector・末尾 !important による
   強制上書き・一括検索置換はいずれも使用していない。
   background・padding・margin・高さ・文字サイズ・配色・角丸・影・DOM・ARIA・
   リンク先・件数は変更していない。PC／Tablet／Mobileの全対象で同じ結果になる。 */

.hal-cc .hal-cc-m23__methodname {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--cc-black);
}

.hal-cc .hal-cc-m23__methodlead {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.9;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-m23__methodbody {
	margin: 0;
	font-size: 14px;
	line-height: 1.95;
	color: var(--cc-sumi);
	overflow-wrap: anywhere;
}

/* ---- カテゴリナビ ---- */
.hal-cc .hal-cc-m23__nav {
	padding: 28px 0 4px;
}

.hal-cc .hal-cc-m23__navttl {
	margin: 0 0 10px;
	font-size: 13px;
	letter-spacing: .08em;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-m23__navlist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hal-cc .hal-cc-m23__navlink {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 44px;
	padding: 8px 14px;
	background: var(--hal-bg-alt);
	font-size: 14px;
	line-height: 1.6;
	color: var(--cc-black);
	text-decoration: none;
	word-break: keep-all;
}
/* TOPMinatoFix3 CR-02：8カテゴリナビBOXの左2px金縦棒を撤去した。
   責任を持つ本ルールの border-left 宣言のみを削除しており、
   :focus-visible のアウトライン、背景、padding、min-height、文字サイズ、
   件数バッジ、リンク先、DOM、ARIA は変更していない。 */

.hal-cc .hal-cc-m23__navlink:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: 2px;
}

.hal-cc .hal-cc-m23__navcount {
	font-size: 12px;
	color: var(--cc-sumi);
}

/* ---- 23モデル一覧 ---- */
.hal-cc .hal-cc-m23 {
	padding: 32px 0 8px;
}

.hal-cc .hal-cc-m23__fiction {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.95;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-m23__cat {
	padding: 28px 0 4px;
	scroll-margin-top: 96px;
}

.hal-cc .hal-cc-m23__cath3 {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px 15px;
	background: var(--hal-ink);
	/* TOPMinatoFix5 §7.2：カテゴリ見出しの左3px装飾縦棒を撤去する。
	   分類の識別は背景差と文字階層で示す。 */
	border: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6;
	color: var(--hal-on-ink);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23__catcount {
	font-size: 13px;
	font-weight: 400;
	color: var(--hal-on-ink-mut);
}

.hal-cc .hal-cc-m23__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

/* ---- モデルカード ---- */
.hal-cc .hal-cc-m23card {
	box-sizing: border-box;
	min-width: 0;
	padding: 20px;
	background: var(--hal-bg-alt);
	/* TOPMinatoFix5 §7.2：左3pxの装飾縦棒を四辺均一1px hairline へ置換する。 */
	border: 1px solid var(--cc-rule);
}

.hal-cc .hal-cc-m23card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.7;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-m23card__cat,
.hal-cc .hal-cc-m23card__aud,
.hal-cc .hal-cc-m23card__method {
	padding: 2px 8px;
	background: var(--hal-bg);
}

.hal-cc .hal-cc-m23card__title {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.65;
	color: var(--cc-black);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* TOPMinatoFix1 §9：23モデルカード内の料金背景BOXからのみ左3px縦棒を撤去した。
   責任を持つ本ルールの border-left 宣言を削除する最小差分で行っており、
   border-left: none の広域指定・一括検索置換・末尾overrideは使用していない。
   背景 #f7f4ec・padding・金額・別途費用・文字サイズ・カード外装は維持している。 */
.hal-cc .hal-cc-m23card__price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	margin: 0 0 14px;
	padding: 14px 15px;
	background: #f7f4ec;
}

.hal-cc .hal-cc-m23card__amount {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--cc-black);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__expense {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.7;
	color: var(--cc-charcoal);
}

.hal-cc .hal-cc-m23card__spec {
	margin: 0 0 12px;
}

.hal-cc .hal-cc-m23card__specrow {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 10px;
	margin: 0 0 6px;
}

.hal-cc .hal-cc-m23card__dt {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.9;
	color: var(--cc-sumi);
	word-break: keep-all;
}

.hal-cc .hal-cc-m23card__dd {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.9;
	color: var(--cc-charcoal);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__var {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.95;
	color: var(--cc-charcoal);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__varttl {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: var(--cc-sumi);
}

.hal-cc .hal-cc-m23card__summary {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 44px;
	padding: 10px 12px;
	background: var(--hal-bg);
	/* TOPMinatoFix5 §7.2：左2pxの装飾縦棒を四辺均一1px hairline へ置換する。 */
	border: 1px solid var(--cc-rule);
	font-size: 14px;
	line-height: 1.7;
	color: var(--cc-black);
	cursor: pointer;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__summary:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: 2px;
}

.hal-cc .hal-cc-m23card__body {
	margin: 12px 0 0;
}

.hal-cc .hal-cc-m23card__row {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.95;
	color: var(--cc-charcoal);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	color: var(--cc-sumi);
	word-break: keep-all;
}

.hal-cc .hal-cc-m23card__links {
	margin: 14px 0 0;
}

.hal-cc .hal-cc-m23card__link {
	display: inline-block;
	box-sizing: border-box;
	min-height: 44px;
	padding: 11px 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--cc-black);
	text-decoration: underline;
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__link + .hal-cc-m23card__link {
	margin-top: 4px;
}

.hal-cc .hal-cc-m23card__link:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: 2px;
}

/* ---- CASE上部のCOST導線 ---- */
.hal-cc .hal-cc-m23__caselink {
	margin: 14px 0 0;
}

.hal-cc .hal-cc-m23__caselinka {
	display: inline-block;
	box-sizing: border-box;
	min-height: 44px;
	padding: 11px 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--cc-black);
	text-decoration: underline;
}

.hal-cc .hal-cc-m23__caselinka:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: 2px;
}

/* ---- 1024px以上：最大2列（§5.4） ---- */
@media (min-width: 1024px) {
	.hal-cc .hal-cc-m23__methodlist {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hal-cc .hal-cc-m23__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---- 動きの抑制（§11-11） ---- */
@media (prefers-reduced-motion: reduce) {
	.hal-cc .hal-cc-m23__cat {
		scroll-margin-top: 96px;
	}
}

/* ==========================================================================
   v1.0.56_..._OwnerFix4 §3：暗色ヒーロー（.hal-sub__hero の背景 var(--hal-ink)
   ＝#1b1813）上で読める色へ訂正した。OwnerFix3は明色背景前提の
   var(--hal-ink) / var(--hal-muted) を指定しており、実機で同化していた。
   使用色は §1-2 の既存トークン --cc-on-ink / --cc-on-ink-sub / --cc-on-ink-mut
   のみで、新色は追加していない。文章・順序・金額・改行単位は変更していない。
   --------------------------------------------------------------------------
   v1.0.56_..._OwnerFix3 §2.2：/cost/ FVの行動調査料金ブロック
   既存の row/label/value クラスは金額と説明が横並びの1行構造であり、
   「昼間・夜間の2行 ＋ 初回3時間 ＋ 他料金方式」を圧縮せず縦積みできないため、
   本ブロック専用の最小クラスを新設した。セレクタはすべて .hal-cc--cost 配下へ限定し、
   COSTカード・CASE・調査項目詳細8ページ・トップへは波及しない。
   新色リテラルは追加せず、既存トークンのみを使用する。
   ========================================================================== */
.hal-cc--cost .hal-cc-fee {
	margin-top: 18px;
}

.hal-cc--cost .hal-cc-fee__label {
	margin: 0 0 10px;
	font-family: var(--hal-serif);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .02em;
	color: var(--cc-on-ink);
	/* TOPMinatoFix5 §7.2：左3pxの装飾縦棒と、それに連動していた
	   padding-left: 10px を撤去する。強調はウェイトと余白で示す。 */
	border: 0;
	padding-left: 0;
}

.hal-cc--cost .hal-cc-fee__list {
	margin: 0 0 12px;
	padding: 0;
}

.hal-cc--cost .hal-cc-fee__row {
	margin: 0 0 8px;
}

.hal-cc--cost .hal-cc-fee__band {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--cc-on-ink-mut);
}

.hal-cc--cost .hal-cc-fee__unit {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.7;
	color: var(--cc-on-ink);
	/* 「1名1時間 7,000円（税込）」をMobileで途中分断しない */
	white-space: nowrap;
	word-break: keep-all;
}

.hal-cc--cost .hal-cc-fee__min,
.hal-cc--cost .hal-cc-fee__other {
	margin: 0 0 6px;
	font-size: 14px;
	line-height: 1.8;
	color: var(--cc-on-ink-sub);
	word-break: keep-all;
	overflow-wrap: anywhere;
}

@media (max-width: 767.98px) {
	.hal-cc--cost .hal-cc-fee__unit {
		font-size: 15px;
	}
}

/* ==========================================================================
   v1.0.56_..._OwnerFix4 §4.1・§5.2・§7.3
   価格ブロックの共通ラベル「調査料金（モデル条件）」と、
   浮気・不倫8モデルだけ価格と同じ常時表示領域へ置く別途費用ブロック。
   セレクタは .hal-cc 配下の 23モデルカードへ限定する。
   既存の背景 #f7f4ec・金の左罫線・padding・寸法は変更していない。
   新色リテラルは追加せず、既存トークンのみを使用する。
   ========================================================================== */
.hal-cc .hal-cc-m23card__pricelabel {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	color: var(--cc-sumi);
	word-break: keep-all;
}

.hal-cc .hal-cc-m23card__expblock {
	display: block;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var(--hal-line);
}

.hal-cc .hal-cc-m23card__explabel {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.8;
	color: var(--cc-sumi);
	word-break: keep-all;
}

.hal-cc .hal-cc-m23card__expitems {
	display: block;
	font-size: 13px;
	line-height: 1.9;
	color: var(--cc-charcoal);
	overflow-wrap: anywhere;
}

.hal-cc .hal-cc-m23card__expnote {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.9;
	color: var(--cc-charcoal);
	overflow-wrap: anywhere;
}

/* §7.3：詳細内の「別途費用（発生時のみ）」を太字にする。
   <strong> のため既定で 700 だが、既存ラベル指定（600）に合わせず明示する。 */
.hal-cc .hal-cc-m23card__label--strong {
	font-weight: 700;
}

.hal-cc .hal-cc-m23card__value--note {
	display: block;
	margin-top: 4px;
}

/* ==========================================================================
   v1.0.56_..._OwnerFix5 §10.1：浮気・不倫8モデルの料金ブロックをコンパクト化
   --------------------------------------------------------------------------
   OwnerFix4では、価格ブロック直下の別途費用3要素がそれぞれ独立した行間・余白を
   持っていたため、浮気カードだけが他モデルより大幅に高くなっていた。
   内容（調査料金ラベル・税込価格・太字別途費用・確定5項目・契約前見積り文）は
   1件も削らず、価格の視覚階層を最も強くしたうえで、重複していた上下margin・
   padding・gapだけを整理する。文字サイズの縮小による解決は行わない。
   ========================================================================== */
.hal-cc .hal-cc-m23card__price {
	/* 価格ブロック内の縦gapは pricelabel→amount の1回だけ効かせ、
	   別途費用ブロック側は自前のmargin-topで間隔を持つ。 */
	gap: 2px;
	padding: 12px 15px;
}

.hal-cc .hal-cc-m23card__pricelabel {
	line-height: 1.6;
}

.hal-cc .hal-cc-m23card__amount {
	/* 価格を最も強い視覚階層に保つ */
	line-height: 1.4;
}

.hal-cc .hal-cc-m23card__expblock {
	/* 別途費用の3要素を1つの補足ブロックとしてまとめる */
	margin-top: 10px;
	padding-top: 8px;
}

.hal-cc .hal-cc-m23card__explabel {
	line-height: 1.6;
}

.hal-cc .hal-cc-m23card__expitems {
	/* 日本語の可読性を維持できる下限に留める */
	line-height: 1.75;
}

.hal-cc .hal-cc-m23card__expnote {
	margin-top: 2px;
	line-height: 1.75;
}

/* ==========================================================================
   v1.0.56_..._OwnerFix5 §11：PCで詳細を開いたカードと1モデルカテゴリを全幅化
   --------------------------------------------------------------------------
   セレクタは .hal-cc .hal-cc-m23__grid 配下へ完全スコープする。
   グローバルな article／details セレクタは使用しない。
   JavaScriptへは依存せず、:has(details[open]) と :only-child で実現する。
   Tablet／Mobile（1023.98px以下）の1列表示は変更しない。
   DOM順・モデル順序・ID・リンク先は変更していない。
   ========================================================================== */
@media (min-width: 1024px) {
	/* 開いたカードはそのカードだけ2列分を使う */
	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:has(details[open]) {
		grid-column: 1 / -1;
	}

	/* 1モデルしかないカテゴリは閉じた状態から全幅 */
	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:only-child {
		grid-column: 1 / -1;
	}

	/* 全幅時は本文の行長を既存カード幅と整合する範囲へ制限する */
	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:has(details[open]) .hal-cc-m23card__body,
	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:only-child .hal-cc-m23card__body {
		max-width: 62em;
	}

	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:has(details[open]) .hal-cc-m23card__price,
	.hal-cc .hal-cc-m23__grid > .hal-cc-m23card:only-child .hal-cc-m23card__price {
		max-width: 40em;
	}
}

/* ==========================================================================
   v1.0.56_..._OwnerFix6 §6：/cost/ 23モデルカードの視覚品質を統一是正
   --------------------------------------------------------------------------
   左3px罫線＋20pxの箱＋小さい見出し／開閉文字という汎用カード表現を撤去し、
   編集的な外装原則（外周1pxのhairline・角丸0・影0）へ統一する。
   疑似要素による左縦棒の再現は行わない。
   カード幅とグリッド（複数カテゴリPC2列／1モデルカテゴリPC全幅／Mobile1列）は
   比較性を優先して維持し、var(--hal-prose) へ縮小しない。
   新色は追加せず、既存トークンのみを使用する。
   ========================================================================== */
.hal-cc .hal-cc-m23card {
	padding: 28px;
	background: var(--hal-bg-alt);
	/* TOPMinatoFix5 §12.3 VB-07：左辺だけ 0px で他辺と異なる状態を解消し、
	   四辺完全均一の1px hairline とする。 */
	border: 1px solid var(--hal-line-card);
	border-radius: 0;
	box-shadow: none;
}

.hal-cc .hal-cc-m23card::before,
.hal-cc .hal-cc-m23card::after {
	/* 左縦棒を疑似要素で再現しない */
	content: none;
}

.hal-cc .hal-cc-m23card__title {
	font-size: 18px;
	line-height: 1.65;
}

.hal-cc .hal-cc-m23card__label {
	font-size: 13px;
}

.hal-cc .hal-cc-m23card__value {
	font-size: 14px;
	line-height: 1.8;
}

.hal-cc .hal-cc-m23card__pricelabel {
	font-size: 13px;
}

/* §6.2：開閉UIを左罫線付きの内箱にしない */
.hal-cc .hal-cc-m23card__summary {
	min-height: 48px;
	padding: 14px 0;
	background: transparent;
	border: 0;
	border-top: 1px solid var(--hal-line-card);
	border-radius: 0;
	box-shadow: none;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.hal-cc .hal-cc-m23card__summary::before,
.hal-cc .hal-cc-m23card__summary::after {
	content: none;
}

.hal-cc .hal-cc-m23card__summary:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: none;
}

.hal-cc .hal-cc-m23card__details {
	margin-top: 18px;
}

.hal-cc .hal-cc-m23card__body {
	padding-top: 4px;
}

@media (max-width: 767.98px) {
	.hal-cc .hal-cc-m23card {
		padding: 20px;
	}

	.hal-cc .hal-cc-m23card__title {
		font-size: 17px;
	}
}

/* ==========================================================================
   TOPMinatoFix4 — /case-01/ の索引・見出し帯・中間CTA・開閉トリガー
   --------------------------------------------------------------------------
   本ブロックは §12.1「単独責任表」に基づく責任集約ブロックである。
   同じpropertyを担当していた旧ルールは、本Buildで削除または責任移管済みであり、
   ファイル末尾へ同詳細度のoverrideを積み増す方式は採っていない。

   使用する色は既存ブランドトークンだけである。
   新規 HEX／RGB／HSL／gradient／CSSカスタムプロパティは追加していない。
   新規 !important 0件。新規 100vw 0件。新規 負margin 0件。
   角丸・box-shadow は 0／なし。overflow による崩れ隠蔽は使用していない。
   セレクタはすべて `.hal-cc--case` 配下へ限定しており、`/cost/`・TOP・
   調査項目詳細8ページ・`/guide/`・共通ヘッダー・フッター・固定CTAへは適用されない。
   ========================================================================== */
/* --------------------------------------------------------------------------
   TOPMinatoFix5 §5・§6 CASE「状況から選ぶ」選択導線
   --------------------------------------------------------------------------
   情報階層：H2「状況から選ぶ」は通常見出し（外枠・背景ボックス・＋／−なし）。
   実際の選択肢である 01・02・03 を3つの独立ボックスとし、個別に開閉する。
   親 details・親アコーディオン・9モデルを包む大枠はいずれも持たない。

   装飾左縦棒は使用しない。ボックスは四辺均一1px hairline・角丸0・影なし。
   階層は文字サイズ・余白・背景差・均一hairlineだけで示す。
   PC／Mobileで同一DOMを使い、CSSでのみ列数と初期開閉を切り替える。
   -------------------------------------------------------------------------- */
.hal-cc--case .hal-cc-index {
	margin: 26px 0 0;
	padding: 0;
	background: transparent;
	border: 0;
}

/* H2「状況から選ぶ」：通常のセクション見出し。操作要素にしない。 */
.hal-cc--case .hal-cc-index__title {
	margin: 0 0 16px;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-family: var(--hal-serif);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.04em;
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-index__groups {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

/* 01・02・03：3つの独立ボックス。四辺均一1px。 */
.hal-cc--case .hal-cc-index__group {
	box-sizing: border-box;
	min-width: 0;
	background: var(--hal-on-ink);
	border: 1px solid var(--hal-line-card);
	border-radius: 0;
	box-shadow: none;
}

.hal-cc--case .hal-cc-index__groupheading {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.hal-cc--case .hal-cc-index__groupbtn {
	display: flex;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	min-height: 60px;
	padding: 14px 16px;
	background: var(--hal-bg-box);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	text-align: left;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.hal-cc--case .hal-cc-index__groupbtn:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: -2px;
}

/* 番号は補助、分類名が主役。色ではなく文字階層で識別させる。 */
.hal-cc--case .hal-cc-index__groupno {
	flex: 0 0 auto;
	font-family: var(--hal-mono);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: var(--hal-sumi);
}

.hal-cc--case .hal-cc-index__groupname {
	flex: 1 1 auto;
	min-width: 0;
	font-family: var(--hal-serif);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--hal-ink);
	overflow-wrap: anywhere;
}

/* ＋／− は各分類の右端だけに置く。機能アイコンを構成する短線であり装飾縦棒ではない。 */
.hal-cc--case .hal-cc-index__mark {
	position: relative;
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}

.hal-cc--case .hal-cc-index__mark::before,
.hal-cc--case .hal-cc-index__mark::after {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 14px;
	border-top: 1px solid var(--hal-gold-deep);
}

.hal-cc--case .hal-cc-index__mark::after {
	transform: rotate(90deg);
	transition: transform 240ms ease;
}

.hal-cc--case .hal-cc-index__group[data-open="true"] .hal-cc-index__mark::after {
	transform: rotate(0deg);
}

/* Raw HTML（JavaScript無効時）ではpanelを表示する。 */
.hal-cc--case .hal-cc-index__panel {
	border-top: 1px solid var(--hal-line-card);
}

.hal-cc--case .hal-cc-index__group[data-open="false"] .hal-cc-index__panel {
	display: none;
}

.hal-cc--case .hal-cc-index__list {
	margin: 0;
	padding: 0 16px;
	list-style: none;
	display: block;
}

.hal-cc--case .hal-cc-index__item + .hal-cc-index__item {
	border-top: 1px solid var(--hal-bg-alt);
}

/* リンクは全面タップ可能。上下hairlineで区切る。 */
.hal-cc--case .hal-cc-index__link {
	display: flex;
	align-items: baseline;
	gap: 10px;
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 13px 0;
	border: 0;
	font-family: var(--hal-sans);
	font-size: 15px;
	line-height: 1.6;
	color: var(--hal-sumi);
	text-decoration: none;
}

.hal-cc--case .hal-cc-index__link:hover {
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-index__link:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: -2px;
}

.hal-cc--case .hal-cc-index__id {
	flex: 0 0 auto;
	font-family: var(--hal-mono);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--hal-gold-deep);
}

/* ID幅を固定し、320pxで 03-B／03-C のモデル名が自然に折り返す。 */
.hal-cc--case .hal-cc-index__name {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* 1024px以上：3列。Stage5ChuoFix7 F7-15 により初期全閉・親開閉操作を全幅で有効にする。 */
@media (min-width: 1024px) {
	.hal-cc--case .hal-cc-index__title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.hal-cc--case .hal-cc-index__groups {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		align-items: start;
	}

	/* 高さを強制一致させない。内容に従う。 */
	.hal-cc--case .hal-cc-index__group {
		align-self: start;
	}

	/* Stage5ChuoFix7 F7-15：1024px以上での強制展開を撤去する。
	   これを残すと data-open="false" でもpanelが表示され、PCで初期全閉にできない。
	   開閉記号とcursorも復帰させ、全幅で開閉操作の手掛かりを与える。 */
}

@media (prefers-reduced-motion: reduce) {
	.hal-cc--case .hal-cc-index__mark::after {
		transition: none;
	}
}



/* --------------------------------------------------------------------------
   §6-2 アンカー移動時に固定ヘッダーへ隠れないようにする
   9モデル本文の見出し要素へ1系統だけ scroll-margin-top を与える。
   -------------------------------------------------------------------------- */
.hal-cc--case .hal-cc-model {
	scroll-margin-top: 96px;
}

@media (max-width: 767.98px) {
	.hal-cc--case .hal-cc-model {
		scroll-margin-top: 80px;
	}
}

/* --------------------------------------------------------------------------
   §7 「問題解決のカルテ01／02／03」見出し帯（全viewport共通・単独責任）
   黒面（var(--hal-ink)）を撤去し、明色の既存ブランド紙面へ変更する。
   フッターと誤認される黒帯の連続を解消する。左縦棒は追加しない。
   -------------------------------------------------------------------------- */
.hal-cc--case .hal-cc-kartehead {
	background: var(--hal-bg-box);
	border-top: 1px solid var(--hal-gold);
	border-bottom: 1px solid var(--hal-gold);
	/* 左右とも0。上下だけの水平線構成であり、左辺だけの装飾縦棒ではない。 */
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	box-shadow: none;
}

.hal-cc--case .hal-cc-kartehead__no {
	color: var(--hal-sumi);
}

.hal-cc--case .hal-cc-kartehead__name {
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-kartehead__lead {
	max-width: 720px;
	color: var(--hal-sumi);
}

/* Mobileでも見出し帯の版面左右padding（約20px相当）を確保する。 */
@media (max-width: 767.98px) {
	.hal-cc-js .hal-cc--case .hal-cc-kartehead .hal-container {
		padding-inline: var(--hal-pad);
	}
}

/* --------------------------------------------------------------------------
   §8 CASE中間CTA（カルテ末尾3件・削除も増設もしない）
   黒面と白枠・白文字・白半透明hoverを撤去し、明色の既存ブランド紙面にする。
   primaryは既存のゴールド塗り＋墨文字を維持する。
   -------------------------------------------------------------------------- */
.hal-cc--case .hal-cc-cta {
	background: var(--hal-bg-box);
	border-top: 1px solid var(--hal-gold);
	border-bottom: 1px solid var(--hal-gold);
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-cta .hal-container {
	max-width: 720px;
}

.hal-cc--case .hal-cc-cta__label {
	color: var(--hal-sumi);
	opacity: 1;
}

.hal-cc--case .hal-cc-cta__lead {
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-cta__note,
.hal-cc--case .hal-cc-cta__info,
.hal-cc--case .hal-cc-cta__venue,
.hal-cc--case .hal-cc-cta__primarysub {
	color: var(--hal-sumi);
	opacity: 1;
}

/* 注記は中央揃えを維持したまま自然に折り返す。 */
.hal-cc--case .hal-cc-cta__note {
	overflow-wrap: anywhere;
	white-space: normal;
}

.hal-cc--case .hal-cc-cta__btn {
	border-color: var(--hal-sumi);
	color: var(--hal-sumi);
	border-radius: 0;
	box-shadow: none;
}

.hal-cc--case .hal-cc-cta__btn--primary {
	background: var(--hal-gold);
	border-color: var(--hal-gold);
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-cta__btn--primary:hover {
	background: var(--hal-gold-hover);
	border-color: var(--hal-gold-hover);
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-cta__buttons .hal-cc-cta__btn {
	background: transparent;
	border-color: var(--hal-sumi);
	color: var(--hal-sumi);
}

.hal-cc--case .hal-cc-cta__buttons .hal-cc-cta__btn:hover {
	background: var(--hal-bg-alt);
	border-color: var(--hal-sumi);
	color: var(--hal-ink);
}

.hal-cc--case .hal-cc-cta__btn:focus-visible {
	outline: 2px solid var(--hal-gold-deep);
	outline-offset: 3px;
}

/* CTA直後の次カルテ説明文も画面端へ張り付かせない。 */
@media (max-width: 767.98px) {
	.hal-cc--case .hal-cc-cta .hal-container {
		padding-inline: var(--hal-pad);
	}
}

/* --------------------------------------------------------------------------
   §9 Mobile「調査の進み方を読む」開閉トリガー（単独責任）
   黒面（var(--hal-ink) / var(--hal-sumi)）を撤去し、明色の既存ブランド配色にする。
   左3px縦棒は使わず、均一1pxの枠にする。
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
	.hal-cc-js .hal-cc--case .hal-cc-model__toggle {
		min-height: 56px;
		background: var(--hal-on-ink);
		border: 1px solid var(--hal-gold-deep);
		border-radius: 0;
		box-shadow: none;
	}

	.hal-cc-js .hal-cc--case .hal-cc-model[data-open="true"] .hal-cc-model__toggle {
		background: var(--hal-bg-box);
		border: 1px solid var(--hal-gold-deep);
	}

	.hal-cc-js .hal-cc--case .hal-cc-model__togglelabel {
		color: var(--hal-ink);
	}

	.hal-cc-js .hal-cc--case .hal-cc-model__toggleicon::before,
	.hal-cc-js .hal-cc--case .hal-cc-model__toggleicon::after {
		border-top-color: var(--hal-gold-deep);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hal-cc--case .hal-cc-index__mark::after {
		transition: none;
	}
}


/* ==========================================================================
   Stage5ChuoFix7-R1 §2 — 初期state制御のみ（表示意匠の変更ではない）
   JS-capability flag が付いている＝JavaScript有効時だけ、初期化完了（ready）までの間
   開閉panelを非表示にする。これにより最初の可視描画から closed になり、
   初期open flash と layout shift が発生しない。
   JavaScript無効時は flag が付かないため本ルールは一切作用せず、全本文へ到達できる。
   色・余白・罫線・書体・カード意匠・DOM階層・copy はいずれも変更していない。
   ========================================================================== */
/* COST 分類 panel ／ CASE モデル panel ／ CASE 索引 panel。
   グループ内CTAは既存の [data-open="false"] ルールと同一スコープに合わせる。
   ページ末尾の最終CTAは対象外（初期表示から可視のまま変えない）。 */
.hal-cc-js .hal-cc:not([data-hal-cc-ready]) .hal-cc-group__panel,
.hal-cc-js .hal-cc:not([data-hal-cc-ready]) .hal-cc-group .hal-cc-cta,
.hal-cc-js .hal-cc:not([data-hal-cc-ready]) .hal-cc-model__panel,
.hal-cc-js .hal-cc:not([data-hal-cc-ready]) .hal-cc-index__panel {
	display: none;
}