/*
 * 下層専用（.p-sub-*）。サービスの固定ページと、同じ骨組みを使う一覧・詳細・404・検索・お問い合わせ・プライバシーポリシー・段 F の 11 ページ（anhome_is_service_page() / anhome_is_post_page() / anhome_is_contact_page() / inc/pages.php の登録表・anhome_static_page()）のときだけ読む（設計書 §9・§13・§14・§15）。条件の正は inc/assets.php。
 * 値は 00-tokens.css の --sub-*（XD の実測。縦の余白は XD のベースラインの間隔から CSS の行の箱の余りを引いた値）。
 * SP が基本、768px 以上で PC の文字と余白。左にカテゴリボックスのサイドバー・本文 710 の 2 カラムは 1024px 以上（1024 未満は本文の下・20-layout.css の .l-sub）。ページごとの XD の不揃いは .p-sub--{スラッグ} がトークンを差し替える。
 */
@layer pages {
	/* ---------- 下層共通 ---------- */
	/*
	 * 字間 0（XD の下層は字間の指定が無い。ページ名だけ .05em）。10-base の :where が文字を持つ要素に置く字間（--ls-text・既定 .05em）を下層の中だけ 0 にする。
	 * 要素の並びは 10-base の 1 か所だけが持つ。部品が自分で書いた字間は components レイヤーなので base より勝つ
	 */
	.p-sub {
		--ls-text: var(--ls-none);
		padding-bottom: var(--sub-pb);
		color: var(--c-ink);
	}

	/*
	 * ---------- ページヒーロー: 写真＋黒 50%・ページ名（h1 か p）・英字 ----------
	 * 高さは最小値（設計書 §13-1）。ページ名が 2 行になる一覧・404 でも英字が切れない。1 行のページは中身（SP 133・PC 243）が高さより低いので見た目は変わらない
	 */
	.p-sub-hero {
		position: relative;
		isolation: isolate;
		display: grid;
		align-content: start;
		justify-items: center;
		min-height: var(--sub-hero-h);
		padding: var(--sub-hero-pt) var(--gutter) var(--sp-5);
		overflow: hidden;
		color: var(--c-white);
		text-align: center;
	}

	.p-sub-hero__img {
		position: absolute;
		inset: 0;
		z-index: var(--z-behind);
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* 写真の上の黒（写真より後ろの疑似要素なので写真の上に重なる） */
	.p-sub-hero::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: var(--z-behind);
		background: var(--c-overlay-dark);
	}

	/*
	 * 字間 .05em（XD）。最後の字の後ろにも付くので同じ幅を左に足して中央を揃える。
	 * 折り返しは 10-base の見出しの既定と同じ値を書く（詳細・カテゴリー別・検索はこの要素が p になり見出しの既定が効かない。h1 のページと同じ折れ方にする）
	 */
	.p-sub-hero__title {
		padding-inline-start: var(--ls-base);
		font-size: var(--fs-sub-title);
		font-weight: 700;
		line-height: var(--lh-tight);
		letter-spacing: var(--ls-base);
		text-wrap: balance;
		word-break: auto-phrase;
	}

	.p-sub-hero__en {
		margin-top: var(--sub-hero-en-gap);
		font-family: var(--font-display);
		font-size: var(--fs-sub-en);
		line-height: var(--lh-tight);
		opacity: var(--op-sub-en);
	}

	/* ---------- パンくず・本文の枠 ---------- */
	.p-sub-crumbs {
		margin-top: var(--sub-crumbs-mt);
	}

	.p-sub__body {
		margin-top: var(--sub-main-pt);
	}

	/* ---------- リード（中央揃えの見出し＋本文） ---------- */
	.p-sub-lead {
		margin-bottom: var(--sub-lead-mb);
		text-align: center;
	}

	.p-sub-lead__title {
		color: var(--c-primary);
		font-size: var(--fs-sub-h2);
		font-weight: 700;
		line-height: var(--lh-sub-h2);
	}

	/* XD のあるサービス 6 ページの見出しは黒の地に一部だけ緑（緑の範囲は .p-sub-em・2026-09-28 先方修正指示） */
	.p-sub-lead--ink .p-sub-lead__title {
		color: var(--c-ink);
	}

	/* XD の改行（<br>）の間が 1 行に収まらない幅（本文の列が 710 未満＝SP・768〜789・1024〜1079）は文節の切れ目で折る（「ありま / せん。」のような 1〜3 字の行を作らない） */
	.p-sub-lead__text {
		margin-top: var(--sub-lead-gap);
		font-size: var(--fs-sub-lead);
		font-weight: 500;
		line-height: var(--lh-sub-lead);
		word-break: auto-phrase;
	}

	/*
	 * 注文住宅は SP の XD があり、XD は語の途中で折っている（文節で折ると XD より 1 行増える）ので SP だけ通常の折り返しに戻す。
	 * PC（本文の列が 710 未満の 768〜789・1024〜1079 は折り返す）は他のページと同じ文節の折り返し（「すが、」のような短い行を作らない）
	 */
	@media (max-width: 767px) {
		.p-sub--custom-home .p-sub-lead__text {
			word-break: normal;
		}
	}

	/* ---------- 副題と本文の文字（特集・新築のサービス・鉄骨 2 種・引き渡し後の枠で共通。間隔と色は各部品） ---------- */
	/* 副題: XD sans 500 20/30（SP 18） */
	.p-sub-feature__sub,
	.p-sub-service__sub,
	.p-sub-structure__title,
	.p-sub-care__title {
		font-size: var(--fs-feature-sub);
		font-weight: 500;
		line-height: var(--lh-feature-sub);
	}

	/* 本文: XD sans 300 16/30（引き渡し後の枠だけ 500。.p-sub-care__text で上書き） */
	.p-sub-feature__text,
	.p-sub-service__text,
	.p-sub-structure__text,
	.p-sub-care__text {
		font-size: var(--fs-body);
		font-weight: 300;
		line-height: var(--lh-body);
	}

	/* ---------- 特集: 写真（上 2 隅が大きな角丸）に番号と英字を重ね、h3・副題と本文の組を続ける ---------- */
	/* 英字の大きさを本文の列の幅（100cqi）から出すので、特集を幅の基準にする */
	.p-sub-feature {
		container-type: inline-size;
	}

	.p-sub-feature + .p-sub-feature {
		margin-top: var(--sub-feature-gap);
	}

	/* 写真・番号・英字を同じマスに重ねる。マスの高さは写真で決まる */
	.p-sub-feature__visual {
		display: grid;
	}

	.p-sub-feature__img,
	.p-sub-feature__num,
	.p-sub-feature__en {
		grid-area: 1 / 1;
	}

	.p-sub-feature__img {
		width: 100%;
		aspect-ratio: var(--sub-feature-ratio); /* XD: PC 710×300・SP 335×160 */
		border-radius: var(--r-feature) var(--r-feature) 0 0;
		object-fit: cover;
	}

	.p-sub-feature__num {
		align-self: start;
		justify-self: start;
		margin-top: var(--sub-feature-num-y);
		color: var(--c-primary);
		font-family: var(--font-display);
		font-size: var(--fs-num);
		line-height: var(--lh-none);
	}

	/*
	 * 英字は下の行のベースラインを写真の下端 + --sub-feature-en-y に置く（2 行になっても上へ伸び、h3 の位置は変わらない）。
	 * 下の余白を「ベースラインの位置 + 行の箱のベースラインより下の余り（行送り / 2 − .3em・Bebas Neue の ascent .9 − descent .3 = .6）」だけ負にして、
	 * マスの高さを写真のままにする（はみ出した分は h3 の上の余白で受ける）
	 */
	.p-sub-feature__en {
		align-self: end;
		margin-bottom: calc(var(--sub-feature-en-y) * -1 - (var(--lh-feature-en) - .6) * .5em);
		color: var(--c-primary);
		font-family: var(--font-display);
		font-size: min(var(--fs-feature-en), 100cqi * 96 / 710); /* XD: 列 710 に 96。列が 710 未満の 768〜789・1024〜1079 は比で縮める（SP 335 では 45 のまま） */
		line-height: var(--lh-feature-en);
		opacity: var(--op-feature-en);
	}

	.p-sub-feature__title {
		margin-top: var(--sub-feature-title-mt);
		color: var(--c-primary);
		font-size: var(--fs-feature-h3);
		font-weight: 700;
		line-height: var(--lh-heading);
		text-shadow: var(--sub-feature-title-shadow); /* XD: 白い縁取り（薄い英字に重なる部分を読ませる） */
	}

	/* 英字の無い特集（スマートハウス） */
	.p-sub-feature--plain .p-sub-feature__title {
		margin-top: var(--sub-feature-title-mt-plain);
	}

	/* 丸いアイコン付きの h3（スマートハウス）。丸と文字の縦の中心を揃える */
	.p-sub-feature__title--icon {
		display: flex;
		align-items: center;
		gap: var(--sub-feature-icon-gap);
	}

	.p-sub-feature__icon {
		flex: none;
		width: var(--sub-feature-icon);
		border-radius: var(--r-pill);
		background: var(--c-primary);
		color: var(--c-white);
	}

	.p-sub-feature__icon svg {
		width: 100%;
	}

	.p-sub-feature__items {
		margin-top: var(--sub-feature-sub-gap);
	}

	/* 副題と本文の組が 2 つ以上なら緑の罫線で区切る */
	.p-sub-feature__item + .p-sub-feature__item {
		margin-top: var(--sub-feature-rule-mt);
		padding-top: var(--sub-feature-rule-pt);
		border-top: var(--bw) solid var(--c-primary);
	}

	.p-sub-feature__text {
		margin-top: var(--sub-feature-body-gap);
	}

	/* ---------- 3 点の写真と説明（スマートハウス・リフォーム。SP も 3 列） ---------- */
	.p-sub-points {
		gap: var(--sub-points-gap);
		margin-top: var(--sub-points-mt);
	}

	.p-sub-points__img {
		width: 100%;
		aspect-ratio: 220 / 188; /* XD: 220×188 */
		border-radius: var(--r-card-img);
		object-fit: cover;
	}

	.p-sub-points__caption {
		margin-top: var(--sub-points-caption-gap);
		font-size: var(--fs-sub-point);
		font-weight: 500;
		line-height: var(--lh-sub-point);
		text-align: center;
		word-break: auto-phrase;
	}

	/* ---------- 不動産への帯（注文住宅だけ）: 帯全体が 1 つのリンク。本文の列が 700 以上なら文言の右にピル、狭いときは縦に積む ---------- */
	.p-sub-band {
		display: block;
		margin-top: var(--sub-band-mt);
		background: var(--c-primary);
		color: var(--c-white);
		font-weight: 700;
		line-height: var(--lh-tight);
		text-align: center;
		container-type: inline-size;
		transition: background-color var(--dur-fast);
	}

	.p-sub-band__inner {
		display: grid;
		justify-items: center;
		padding: var(--sub-band-pt) var(--sub-band-pr) var(--sub-band-pb) var(--sub-band-pl);
	}

	/* 小と大の文言は、狭い帯でも 1 行に収まる大きさまで縮める（100cqi は帯の幅） */
	.p-sub-band__small {
		font-size: min(var(--fs-band-small), (100cqi - var(--sub-band-pl) - var(--sub-band-pr)) / var(--sub-band-small-em));
	}

	.p-sub-band__title {
		margin-top: var(--sub-band-title-gap);
		font-size: min(var(--fs-band-title), (100cqi - var(--sub-band-pl) - var(--sub-band-pr)) / var(--sub-band-title-em));
	}

	.p-sub-band__button {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end; /* XD: 文字は右揃え（山形の手前に右端を置く） */
		gap: var(--sub-band-btn-icon-gap);
		min-width: var(--sub-band-btn-w);
		min-height: var(--sub-band-btn-h);
		margin-top: var(--sub-band-btn-gap);
		padding: 0 var(--sub-band-btn-pr) 0 var(--sub-band-btn-pl);
		border-radius: var(--r-pill);
		background: var(--c-white);
		color: var(--c-primary);
		font-size: var(--fs-band-btn);
	}

	.p-sub-band__chevron {
		flex: none;
		width: var(--sub-band-chevron);
		overflow: visible; /* 太い線の先端が SVG の枠で切れないように */
	}

	.p-sub-band__chevron path {
		vector-effect: non-scaling-stroke;
		stroke-width: var(--sub-band-chevron-stroke);
	}

	/* XD PC: 小と大の文言を左の列の中央に、ピルを大の行の右に置く（ピルの下端は大の行の箱の下端の 3 上） */
	@container (min-width: 700px) {
		.p-sub-band__inner {
			grid-template-columns: minmax(0, 1fr) auto;
			grid-template-areas:
				"small ."
				"title button";
		}

		.p-sub-band__small {
			grid-area: small;
		}

		.p-sub-band__title {
			grid-area: title;
		}

		.p-sub-band__button {
			grid-area: button;
			align-self: end;
			margin: 0 0 var(--sp-1);
		}
	}

	@media (hover: hover) {
		.p-sub-band:hover {
			background: var(--c-primary-hover);
		}
	}

	/* ---------- 見出し＋右の罫線（木まじめブログ・施工事例） ---------- */
	.p-sub-heading {
		display: flex;
		align-items: center;
		gap: var(--sub-heading-rule-gap);
		color: var(--c-primary);
		font-size: var(--fs-blog-h2);
		font-weight: 700;
		line-height: var(--lh-tight);
	}

	.p-sub-heading::after {
		content: "";
		flex: 1;
		height: var(--bw);
		background: currentColor;
	}

	/* ---------- 「もっと見る」「詳しく見る」: 文字＋枠線のピルの中に矢印 ---------- */
	.p-sub-more {
		display: inline-flex;
		align-items: center;
		gap: var(--sub-more-gap);
		color: var(--c-primary);
		font-size: var(--fs-more);
		font-weight: 500;
		line-height: var(--lh-tight);
	}

	.p-sub-more__arrow {
		display: grid;
		place-items: center;
		width: var(--sub-more-w);
		height: var(--sub-more-h);
		border: var(--bw) solid var(--c-primary);
		border-radius: var(--r-pill);
		transition: background-color var(--dur-fast), color var(--dur-fast);
	}

	.p-sub-more__icon {
		width: var(--sub-more-arrow-w);
		overflow: visible;
	}

	.p-sub-more__icon path {
		stroke-width: var(--bw); /* XD: 線 1（SVG は 2 で書き出してある） */
	}

	/*
	 * ---------- 強調（2026-09-28 先方修正指示）: 範囲を span か strong で囲み、色（と大きさ）だけ変える ----------
	 * 太さは囲んだ要素のまま（strong は 10-base の 700・span は親の太さ）。緑: XD の「一部だけ緑」の文字（サービス 6 ページのリード・スマートハウスの副題）と段 F の本文の緑の強調。
	 * 赤: 段 F の現行サイトの赤の強調（想いのキャッチ・家づくりのポイント）。大きさ: 家づくりのポイントの本文より大きい強調（現行サイトの実測と先方の指示）
	 */
	.p-sub-em {
		color: var(--c-primary);
	}

	.p-sub-em--red {
		color: var(--c-red);
	}

	.p-sub-em--md {
		font-size: var(--fs-sub-em-md);
	}

	.p-sub-em--lg {
		font-size: var(--fs-sub-em-lg);
	}

	/* ---------- 木まじめブログ（カテゴリーの 3 件）: SP は 2 枚目を中央にしたカルーセル（矢印なし＝XD）/ PC は 3 列 ---------- */
	.p-sub-blog {
		margin-top: var(--sub-blog-mt);
	}

	.p-sub-blog__carousel {
		--carousel-item-w: var(--sub-blog-card-w);
		--carousel-gap: var(--sub-blog-card-gap);
		--carousel-grid-gap: var(--sub-blog-card-gap); /* PC の 3 列の間隔（XD: x=490 / 732 / 974 → 20） */
		margin: var(--sub-blog-list-gap) calc(var(--gutter) * -1) 0; /* SP は画面の端まで広げ、左右のカードをはみ出させる */
	}

	.p-sub-blog__more {
		display: flex;
		justify-content: flex-end;
		margin-top: var(--sub-blog-more-gap);
	}

	/* 記事が 1 件も無いとき（ブログ・非住宅の施工事例） */
	.p-sub-blog__empty,
	.p-sub-works__empty {
		margin-top: var(--sub-blog-list-gap);
		font-size: var(--fs-sub-lead);
		font-weight: 500;
		text-align: center;
	}

	/* ---------- カテゴリボックス（1024 未満は本文の後・1024 以上は左のサイドバー）: 緑の角丸の中にロゴ・2 群のリンク・LINE ---------- */
	.p-sub-category {
		--c-focus: var(--c-white); /* 緑の面の上なのでフォーカスリングは白 */
		margin-top: var(--sub-category-mt);
		padding: var(--sub-category-pt) var(--sub-category-px) var(--sub-category-pb);
		border-radius: var(--r-xl);
		background: var(--c-primary);
		color: var(--c-white);
		font-size: var(--fs-cat-item);
		font-weight: 500;
		line-height: var(--lh-tight);
	}

	.p-sub-category__logo {
		width: var(--sub-category-logo-w);
		margin-inline: auto;
	}

	.p-sub-category__en {
		margin-top: var(--sub-category-en-gap);
		font-family: var(--font-display);
		font-size: var(--fs-cat-en);
		opacity: var(--op-cat-en);
		text-align: center;
	}

	/* 群の名前（白いピル） */
	.p-sub-category__group {
		display: grid;
		place-items: center;
		min-height: var(--sub-category-pill-h);
		margin-top: var(--sub-category-group-gap);
		padding-inline: var(--sp-2);
		border-radius: var(--r-pill);
		background: var(--c-white);
		color: var(--c-primary);
		font-size: var(--fs-cat-group);
	}

	.p-sub-category__list + .p-sub-category__group {
		margin-top: var(--sub-category-section-gap);
	}

	.p-sub-category__list {
		margin-top: var(--sub-category-list-gap);
	}

	/* 1 項目の行（高さ 48＋下の罫線 1）。リンクは右端に山形 */
	.p-sub-category__row {
		position: relative;
		display: flex;
		align-items: center;
		min-height: calc(var(--sub-category-row-h) + var(--bw));
		padding: var(--sp-1) calc(var(--sub-category-chevron-r) + var(--sub-category-chevron) + var(--sp-2)) var(--sp-1) var(--sub-category-row-pl);
		border-bottom: var(--bw) solid var(--c-rule-white);
	}

	/* 新築の子項目: 「- 」を前に付けて少し右へ */
	.p-sub-category__row--child {
		padding-left: var(--sub-category-child-pl);
	}

	.p-sub-category__row--child::before {
		content: "-\00a0";
	}

	.p-sub-category__chevron {
		position: absolute;
		top: 50%;
		right: var(--sub-category-chevron-r);
		width: var(--sub-category-chevron);
		overflow: visible;
		transform: translateY(-50%);
	}

	.p-sub-category__chevron path {
		vector-effect: non-scaling-stroke;
	}

	.p-sub-category__line {
		display: block;
		width: fit-content;
		margin: var(--sub-category-badge-gap) auto 0;
	}

	@media (hover: hover) {
		.p-sub-more:hover .p-sub-more__arrow {
			background: var(--c-primary);
			color: var(--c-white);
		}

		.p-sub-category__row:is(a):hover,
		.p-sub-service:hover .p-sub-service__title {
			text-decoration: underline;
			text-decoration-thickness: var(--bw);
			text-underline-offset: var(--underline-offset);
		}
	}

	/*
	 * ---------- 新築: 2 つのサービス（写真＋見出し・副題・本文・詳しく見る）。カード全体が 1 つのリンク ----------
	 * 本文の列が 600 以上なら XD どおり写真 320＋文 364 の横並び、狭いとき（画面 640 未満）は縦に積む（細い列では見出しが「スマートハウ / ス」と折れるため）
	 */
	.p-sub-services {
		container-type: inline-size;
	}

	.p-sub-service {
		display: grid;
		row-gap: var(--sub-service-stack-gap);
	}

	.p-sub-service + .p-sub-service {
		margin-top: var(--sub-service-gap);
	}

	.p-sub-service__img {
		width: 100%;
		aspect-ratio: 1; /* XD: 320×320 */
		border-radius: var(--r-lg);
		object-fit: cover;
	}

	.p-sub-service__body {
		display: flex;
		flex-direction: column;
	}

	.p-sub-service__title {
		color: var(--c-primary);
		font-size: var(--fs-blog-h2);
		font-weight: 700;
		line-height: var(--lh-heading);
	}

	.p-sub-service__sub {
		margin-top: var(--sub-service-sub-gap);
	}

	.p-sub-service__text {
		margin-top: var(--sub-feature-body-gap);
	}

	/* 詳しく見るは列の下端（PC は写真の下端）に右寄せ */
	.p-sub-service__more {
		align-self: flex-end;
		margin-top: auto;
		padding-top: var(--sub-service-more-mt);
	}

	@container (min-width: 600px) {
		.p-sub-service {
			grid-template-columns: minmax(0, 320fr) minmax(0, 364fr); /* XD: 写真 320＋文 364 */
			column-gap: var(--sub-service-col-gap);
		}

		.p-sub-service__title {
			margin-top: var(--sub-service-title-mt);
		}
	}

	/* ---------- 非住宅: 鉄骨 2 種・引き渡し後の枠・施工事例 6 枚（カードは 32-ui.css の c-card-works-sub） ---------- */
	.p-sub-structure {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, var(--sub-structure-w)));
		justify-content: center;
		row-gap: var(--post-row-gap); /* 2 行以上（段 F のお客様との10の約束）の行の間。非住宅は 1 行なので効かない */
		column-gap: var(--sub-structure-gap);
		margin-top: var(--sub-structure-mt);
	}

	.p-sub-structure__img {
		width: 100%;
		aspect-ratio: 1; /* XD: 256×256 */
		object-fit: cover;
	}

	.p-sub-structure__title {
		margin-top: var(--sub-structure-title-gap);
		text-align: center;
	}

	.p-sub-structure__text {
		margin-top: var(--sub-structure-text-gap);
	}

	.p-sub-care {
		margin-top: var(--sub-care-mt);
		padding: var(--sub-care-pt) var(--sub-care-pr) var(--sub-care-pb) var(--sub-care-pl);
		border-radius: var(--r-md);
		background: var(--c-primary-pale);
	}

	.p-sub-care__title {
		display: flex;
		align-items: center;
		gap: var(--sub-care-icon-gap);
		color: var(--c-primary);
	}

	.p-sub-care__icon {
		flex: none;
		width: var(--sub-care-icon);
	}

	.p-sub-care__text {
		margin-top: var(--sub-care-body-gap);
		font-weight: 500;
	}

	.p-sub-works {
		margin-top: var(--sub-works-mt);
	}

	.p-sub-works__list {
		gap: var(--sub-works-row-gap) var(--sub-works-col-gap);
		margin-top: var(--sub-blog-list-gap);
	}

	/* ================= PC ================= */
	@media (min-width: 768px) {
		/* ページごとの XD の不揃い（00-tokens.css の「ページごとの差」） */
		.p-sub--custom-home {
			--sub-feature-en-y: var(--sub-custom-feature-en-y);
			--sub-feature-sub-gap: var(--sub-custom-feature-sub-gap);
			--sub-feature-gap: var(--sub-custom-feature-gap);
			--sub-blog-mt: var(--sub-custom-blog-mt);
		}

		.p-sub--new-construction {
			--sub-main-pt: var(--sub-newc-main-pt);
			--sub-blog-mt: var(--sub-newc-blog-mt);
			--sub-blog-list-gap: var(--sub-newc-blog-list-gap);
			--sub-blog-more-gap: var(--sub-newc-blog-more-gap);
		}

		.p-sub--smart-house {
			--sub-feature-sub-gap: var(--sub-smart-feature-sub-gap);
			--sub-blog-list-gap: var(--sub-newc-blog-list-gap);
		}

		/* スマートハウスの 2 つ目の特集だけ h3 → 副題が 1 つ目より 18 広い（XD） */
		.p-sub--smart-house .p-sub-feature + .p-sub-feature {
			--sub-feature-sub-gap: var(--sub-smart-feature2-sub-gap);
		}

		.p-sub--renovation {
			--sub-lead-mb: var(--sub-reno-lead-mb);
			--sub-blog-mt: var(--sub-reno-blog-mt);
		}

		.p-sub--remodeling {
			--sub-lead-gap: var(--sub-remo-lead-gap);
			--sub-feature-gap: var(--sub-remo-feature-gap);
			--sub-points-mt: var(--sub-remo-points-mt);
		}

		.p-sub--non-residential {
			--sub-lead-mb: var(--sub-nonres-lead-mb);
			--sub-blog-mt: var(--sub-nonres-blog-mt);
		}

		.p-sub--real-estate {
			--sub-feature-gap: var(--sub-real-feature-gap);
			--sub-blog-mt: var(--sub-real-blog-mt);
		}

		/* ブログ: カルーセルをやめて 3 列（33-slider.css の c-carousel--grid-pc）。SP の画面の端までの広げを戻す */
		.p-sub-blog__carousel {
			margin-inline: 0;
		}
	}
}