.page-disclaimer{
  --notice-measure:640px;
  --rule-w:56px;
  background-color:var(--paper);
  color:var(--ink);
  padding-bottom:clamp(44px,7vw,88px);
}

.page-disclaimer .crumbs{
  padding-top:clamp(18px,3vw,28px);
}
.page-disclaimer .crumbs ul{
  display:flex;
  flex-wrap:wrap;
  gap:.45em;
  margin:0;
  padding:0;
  list-style:none;
  font-size:.8125rem;
  letter-spacing:.06em;
  color:var(--mid);
}
.page-disclaimer .crumbs li::after{
  content:"／";
  margin-left:.45em;
  color:var(--sand);
}
.page-disclaimer .crumbs li:last-child::after{
  content:none;
}
.page-disclaimer .crumbs a{
  color:var(--mid);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:border-color 160ms ease,color 160ms ease;
}
.page-disclaimer .crumbs a:hover,
.page-disclaimer .crumbs a:focus-visible{
  color:var(--ink);
  border-bottom-color:var(--gold);
}

/* ---------- 页首 ---------- */
.page-disclaimer .notice-head{
  display:grid;
  gap:clamp(24px,4vw,40px);
  align-items:start;
  padding-block:clamp(18px,3vw,28px) clamp(28px,5vw,52px);
}
.page-disclaimer .notice-head__text{
  min-width:0;
}
.page-disclaimer .notice-head .eyebrow{
  margin:0;
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--saffron);
  text-transform:uppercase;
}
.page-disclaimer .notice-head h1{
  margin:.5em 0 0;
  max-width:15em;
  font-size:clamp(1.75rem,6.4vw,3.125rem);
  font-weight:800;
  line-height:1.16;
  letter-spacing:.05em;
}
.page-disclaimer .notice-head .lead{
  margin-top:clamp(16px,2.6vw,22px);
  max-width:32em;
  font-size:clamp(.9375rem,2.5vw,1.0625rem);
  line-height:1.85;
  color:var(--mid);
}
.page-disclaimer .notice-head__stamp{
  display:inline-block;
  margin:clamp(16px,2.6vw,22px) 0 0;
  padding:5px 12px;
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--ink);
  background:var(--gold);
  box-shadow:var(--hard-sm);
}
.page-disclaimer .notice-head__fig{
  margin:0;
  border:var(--bw) solid var(--ink);
  background:var(--white);
  box-shadow:var(--hard);
}
.page-disclaimer .notice-head__fig img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:10 / 7;
  object-fit:cover;
}

/* ---------- 正文列 ---------- */
.page-disclaimer .notice-body{
  width:100%;
  max-width:var(--notice-measure);
  margin-inline:auto;
}
.page-disclaimer .notice-sec{
  padding-block:clamp(26px,4.2vw,42px);
  border-top:1px solid var(--sand);
}
.page-disclaimer .notice-sec:first-of-type{
  border-top:var(--bw) solid var(--gold);
}
.page-disclaimer .notice-sec__head{
  margin-bottom:clamp(14px,2.4vw,20px);
}
.page-disclaimer .notice-sec__title{
  display:flex;
  align-items:baseline;
  gap:.7em;
  margin:0;
  font-size:clamp(1.1875rem,3.8vw,1.5rem);
  font-weight:800;
  line-height:1.4;
  letter-spacing:.04em;
}
.page-disclaimer .notice-sec__num{
  flex:none;
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.12em;
  color:var(--saffron);
}
.page-disclaimer .notice-sec__rule{
  display:block;
  width:var(--rule-w);
  height:3px;
  margin-top:12px;
  background:var(--gold);
  transition:width 180ms ease;
}
.page-disclaimer .notice-sec:hover .notice-sec__rule,
.page-disclaimer .notice-sec:focus-within .notice-sec__rule{
  width:calc(var(--rule-w) + 48px);
}
.page-disclaimer .notice-sec--1{--rule-w:64px;}
.page-disclaimer .notice-sec--2{--rule-w:46px;}
.page-disclaimer .notice-sec--3{--rule-w:82px;}
.page-disclaimer .notice-sec--4{--rule-w:46px;}

