/* =========================================================
   ページ全体レイアウト設定
   - コンテナ幅・余白の統一
========================================================= */
.page-content > .container {
  padding-inline: 0.6rem;
  max-width: 760px;
  margin: auto;
}

/* =========================================================
   ヒーローセクション
   - 全画面表示＆余白調整
========================================================= */
section.section.section-hero.py-5.fullheight-section {
  padding: 0;
  min-height: 100vh;
}

p.hero-lead.lead.mb-4 {
  font-size: 1.2rem;
  margin: 1rem 0;
}

.hero-btn-area {
  margin-top: 2rem;
}

/* =========================================================
   各セクション共通設定
   - 余白・背景などをリセットして統一
========================================================= */
section.section.section-intro.py-5,
section.section.section-value.py-5.bg-light,
section.section.section-outcomes.py-5,
section.section.section-plans.py-5.bg-light,
section.section.section-process.py-5,
section.section.section-target.py-5.bg-light,
section.section.section-cta.py-5 {
  padding: 0;
  margin-bottom: 5rem;
}

/* =========================================================
   セクションタイトル
   - 共通デザイン（背景＋フォント指定）
========================================================= */
h2.section-title.char-animate {
  font-size: 2.4rem;
  font-family: 'Zen Kurenaido';
  color: #ffffff;
  background-color: #338998;
  width: fit-content;
  line-height: 1.7;
  margin-bottom: 2rem;
	padding: 0.2rem 0 .2rem .4rem;
}

/* =========================================================
   テキスト共通設定
========================================================= */
p {
  line-height: 1.8;
}

/* =========================================================
   機能リスト（3カラム）
========================================================= */
ul.feature-list.row.g-4.mt-3.list-unstyled {
  margin-top: 2rem;
}

li.col-md-4 {
  margin: 1rem 0;
}

/* =========================================================
   見出し・リスト共通調整
========================================================= */
h3.h4.mb-3 {
  margin-top: 2rem;
}

li.mb-2 {
  margin: 0.5rem 0;
}

ul.list-unstyled.checklist {
  margin: 1.2rem 0 2rem;
}

/* =========================================================
   プラン／プロセス共通設定
========================================================= */
h3.h5.mb-2 {
  margin-top: 2rem;
}

p.mt-4.small.text-muted {
  margin-top: 1.6rem;
  font-size: 0.8rem;
}

ol.plan-list.row.g-4.list-unstyled,
ol.process-list.list-unstyled {
  list-style: none;
  padding-left: 0;
}

li.col-md-6,
li.process-item.mb-4 {
  margin: 2rem 0;
}

/* =========================================================
   CTA（共通スタイル）
========================================================= */
.cta-block h2.h3.mb-3 {
  font-family: 'Zen Kurenaido';
  font-weight: 600;
}

p.mb-4 {
  margin: 2rem 0;
}

/* 旧：.cta-block__btn-area → 共通ボタン領域 */
.cta-block__btn-area {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

/* =========================================================
   スマホ表示用調整
========================================================= */
@media (max-width: 767px) {

  /* ページタイトル縮小 */
  h1.page-title.char-animate {
    font-size: 2.4rem;
  }

  /* ヒーローリード文の文字サイズ調整 */
  p.hero-lead.lead.mb-4 {
    font-size: 1rem;
  }

  /* セクションタイトルの可読性を確保 */
  h2.section-title.char-animate {
    font-size: 1.6rem;
    padding: 0.4rem;
  }
}


figure.section-visual {
    margin: 2rem 0;
}