@charset "UTF-8";
/* ============================================================
   お問い合わせの帯（ダーク）の見た目。組み方は template-parts/service/cta.php。
   SNS・meta・インフルエンサー・クリエイティブの4ページで使う。
   値は fiz-tokens.css（src/tokens.css の写し）を使う。2026-09-24 部品ごとの整理でここへ移動。
   ============================================================ */
/* ---- CTA帯 ---- */
.svc-cta {
  /* 2026-09-24 本人決定: 赤は差し色として絞る。帯は背景#F2F2F2・文字#212121に。ボタンは赤のまま残す */
  background: var(--color-bg-neutral, #F2F2F2);
  color: var(--color-text);
  text-align: center;
  padding: var(--space-40) 0;
}

.svc-cta--dark {
  background: var(--color-text);
  color: var(--color-white); /* 2026-09-24 本人決定: 帯を#F2F2F2にしたぶん、ダーク帯側は白文字を明示 */
}

.svc-cta__title {
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  margin: 0 0 16px;
}

.svc-cta__desc {
  margin: 0 0 24px;
  font-size: var(--font-size-body);
}



@media (min-width: 1024px) {

  .svc-cta__title {
      font-size: 32px;
    
  }}