/* =========================================================
   page.css — 準備中（Coming soon）ページ用スタイル
   （page-hero / breadcrumb は event.css を併用）
   ========================================================= */
.coming-soon{max-width:760px;margin:0 auto;padding:64px 28px 24px;text-align:center}
.cs-icon{width:84px;height:84px;border-radius:50%;background:#eef4fb;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:var(--navy)}
.cs-badge{display:inline-block;font-size:12.5px;font-weight:700;color:#fff;background:#9aa7b6;padding:5px 14px;border-radius:999px;margin-bottom:16px;letter-spacing:.06em}
.coming-soon h2{font-size:25px;font-weight:700;color:#1c2a3a;margin-bottom:14px}
.coming-soon p{font-size:14.5px;line-height:2;color:#5b6675}

/* 同窓会についての他ページへの導線 */
.cs-nav{margin-top:38px}
.cs-nav .cs-nav-label{font-size:12.5px;font-weight:700;color:#90a0b5;letter-spacing:.04em;margin-bottom:14px}
.cs-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cs-link{font-size:13.5px;font-weight:700;color:var(--navy);border:1.5px solid #b9cce4;border-radius:8px;padding:10px 18px;transition:background .2s}
.cs-link:hover{background:#f5f9ff}
.cs-link.current{background:var(--navy);color:#fff;border-color:var(--navy);pointer-events:none}

.cs-actions{margin-top:34px}

@media (max-width:768px){
  .coming-soon{padding:44px 24px 20px}
}

/* ===== お問い合わせ：1カラム（サイドバーなし） ===== */
.contact-single{display:block;max-width:760px}

/* ===== お問い合わせ：フォームを開くボタン ===== */
.btn-form{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;font-size:16px;font-weight:700;padding:16px 28px;border-radius:10px;box-shadow:0 6px 16px rgba(28,78,138,.25);transition:filter .2s}
.btn-form:hover{filter:brightness(1.08)}
.btn-form .ext{font-size:15px;opacity:.85}
.form-note{margin-top:12px;font-size:12.5px;color:#7d8896;line-height:1.7}

/* ===== お問い合わせ：Googleフォーム埋め込み（未使用・予備） ===== */
.form-embed{border:1px solid #e7ecf2;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(20,40,70,.04);background:#fff}
.form-embed iframe{width:100%;min-height:760px;border:0;display:block}
.form-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:340px;padding:40px 24px;text-align:center;color:#7d8896;background:repeating-linear-gradient(45deg,#f5f8fc 0 14px,#eef3f9 14px 28px);border:1.5px dashed #c9d6e6;border-radius:12px}
.form-placeholder .fp-ttl{font-size:16px;font-weight:700;color:#5b6675}
.form-placeholder p{font-size:13px;line-height:1.9;color:#7d8896;max-width:460px}
.form-placeholder code{font-family:'Roboto',monospace;font-size:12px;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:2px 7px;color:#41526a}

/* お問い合わせサイドの連絡手段ボタン */
.contact-method{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;border-radius:8px;padding:13px 16px;transition:filter .2s,background .2s}
.cm-line{background:linear-gradient(180deg,#2ec457,#1faa46);color:#fff;box-shadow:0 4px 10px rgba(31,170,70,.25)}
.cm-line:hover{filter:brightness(1.05)}
.cm-mail{background:#fff;color:var(--navy);border:1.5px solid #b9cce4}
.cm-mail:hover{background:#f5f9ff}