/* renewal.php — 「ただいまリニューアル中」ページ */
*{ box-sizing:border-box; }
body{ font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif; color:#2e1a24; background:#fff; -webkit-font-smoothing:antialiased; line-height:1.9; }
a{ color:inherit; text-decoration:none; }

.rnw{ position:relative; overflow:hidden; color:#fff; text-align:center;
      background:linear-gradient(150deg,#ff8a5c 0%,#ff4f8b 48%,#c13fc4 100%); }
.rnw::before,
.rnw::after{ content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.12); pointer-events:none; }
.rnw::before{ width:420px; height:420px; right:-140px; top:-140px; }
.rnw::after{ width:300px; height:300px; left:-110px; bottom:-130px; }
.rnw__in{ position:relative; z-index:1; width:760px; max-width:90%; margin:0 auto; padding:120px 0 110px; }

.rnw__tag{ display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.4);
           font-size:.74rem; font-weight:800; letter-spacing:.16em; padding:6px 16px; border-radius:999px; }
.rnw__title{ font-size:clamp(1.9rem,4.8vw,3rem); font-weight:900; line-height:1.3; margin:20px 0 18px; }
.rnw__lead{ font-size:1rem; opacity:.96; margin:0 auto; }
.rnw__lead strong{ font-weight:900; }

.rnw__btns{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:38px; }
.rnw__btn{ display:inline-flex; align-items:center; justify-content:center; min-width:210px; padding:14px 28px;
           border-radius:999px; font-weight:800; font-size:.95rem; border:2px solid rgba(255,255,255,.85);
           transition:transform .2s ease, background .2s ease, color .2s ease; }
.rnw__btn:hover{ transform:translateY(-2px); background:rgba(255,255,255,.14); }
.rnw__btn--primary{ background:#fff; color:#ff4f8b; border-color:#fff; }
.rnw__btn--primary:hover{ background:#fff; }

.rnw__note{ margin-top:30px; font-size:.85rem; opacity:.9; }
.rnw__note a{ text-decoration:underline; text-underline-offset:3px; }

.sp-br{ display:none; }
@media (max-width:600px){
  .rnw__in{ padding:84px 0 80px; }
  .rnw__lead{ font-size:.92rem; text-align:left; }
  .rnw__lead br{ display:none; }
  .sp-br{ display:inline; }
  .rnw__btn{ width:100%; }
}