/* サービス料金 /menu/ — 3本柱でグルーピングした構成（2026-07-26 案A）
   kawaremake デザインシステム準拠
     セクション間 PC120px / SP80px、カード間隔32px、角丸0、影なし、罫線ヘアライン
     色 文字 #2C2826 / 補助 #6B6760・#888780 / 罫線 #E8E5DE
     見出し和文＝游明朝、英文＝Cormorant Garamond、本文和文＝游ゴシック */

.kwrm-menu {
	max-width: 1120px;
	margin: 0 auto;
	padding: 120px 0;
}

/* ── ページ見出し ────────────────────────── */
.kwrm-menu__header {
	text-align: center;
	margin-bottom: 120px;
}

.kwrm-menu__title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2c2826;
	margin: 0 0 28px;
}

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

/* ── 3本柱 ──────────────────────────────── */
.kwrm-menu__pillar + .kwrm-menu__pillar {
	margin-top: 120px;
}

.kwrm-menu__pillar-head {
	text-align: center;
	margin-bottom: 48px;
}

.kwrm-menu__pillar-title {
	margin: 0 0 10px;
	font-weight: 400;
	line-height: 1.5;
}

.kwrm-menu__pillar-ja {
	display: block;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 24px;
	letter-spacing: 0.08em;
	color: #2c2826;
}

.kwrm-menu__pillar-en {
	display: block;
	margin-top: 8px;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 11px;
	letter-spacing: 0.3em;
	color: #888780;
}

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

.kwrm-menu__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
}

/* カタログに出している商品が無い柱で、カードの代わりに置く一行。
   この一行はカードの代わりに案内そのものを担うので、
   薄いグレー(#888780)ではなく柱のリードと同じ #6b6760 にする。
   #888780 だとコントラスト3.61で13pxの本文には足りない（実測）。#6b6760 は5.62。 */
.kwrm-menu__pillar-note {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 13px;
	line-height: 1.9;
	color: #6b6760;
	margin: 0;
	/* 柱の見出しが中央揃えなので、その下に置くこの一行も中央に揃える。
	   カードのグリッドと違って1文しかないため、左寄せだと座りが悪い。 */
	text-align: center;
}

/* ── 相談導線 ────────────────────────────
   主張の強いECボタンにはしない。黒下線のテキストリンク。 */
.kwrm-menu__cta {
	margin-top: 120px;
	padding-top: 120px;
	border-top: 0.5px solid #e8e5de;
	text-align: center;
}

.kwrm-menu__cta-title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #2c2826;
	margin: 0 0 16px;
}

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

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

.kwrm-menu__cta-link {
	display: inline-block;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 11px;
	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-menu__cta-link:hover,
.kwrm-menu__cta-link:focus {
	color: #2c2826;
	opacity: 0.7;
	letter-spacing: 0.24em;
}

.kwrm-menu__empty {
	text-align: center;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", sans-serif;
	font-size: 13px;
	color: #888780;
}

@media (max-width: 900px) {
	.kwrm-menu__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.kwrm-menu {
		padding: 80px 0;
	}

	.kwrm-menu__header {
		margin-bottom: 80px;
	}

	.kwrm-menu__title {
		font-size: 23px;
	}

	.kwrm-menu__pillar + .kwrm-menu__pillar {
		margin-top: 80px;
	}

	.kwrm-menu__pillar-ja {
		font-size: 20px;
	}

	.kwrm-menu__cta {
		margin-top: 80px;
		padding-top: 80px;
	}

	.kwrm-menu__cta-title {
		font-size: 19px;
	}
}

@media (max-width: 560px) {
	.kwrm-menu__grid {
		grid-template-columns: 1fr;
	}

	.kwrm-menu__cta-links {
		gap: 24px;
	}
}