/* ===========================
   ページタイトル コンポーネント（日本語＋英語）
   利用方法:
   - <link rel="stylesheet" href="../components/page-title/page-title.css">
   - または data-include="page-title" で自動読み込み
   =========================== */

.page-title-section {
  padding: 40px 0 48px;
}

.page-title {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
}

.page-title__ja {
  font-family: 'M PLUS 1', sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: var(--navy);
  line-height: 1.4;
}

.page-title__en {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 36px;
  color: var(--cyan);
  line-height: 1;
}

@media (max-width: 767px) {
  .page-title-section {
    padding: 32px 0 36px;
  }

  .page-title__ja {
    font-size: 24px;
  }

  .page-title__en {
    font-size: 28px;
  }
}