/* 商品ページ本文（JetWooBuilder置き換え）
   ------------------------------------------------------------------
   数値は kawaremake デザインシステムに合わせている。
   本番（Elementor版）の実測は セクション間180px・カード間隔24px だったが、
   これは基準（PC 120px / SP 80px、カード32px）から外れていたため、
   撤去にあわせて基準へ戻した（2026-07-26 野村さん承認）。

   色: 背景 #FAF9F6 / 文字 #2C2826 / 補助 #888780 / 罫線 #E8E5DE
   書体: 見出し和文=游明朝 / 本文和文=游ゴシック
   角丸0・影なし・罫線はヘアライン。 */

/* 本番はElementorのボックス型コンテナで内容幅が1120pxに制約されていた。
   Astra既定のままだと1170pxになり、ヒーローの折り返し位置がずれる。 */
.kwrm-product-single {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

/* セクション間 PC 120px（デザインシステム基準）。
   上下に振り分けず、上側にまとめて置く。 */
.kwrm-product-single .kwrm-product-single__section {
	padding: 120px 0 0;
}

.kwrm-product-single .kwrm-product-single__section:last-child {
	padding-bottom: 120px;
}

/* 見出しは Astra の h2 既定（margin-bottom 0.7em）に負けるため、
   セレクタを2つ重ねて詳細度を上げてある。!important は使わない。 */
.kwrm-product-single .kwrm-product-single__heading {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2826;
	text-align: center;
	margin-top: 0;
	margin-bottom: 48px;
}

.kwrm-product-single .kwrm-product-single__faq .kwrm-faq {
	margin-top: 0;
}

/* ── 相談導線 ───────────────────────────────
   主張の強いECボタンにはしない（デザインシステム）。
   黒下線のテキストリンク。トップページの morelink と同じ体裁。 */
.kwrm-product-single__cta {
	text-align: center;
}

.kwrm-product-cta__note {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 13px;
	line-height: 1.9;
	color: #6b6760;
	margin: -24px 0 40px;
}

.kwrm-product-cta__links {
	display: flex;
	justify-content: center;
	gap: 40px;
	flex-wrap: wrap;
}

.kwrm-product-cta__link {
	display: inline-block;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #2c2826;
	text-decoration: none;
	padding: 0 0 4px;
	border-bottom: 0.5px solid #2c2826;
	transition: opacity 0.3s ease, letter-spacing 0.3s ease;
}

.kwrm-product-cta__link:hover,
.kwrm-product-cta__link:focus {
	color: #2c2826;
	opacity: 0.7;
	letter-spacing: 0.24em;
}

@media (max-width: 768px) {
	/* セクション間 SP 80px（デザインシステム基準） */
	.kwrm-product-single .kwrm-product-single__section {
		padding: 80px 0 0;
	}

	.kwrm-product-single .kwrm-product-single__section:last-child {
		padding-bottom: 80px;
	}

	.kwrm-product-single .kwrm-product-single__heading {
		font-size: 21px;
		margin-bottom: 32px;
	}

	.kwrm-product-cta__note {
		margin: -16px 0 28px;
	}

	.kwrm-product-cta__links {
		gap: 24px;
	}
}