body.legal-page{
  min-height:100vh;
  margin:0;
  background:#080a10;
  color:#e2e8f0;
  font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro',sans-serif;
  line-height:1.75;
}
.site-header{
  border-bottom:1px solid #1e2a3a;
  background:#0d1525;
}
.site-header-inner,.legal-main,.site-footer{
  max-width:880px;
  margin:0 auto;
  padding:0 18px;
}
.site-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
}
.site-brand{
  color:#38bdf8;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
}
.site-nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  font-size:13px;
  font-weight:800;
}
.site-nav a,.site-footer a{
  color:#94a3b8;
  text-decoration:none;
}
.site-nav a:hover,.site-footer a:hover{
  color:#38bdf8;
}
.legal-main{
  padding-top:34px;
  padding-bottom:48px;
}
.legal-main h1{
  margin:0 0 14px;
  color:#f8fafc;
  font-size:28px;
  line-height:1.25;
}
.legal-main h2{
  margin:30px 0 8px;
  color:#bae6fd;
  font-size:18px;
}
.legal-main p,.legal-main li{
  color:#cbd5e1;
  font-size:15px;
}
.legal-main ul{
  padding-left:1.4em;
}
.notice-box{
  border:1px solid #1e3a5a;
  border-radius:8px;
  background:#0d1525;
  padding:14px;
  margin:18px 0;
}
.site-footer{
  border-top:1px solid #1e2a3a;
  color:#64748b;
  font-size:12px;
  line-height:1.6;
  padding-top:18px;
  padding-bottom:28px;
}
body:not(.legal-page) .site-footer{
  max-width:720px;
}
@media(max-width:640px){
  .site-header-inner{
    align-items:flex-start;
    flex-direction:column;
    padding-top:14px;
    padding-bottom:14px;
  }
  .legal-main h1{
    font-size:24px;
  }
}