@charset "UTF-8";
/* ============================================================
   サービス各ページ・サービス一覧の「文字揃えの固定」。1つの部品ファイルに収まらず、
   breadcrumb・hero・subnav・challenges・reasons・cta・values・flow・price・works・faq の
   複数の部品ファイルにまたがるクラスを一括で指定するため、部品と同じ場所に専用ファイルとして置く
   （2026-09-24 SEOコンサルティングページ追加時、5ページに同じブロックが書き写されていたのに気づいて整理）。
   読み込み順は「部品の CSS の後・ページの CSS の前」（functions.php）。ページ側で同じクラスに別の指定が
   無いことを確認したうえでこの位置にした。値が違う所（クリエイティブの追加クラス）はそのページの CSS に残す。
   ============================================================ */
/* ---- 文字揃えの固定 ----
   本番の共通 CSS は全要素を両端揃え（text-align: justify）にしている。複数行の見出し・ラベル類は、
   英字（meta / SNS / PDCA / Instagram など）が混じると行内の文字間が引き伸ばされる。
   見出し・リード・ボタン・ラベルは左揃えに固定し、本文の段落は本番サイトと同じ両端揃えのまま残す
   （2026-09-17 本人指示：文字間が動的に変わらないよう固定する。両ページ・PC/スマホの洗い出し結果に基づく） */
.svc h1, .svc h2, .svc h3, .svc h4,
.svc-eyebrow, .svc-lead, .svc-hero__copy, .svc-hero__desc, .svc-hero__title,
.svc-card__title, .svc-value__title, .svc-work-card__body h3,
.svc-flowchart__step, .svc-flowchart__step strong, .svc-flowchart__parallel li,
.svc-reason__flow-badge, .svc-reason__flow-lead, .svc-subnav__link, .svc-btn,
.svc-faq__q, .svc-flow__title, .svc-flow__num, .svc-flow__en {
  text-align: left;
  letter-spacing: 0;
  text-justify: none;
}

/* 中央揃えに戻す指定。上のうち、実際は中央揃えのままにしたい要素だけ text-align: center で戻す */
.svc-flowchart__step, .svc-flowchart__parallel li, .svc-reason__flow-badge, .svc-reason__flow-lead, .svc-btn {
  text-align: center;
}