
html body.v3 .v3-fig.lch{ background:#eef2fa; border-radius:16px; padding:20px; }
html body.v3 .lch__head{ display:flex; align-items:center; gap:12px; margin:0 0 16px; }
html body.v3 .v3-fig.lch .lch__head img{ width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
html body.v3 .lch__kick{ margin:0; font-size:var(--v3-fs-small); font-weight:700; letter-spacing:.04em; color:#1E40AF; }
html body.v3 .lch__tit{ margin:2px 0 0; font-size:var(--v3-fs-h3); font-weight:800; line-height:1.35; letter-spacing:-.02em; color:#0b1c4d; word-break:keep-all; }
html body.v3 .lch__list{ list-style:none; margin:0; padding:0; background:#fff; border-radius:12px; }
html body.v3 .lch__list li{ display:flex; align-items:center; gap:16px; padding:16px; margin:0; }
html body.v3 .lch__list li + li{ border-top:1px solid #E2E4E6; }
html body.v3 .lch__no{ flex:0 0 auto; min-width:56px; height:56px; padding:0 8px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:#0b1c4d; color:#fff; font-size:24px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
html body.v3 .lch__no small{ font-size:13px; font-weight:700; margin-left:1px; opacity:.85; }
html body.v3 .lch__nm{ display:flex; flex-direction:column; gap:2px; min-width:0; font-size:var(--v3-fs-small); color:#5b6b8f; line-height:1.45; word-break:keep-all; }
html body.v3 .lch__nm b{ font-size:var(--v3-fs-body); font-weight:700; color:#0b1c4d; }
html body.v3 .v3-fig.lch figcaption{ margin:12px 0 0; font-size:var(--v3-fs-small); line-height:1.5; color:#5b6b8f; word-break:keep-all; }
@media (min-width:769px){
  html body.v3 .v3-fig.lch{ padding:24px; }
  html body.v3 .lch__list{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
  html body.v3 .lch__list li + li{ border-top:0; box-shadow:-1px 0 0 #E2E4E6; }
}

html body.v3 .v3-fig.vs2{ background:#eef2fa; border-radius:16px; padding:20px; }
html body.v3 .vs2__head{ display:flex; align-items:center; gap:12px; margin:0 0 16px; }
html body.v3 .v3-fig.vs2 .vs2__head img{ width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
html body.v3 .vs2__kick{ margin:0; font-size:var(--v3-fs-small); font-weight:700; letter-spacing:.04em; color:#1E40AF; }
html body.v3 .vs2__tit{ margin:2px 0 0; font-size:var(--v3-fs-h3); font-weight:800; line-height:1.35; letter-spacing:-.02em; color:#0b1c4d; }
html body.v3 .vs2__grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
html body.v3 .vs2__col{ background:#fff; border-radius:12px; padding:16px; min-width:0; }
html body.v3 .vs2__nm{ margin:0 0 8px; font-size:28px; font-weight:800; line-height:1; letter-spacing:-.03em; color:#0b1c4d; font-variant-numeric:tabular-nums; }
html body.v3 .vs2__bar{ height:8px; border-radius:4px; background:#E2E4E6; overflow:hidden; margin:0 0 16px; }
html body.v3 .vs2__bar i{ display:block; height:100%; border-radius:4px; background:#1E40AF; transform-origin:left center; }
html body.v3 .vs2__col dl{ margin:0; }
html body.v3 .vs2__col dt{ margin:0; font-size:var(--v3-fs-small); font-weight:600; color:#5b6b8f; }
html body.v3 .vs2__col dd{ margin:2px 0 12px; font-size:var(--v3-fs-small); font-weight:600; line-height:1.5; color:#0b1c4d; word-break:keep-all; }
html body.v3 .vs2__col dd:last-child{ margin-bottom:0; }
html body.v3 .v3-fig.vs2 figcaption{ margin:12px 0 0; font-size:var(--v3-fs-small); line-height:1.5; color:#5b6b8f; word-break:keep-all; }
@media (min-width:769px){
  html body.v3 .v3-fig.vs2{ padding:24px; }
  html body.v3 .vs2__grid{ gap:12px; }
  html body.v3 .vs2__col{ padding:20px; }
  html body.v3 .vs2__nm{ font-size:32px; }
}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    html body.v3 .vs2__bar i{ animation:vs2grow linear both; animation-timeline:view(); animation-range:entry 10% cover 40%; }
  }
}
@keyframes vs2grow{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

html body.v3 .v3-fig.dng{ background:#eef2fa; border-radius:16px; padding:20px; }
html body.v3 .dng__head{ display:flex; align-items:center; gap:12px; margin:0 0 16px; }
html body.v3 .v3-fig.dng .dng__head img{ width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
html body.v3 .dng__kick{ margin:0; font-size:var(--v3-fs-small); font-weight:700; letter-spacing:.04em; color:#1E40AF; }
html body.v3 .dng__tit{ margin:2px 0 0; font-size:var(--v3-fs-h3); font-weight:800; line-height:1.35; letter-spacing:-.02em; color:#0b1c4d; word-break:keep-all; }
html body.v3 .dng__grp{ background:#fff; border-radius:12px; padding:16px; }
html body.v3 .dng__grp + .dng__grp{ margin-top:8px; }
html body.v3 .dng__lbl{ margin:0 0 12px; font-size:var(--v3-fs-body); font-weight:800; color:#0b1c4d; line-height:1.4; }
html body.v3 .dng__lbl small{ margin-left:8px; font-size:var(--v3-fs-small); font-weight:600; color:#5b6b8f; }
html body.v3 .dng__chips{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
html body.v3 .dng__chips li{ margin:0; padding:6px 12px; border-radius:999px; background:#eef2fa; font-size:var(--v3-fs-small); font-weight:700; line-height:1.4; color:#0b1c4d; white-space:nowrap; }
html body.v3 .v3-fig.dng figcaption{ margin:12px 0 0; font-size:var(--v3-fs-small); line-height:1.5; color:#5b6b8f; word-break:keep-all; }
@media (min-width:769px){
  html body.v3 .v3-fig.dng{ padding:24px; }
  html body.v3 .dng__grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:12px; }
  html body.v3 .dng__grid .dng__grp + .dng__grp{ margin-top:0; }
}

html body.v3 .v3-fig.bill{ background:#eef2fa; border-radius:16px; padding:20px; }
html body.v3 .bill__head{ display:flex; align-items:center; gap:12px; margin:0 0 16px; }
html body.v3 .v3-fig.bill .bill__head img{ width:48px; height:48px; flex:0 0 48px; object-fit:contain; }
html body.v3 .bill__kick{ margin:0; font-size:var(--v3-fs-small); font-weight:700; letter-spacing:.04em; color:#1E40AF; }
html body.v3 .bill__tit{ margin:2px 0 0; font-size:var(--v3-fs-h3); font-weight:800; line-height:1.35; letter-spacing:-.02em; color:#0b1c4d; word-break:keep-all; }
html body.v3 .bill__list{ list-style:none; margin:0; padding:0 16px; background:#fff; border-radius:12px; }
html body.v3 .bill__list li{ display:flex; align-items:center; gap:12px; padding:14px 0; margin:0; }
html body.v3 .bill__list li + li{ border-top:1px dashed #CBCDD2; }
html body.v3 .v3-fig.bill .bill__list img{ width:32px; height:32px; flex:0 0 32px; object-fit:contain; }
html body.v3 .bill__nm{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; font-size:var(--v3-fs-small); color:#5b6b8f; line-height:1.45; word-break:keep-all; }
html body.v3 .bill__nm b{ font-size:var(--v3-fs-body); font-weight:700; color:#0b1c4d; }
html body.v3 .bill__tag{ flex:0 0 auto; padding:4px 10px; border-radius:999px; background:#eef2fa; font-size:var(--v3-fs-small); font-weight:700; color:#1E40AF; white-space:nowrap; }
html body.v3 .bill__list li.is-off .bill__nm b{ color:#5b6b8f; }
html body.v3 .bill__list li.is-off img{ opacity:.45; filter:grayscale(1); }
html body.v3 .bill__list li.is-off .bill__tag{ background:#fff; color:#5b6b8f; box-shadow:inset 0 0 0 1px #CBCDD2; }
html body.v3 .v3-fig.bill figcaption{ margin:12px 0 0; font-size:var(--v3-fs-small); line-height:1.5; color:#5b6b8f; word-break:keep-all; }
@media (min-width:769px){
  html body.v3 .v3-fig.bill{ padding:24px; }
  html body.v3 .bill__list{ padding:0 20px; }
}