.page-disclaimer .notice-sec p{
  margin:0 0 1em;
  font-size:clamp(1rem,2.6vw,1.0625rem);
  line-height:1.9;
  letter-spacing:.01em;
  color:var(--ink);
}
.page-disclaimer .notice-sec p:last-child{
  margin-bottom:0;
}

/* ---------- 数字带 ---------- */
.page-disclaimer .notice-stats{
  display:grid;
  gap:0;
  margin:clamp(16px,2.6vw,22px) 0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--sand);
  border-bottom:1px solid var(--sand);
}
.page-disclaimer .notice-stats li{
  display:flex;
  align-items:baseline;
  gap:.6em;
  padding:12px 2px;
}
.page-disclaimer .notice-stats li + li{
  border-top:1px solid var(--sand);
}
.page-disclaimer .notice-stats__n{
  font-family:var(--font-mono);
  font-size:clamp(1.35rem,4.4vw,1.75rem);
  font-weight:600;
  line-height:1;
  color:var(--ink);
  letter-spacing:.02em;
}
.page-disclaimer .notice-stats__k{
  font-size:.875rem;
  letter-spacing:.04em;
  color:var(--mid);
}

/* ---------- 强调条 ---------- */
.page-disclaimer .notice-sec .notice-callout{
  margin-top:clamp(16px,2.6vw,22px);
  padding:14px 18px;
  border-left:5px solid var(--gold);
  background:var(--sand);
  font-weight:600;
  color:var(--ink);
}

/* ---------- 页尾 ---------- */
.page-disclaimer .notice-end{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px clamp(20px,3vw,32px);
  margin-top:clamp(32px,5vw,56px);
  padding-top:clamp(20px,3vw,28px);
  border-top:1px solid var(--sand);
}
.page-disclaimer .notice-end .note{
  flex:1 1 100%;
  margin:0;
  max-width:34em;
  font-size:.9375rem;
  line-height:1.8;
  color:var(--mid);
}
.page-disclaimer .notice-end__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px clamp(16px,2.6vw,26px);
}
.page-disclaimer .notice-end__links a{
  font-size:.9375rem;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--ink);
  text-decoration:none;
  border-bottom:2px solid var(--sand);
  padding-bottom:2px;
  transition:border-color 160ms ease,color 160ms ease;
}
.page-disclaimer .notice-end__links a:hover,
.page-disclaimer .notice-end__links a:focus-visible{
  border-bottom-color:var(--gold);
  color:var(--sky);
}
.page-disclaimer .notice-end__top{
  margin-left:auto;
  display:inline-block;
  padding:8px 14px;
  font-family:var(--font-mono);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--ink);
  text-decoration:none;
  background:var(--white);
  border:2px solid var(--ink);
  box-shadow:var(--hard-sm);
  transition:transform 160ms ease,box-shadow 160ms ease;
}
.page-disclaimer .notice-end__top:hover,
.page-disclaimer .notice-end__top:focus-visible{
  transform:translate(3px,3px);
  box-shadow:0 0 0 var(--ink);
}

/* ---------- 断点 ---------- */
@media (min-width:520px){
  .page-disclaimer .notice-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-disclaimer .notice-stats li{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:16px 10px;
  }
  .page-disclaimer .notice-stats li + li{
    border-top:0;
    border-left:1px solid var(--sand);
  }
}

@media (min-width:860px){
  .page-disclaimer .notice-head{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:clamp(32px,4vw,56px);
  }
  .page-disclaimer .notice-head__fig{
    margin-top:6px;
  }
  .page-disclaimer .notice-body{
    margin-inline:auto;
  }
  .page-disclaimer .notice-sec{
    padding-block:clamp(34px,3.4vw,48px);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .notice-sec__rule,
  .page-disclaimer .notice-end__top,
  .page-disclaimer .crumbs a,
  .page-disclaimer .notice-end__links a{
    transition:none;
  }
}
<<<END>>>
