@charset "UTF-8";
/* ============================================================
   よくある質問の見た目。組み方は template-parts/service/faq.php。
   SNS・meta・インフルエンサー・クリエイティブの4ページで使う。
   値は fiz-tokens.css（src/tokens.css の写し）を使う。2026-09-24 部品ごとの整理でここへ移動。
   ============================================================ */
/* ---- FAQ（質問=H3 + 回答=p） ---- */
.svc-faq {
  display: grid;
  gap: var(--space-16);
}

.svc-faq__item {
  border-bottom: 1px solid var(--color-gray-light);
  padding-bottom: var(--space-16);
}

.svc-faq__item h3 {
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  margin: 0 0 8px;
  display: flex;
  gap: 12px;
}

.svc-faq__item h3::before {
  content: "Q";
  font-family: var(--font-en);
  color: var(--color-primary); /* 2026-09-24 本人決定: 赤は差し色として使う（FAQのQ） */
  flex: none;
}

.svc-faq__item p {
  margin: 0;
  font-size: var(--font-size-body);
  padding-left: var(--space-24);
  color: var(--color-muted);
}