:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, system-ui, sans-serif;
  font-synthesis: none;
  color: #1d3953;
  background: #eef8fe;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(ellipse 95% 60% at 50% -10%, #cfeafc 0%, transparent 72%),
              linear-gradient(180deg, #f3faff 0%, #e9f5fd 100%);
}
.page { width: min(1060px, calc(100% - 40px)); margin: 0 auto; padding: 36px 0 22px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; letter-spacing: .025em; color: #174f81; margin-bottom: 25px; }
.brand-mark { display: grid; place-items: center; width: 33px; height: 33px; background: #238bc0; color: #fff; font-family: Georgia, serif; font-size: 25px; font-style: italic; border-radius: 9px; }
.panel { overflow: hidden; border-radius: 20px; border: 1px solid #d9e9f4; box-shadow: 0 18px 45px rgba(34, 94, 140, .11); background: #fff; }
.banner { display: block; width: 100%; height: auto; object-fit: cover; }
.content { padding: 36px clamp(20px, 5vw, 66px) 44px; }
.eyebrow { color: #1283b6; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
h1 { margin: 11px 0 18px; color: #173e68; font-size: clamp(23px, 3.3vw, 34px); line-height: 1.45; }
.intro { margin: 0; color: #3f566b; font-size: 16px; line-height: 2.05; }
.notice { display: flex; gap: 15px; align-items: flex-start; margin-top: 32px; background: #eff8fc; border: 1px solid #d2e9f4; border-radius: 12px; padding: 21px 22px; }
.notice-icon { display: grid; flex-shrink: 0; place-items: center; font-weight: 700; width: 30px; height: 30px; color: #fff; background: #278eb8; border-radius: 50%; }
h2 { margin: 0 0 6px; font-size: 17px; line-height: 1.5; color: #174f73; }
.notice p { margin: 0; font-size: 14px; line-height: 1.9; color: #415c70; }
.footer { display: flex; flex-wrap: wrap; gap: 7px 20px; justify-content: space-between; padding: 23px 4px 0; font-size: 12px; color: #6c8599; }
@media(max-width:620px) {
  .page { width: min(100% - 24px, 560px); padding-top: 19px; }
  .brand { margin-bottom: 16px; font-size: 15px; }
  .panel { border-radius: 13px; }
  .content { padding: 24px 20px 30px; }
  .intro { font-size: 15px; line-height: 1.95; }
  .notice { padding: 17px 15px; gap: 12px; margin-top: 24px; }
  .notice p { font-size: 13px; }
  .footer { font-size: 11px; padding-top: 17px; }
}