/* page styles: works  (source: docs/CHIZAI_LANDSCAPE_PC/works.html) */
.h-jp{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;line-height:1.42;letter-spacing:.02em;color:var(--ink);font-size:clamp(1.7rem,3.6vw,2.7rem)}
.hero h1{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.28;letter-spacing:.01em;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.25)}
.page-hero h1{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:clamp(2rem,4.6vw,3.2rem);color:#fff;line-height:1.32;margin-bottom:8px}
.jstep .jt{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:1.1rem;margin:6px 0 4px;color:#fff}
.bcard h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.2rem;color:var(--ink);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.issue h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.14rem;color:var(--ink);margin-bottom:12px;font-weight:700;position:relative;z-index:1;max-width:80%}
.svc h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.18rem;color:#fff;margin-bottom:12px;font-weight:700}
.note-band .nk{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;color:var(--cyan);font-size:1.12rem;white-space:nowrap}
.ind h4{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.05rem;color:var(--ink);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.step h4{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.05rem;color:var(--ink);font-weight:700;margin-bottom:8px}
.case .cbody h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.15rem;color:var(--ink);margin-bottom:16px;font-weight:700;line-height:1.5}
.voice h4{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1rem;color:var(--ink);margin-bottom:10px;font-weight:700;position:relative}
.reason h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.28rem;color:var(--ink);margin-bottom:14px;font-weight:700}
.mem .avatar .ini{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:1.7rem;color:#fff;position:relative;z-index:1}
.mem .name{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.5rem;color:var(--ink);font-weight:700;line-height:1.2}
.company th{width:30%;color:var(--ink);font-weight:700;background:var(--paper);font-family:"Zen Kaku Gothic New",sans-serif}
.msg .sign{margin-top:24px;font-family:"Zen Kaku Gothic New",sans-serif;color:var(--ink);font-weight:700}
.ni h3{font-size:1.12rem;color:var(--ink);font-weight:700;line-height:1.55;margin-bottom:8px;font-family:"Zen Kaku Gothic New",sans-serif}
.vid .vmeta h4{font-family:"Zen Kaku Gothic New",sans-serif;font-size:.96rem;color:var(--ink);margin-top:6px;font-weight:700;line-height:1.5}
.csel h4{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1rem;color:var(--ink);font-weight:700;margin:6px 0 4px}
.access .map .pin{font-family:"Zen Kaku Gothic New",sans-serif;color:var(--navy);font-weight:700;text-align:center}
.access .ainfo h4{font-family:"Zen Kaku Gothic New",sans-serif;color:var(--ink);font-weight:700;margin-bottom:6px}
.uc h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.16rem;color:var(--ink);font-weight:700;margin-bottom:10px}
.ip-item .k{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;color:var(--ink);font-size:1.02rem}
.si-main h3{font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.16rem;color:var(--ink);font-weight:700;margin-bottom:4px}
.mix-chip{width:100%;max-width:300px;text-align:center;border:1px solid rgba(91,197,238,.4);border-radius:12px;padding:15px 18px;color:#fff;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:.98rem;background:rgba(255,255,255,.04)}
.mix-res{width:100%;max-width:300px;text-align:center;border:1.5px solid var(--cyan);border-radius:12px;padding:17px 22px;color:var(--ink);background:var(--cyan);font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:1.04rem;box-shadow:0 14px 34px -12px rgba(91,197,238,.5)}
.edge-card h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.4;color:#fff;margin-bottom:16px}
.uw .q{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;color:var(--ink);font-size:1.08rem;display:flex;align-items:center;gap:12px}
.stance-h{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:clamp(2rem,4vw,3rem);line-height:1.38;color:var(--ink);letter-spacing:.01em}
.case .cnote{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:.78rem;color:var(--slate);display:flex;gap:8px;align-items:baseline}
.case .cnote b{font-family:"Zilla Slab",serif;font-weight:600;color:var(--navy);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wk-h{color:var(--navy);font-weight:900}
.stat-card{display:flex;flex-direction:column;align-items:center}
.stat-card .sl{order:0;margin-top:0;margin-bottom:14px;color:var(--ink);font-weight:500;font-size:.92rem}
.stat-card .sv{order:1;margin-top:0}
.stat-card .snote{order:2;margin-top:12px;font-size:.7rem;color:var(--slate)}
.wk-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:8px}
@media(max-width:820px){.wk-grid{grid-template-columns:1fr}}
.wk-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-s);transition:.4s var(--ease)}
.wk-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(11,27,63,.4)}
.wk-head{background:linear-gradient(120deg,#1b4a92,#2f77c8);color:#fff;font-weight:700;font-size:1.02rem;letter-spacing:.02em;padding:16px 26px}
.wk-body{padding:26px 26px 28px;background:#fff}
.wk-body h3{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:1.16rem;color:var(--ink);line-height:1.55;margin:0 0 18px}
.wk-row{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:14px 0 14px 10px;border-top:1px solid var(--line)}
.wk-row .wk-tag{font-size:.76rem;font-weight:700;color:#fff;background:var(--navy);border-radius:6px;padding:6px 0;text-align:center;letter-spacing:.08em}
.wk-row p{font-size:.88rem;line-height:1.85;color:var(--ink-2);margin:0}
.wk-row.res{background:linear-gradient(90deg,rgba(91,197,238,.1),transparent);border-radius:0 0 4px 4px}
.wk-row.res .wk-tag{background:linear-gradient(120deg,var(--cyan-d),var(--cyan))}
.wk-row.res p{color:var(--navy);font-weight:500}
.stat-card{background:var(--paper)!important;border:1px solid var(--line);border-radius:18px;padding:36px 34px;box-shadow:var(--shadow-s);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.stat-card .sl{order:0;color:var(--ink);font-weight:700;font-size:.98rem;letter-spacing:.04em;margin:0 0 16px}
.stat-card .sv{order:1;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:900;font-size:clamp(2.6rem,5vw,3.4rem);color:var(--cyan);line-height:1;margin:0;display:flex;align-items:baseline;justify-content:center;gap:2px}
.stat-card .sv .cnt{color:var(--cyan);font-weight:900}
.stat-card .sv .u{color:var(--ink-2);font-weight:700;font-size:1.35rem;margin-left:4px}
.stat-card .snote{order:2;margin-top:14px;font-size:.72rem;color:var(--slate)}
.stat-card::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:24px;width:34px;height:3px;background:linear-gradient(90deg,var(--navy),var(--cyan))}

.wk-desc {margin-bottom: 80px;
  p {
    font-size: 1.04rem;
    line-height: 2.05;
    color: var(--ink-2);
  }
}

@media screen and (max-width: 768.999px) {
  .stat-card:after {bottom: 21px !important;}
}