/* =============================================================
   セクションタイトル / リード共通スタイル
   dual-class パターンで使用：
     <h2 class="section-title vps-mv__title">...</h2>
     <p  class="section-lead  vps-mv__lead">...</p>

   共通部分（フォント・基本配置）はここで定義し、
   ページ固有の余白・色は BEM 側で上書きする。
   ============================================================= */

/* h2 標準タイトル */
.section-title {
  font-size: 32px;
  font-weight: 700;
}

/* 中央寄せが必要な場合は modifier を併記 */
.section-title--center {
  text-align: center;
}

/* リード文 */
.section-lead {
  font-size: 18px;
}

.section-lead--center {
  text-align: center;
}

/* === Phase 4 Round 2: responsive font-size overrides (@1024) === */
@media (max-width: 1024px) {
  .section-title {
    font-size: 26px;
  }
  .section-lead {
    font-size: 16px;
  }
}

/* === Phase 4 Round 2: responsive font-size overrides (@768) === */
@media (max-width: 768px) {
  .section-title {
    font-size: 22px;
  }
  .section-lead {
    font-size: 14px;
  }
}