@charset "UTF-8";

/* ============================================================
   LEGAL NOTICE  /law/css/law.css
============================================================ */
.law-page { position:relative; padding:72px 0 120px; }
.law-page .container { position:relative; }
.law-header { max-width:860px; margin:0 auto 56px; text-align:center; }
.law-label {
  margin:0 0 14px; font-family:var(--font-ui,"Inter",sans-serif);
  font-size:11px; font-weight:800; line-height:1; letter-spacing:.22em; color:#8b8700;
}
.law-header h1 {
  margin:0; font-size:clamp(30px,4vw,46px); font-weight:900;
  line-height:1.3; letter-spacing:-.045em;
  color:rgb(var(--text-r),var(--text-g),var(--text-b));
}
.law-lead {
  max-width:720px; margin:26px auto 0; font-size:15px; line-height:2;
  text-align:left; color:rgba(var(--text-r),var(--text-g),var(--text-b),.78);
}
.law-content {
  max-width:860px; margin:0 auto; padding:48px 54px;
  border:1px solid rgba(74,124,255,.10); border-radius:24px;
  background:rgba(255,255,255,.88); box-shadow:0 16px 50px rgba(12,35,80,.06);
}
.law-list { margin:0; }
.law-row {
  display:grid; grid-template-columns:210px minmax(0,1fr); gap:30px;
  padding:24px 0; border-bottom:1px solid rgba(74,124,255,.09);
}
.law-row:first-child { padding-top:0; }
.law-row dt,.law-row dd { margin:0; font-size:14px; line-height:2; }
.law-row dt { font-weight:800; color:rgb(var(--text-r),var(--text-g),var(--text-b)); }
.law-row dd { color:rgba(var(--text-r),var(--text-g),var(--text-b),.80); }
.law-row a {
  color:inherit; font-weight:600; text-decoration:underline; text-underline-offset:3px;
}
.law-note {
  margin:30px 0 0; padding:18px 20px; border-radius:12px;
  background:rgba(187,185,7,.055); font-size:13px; line-height:1.9;
  color:rgba(var(--text-r),var(--text-g),var(--text-b),.72);
}
.law-date {
  margin:30px 0 0; font-size:12px; line-height:1.7; text-align:right;
  color:rgba(var(--text-r),var(--text-g),var(--text-b),.55);
}
@media (max-width:767px) {
  .law-page { padding:48px 0 80px; }
  .law-header { margin-bottom:36px; text-align:left; }
  .law-lead { margin-top:20px; }
  .law-content { padding:32px 22px; border-radius:18px; }
  .law-row { grid-template-columns:1fr; gap:4px; padding:20px 0; }
  .law-row dt { font-size:13px; }
  .law-note { padding:16px; }
  .law-date { text-align:left; }
}