@charset "UTF-8";

/* =========================
   page-static タイトル非表示
========================= */
h1 {
  display: none;
}

/* =========================
   Static Pages Layout
========================= */
.page-static {
  background: #f0f8ff;
  padding: 60px 24px;        /* ← 追加：上下左右の余白 */
}

/* =========================
   タイトル
========================= */
.page-static h2 {
  font-size: clamp(22px, 4vw, 30px);  /* ← 変更：画面幅に応じて自動スケール */
  margin-bottom: 30px;
  text-align: center;
  font-family: "Noto Serif JP", "Times New Roman", serif;
  letter-spacing: 0.12em;
  font-weight: 600;
  color: #6594B1;
}

/* =========================
   セクション見出し
========================= */
.page-static h3 {
  font-size: clamp(16px, 3vw, 20px);  /* ← 変更 */
  margin-top: 50px;
  margin-bottom: 18px;
  padding-left: 14px;
  border-left: 4px solid #E2D6DE;
  color: #213C51;
  font-weight: 600;
}

/* =========================
   本文
========================= */
.page-static p {
  max-width: 720px;
  margin: 0 auto 20px;
  line-height: 1.9;
  font-size: 15px;
  color: #333;
  text-align: left;
  word-break: break-word;    /* ← 追加：長いURLのはみ出し防止 */
  overflow-wrap: break-word; /* ← 追加 */
}

.page-static p:last-child {
  margin-bottom: 0;
}
/* =========================
   Responsive — Desktop (〜1024px)
========================= */
@media (max-width: 1024px) {
  .page-static {
    padding: 56px 40px;      /* 左右余白を広めに */
  }

  .page-static h3 {
    margin-top: 42px;        /* 768pxへ向けて段階的に縮める */
  }

  .page-static p {
    max-width: 640px;        /* 行が長くなりすぎるのを防止 */
  }
}

/* =========================
   Responsive — Tablet (〜768px)  ← 既存
========================= */
@media (max-width: 768px) {
  .page-static {
    padding: 48px 20px;
  }

  .page-static h3 {
    margin-top: 36px;
  }
}

/* =========================
   Responsive — Mobile (〜480px)  ← 既存
========================= */
@media (max-width: 480px) {
  .page-static {
    padding: 32px 16px;
  }

  .page-static h2 {
    letter-spacing: 0.06em;
    margin-bottom: 24px;
  }

  .page-static h3 {
    margin-top: 28px;
    margin-bottom: 14px;
    padding-left: 10px;
    border-left-width: 3px;
  }

  .page-static p {
    font-size: 14px;
    line-height: 1.8;
  }
}