/* =========================
   INFORMATION ページ固有
========================= */

/* ページ背景だけ固有 */
body {
  background: #f5f5f5;
}

.wrapper main {
    text-align: center;
}

/* タイトル（h1 を使わない場合） */
.info-title {
  font-size: clamp(28px, 8vw, 42px);
  letter-spacing: 0.1em;
  margin-bottom: 0;
  font-family: "Allura", cursive;
}


/* 説明文 */
.info-note {
  font-size: clamp(14px, 4vw, 18px);
  margin-bottom: clamp(20px, 5vw, 30px);
  text-align: center;
}

/* ボタン（base.css の RSVP ボタンと統一） */
.info-button {
  display: block;          /* ← これが決め手 */
  width: 80%;              /* ← 横幅を揃える（お好みで） */
  max-width: 320px;        /* ← スマホで綺麗に見える */
  margin: 12px auto;       /* ← 上下に余白をつけて中央寄せ */
  padding: clamp(10px, 3vw, 16px) clamp(18px, 4vw, 28px);
  background: #005BAC;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(14px, 4vw, 20px);
  font-weight: 600;
  transition: 0.2s;
}


.info-button:hover {
  background: #004080;
}