/* =====================================================================
 * faq.css — よくあるご質問 総合（2y）
 * ---------------------------------------------------------------------
 * デザインは Figma に無い（Figma にあるのは交換サービス 1枚だけ）。
 * 質問の見た目（白いカード＋グレーの水玉）は共通部品 `.faq-design` で、
 * このファイルにあるのはカテゴリタブだけ。
 *
 * 【面の配分】
 *   FV 青い箱 ／ カテゴリタブ **全幅の青（水玉）** ／ 各カテゴリ .faq-design
 * ===================================================================== */

/* 写真を敷かないので、交換ページの箱から写真用のグラデーションを外す。 */
.hero--faq .hero__box::after { content: none; }
.hero--faq .hero__catch-label { font-size: 24px; line-height: 1.4; }

/* カテゴリタブ（.fq-tabs / .fq-tab）は、コラム一覧（2u）でも同じものを使うため
 * components.css へ移した（2026-09-09。クラス名はそのまま）。 */

/* アンカーで飛んだとき、見出しがヘッダーの下に隠れないようにする。
 * ヘッダーはスクロール時も画面の上に残る（PC）。 */
.faq-design[id] { scroll-margin-top: 100px; }

/* =====================================================================
 * PC（600 以上。交換ページ・TOP と同じ）
 * ===================================================================== */
@media (min-width: 600px) {
	.hero--faq .hero__catch-label { font-size: max(calc(24 * var(--ff)), calc(36 * var(--u))); padding: calc(6 * var(--u)) calc(24 * var(--u)); }

}