@charset "UTF-8";
/* ============================================================
   assets/css/pages/works.css … ご支援事例（archive-works.php・works-case.php） 専用
   ・functions.php で、このページのときだけ style.css のあとに読み込む
   ・中身は以前の style.css の該当の章をそのまま移したもの（使っていない指定は削除）。章の番号は style.css のときのまま
   ============================================================ */

/* ============================================================
   52. ご支援事例（archive-works.php）2026年10月 改訂版
   ・クラス名は .wks の中だけに効く（ほかのページに影響しない）
   ・数字で見る実績 → 探し方（分野・業界） → 事例の一覧 → 各事例の詳細（#detail-◯◯ で切り替え）
   ・書体・横幅は、ほかのページ（会社概要・事業・サービスなど）とそろえる（最後の「そろえる」の部分）。上部は紺の帯のデザイン（添付のHTMLどおり）
   ============================================================ */
.wks{--ph:#e9ecf0;
  --blue:#003885;
  --pale:#d6e4f5;
  --pale-2:#eef3fa;
  --orange:#ff7f00;
  --ink:#1c2738;
  --ink-2:#5d6878;
  --ink-3:#97a0ad;
  --line:#e3e7ed;
  --white:#fff;
  --ff:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  --ff-en:"Outfit","Zen Kaku Gothic New",sans-serif;
  --wrap:1180px;
  --gutter:clamp(20px,4vw,40px);
  --hd:72px;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);}
.wks .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.wks .cta{display:inline-flex;align-items:center;padding:1em 1.9em;border-radius:999px;background:var(--orange);color:#fff;font-weight:700;text-decoration:none;line-height:1.3;font-size:.95rem;transition:background-color .2s}
.wks .cta:hover{background:#e86f00}
.wks .ptitle{padding:calc(var(--hd) + clamp(56px,8vw,112px)) 0 clamp(48px,6vw,80px)}
.wks .crumb{font-size:.78rem;color:var(--ink-3);margin:0 0 28px}
.wks .crumb a{text-decoration:none}
.wks .crumb a:hover{color:var(--blue)}
.wks .ptitle-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px 64px}
.wks .ptitle h1{position:relative;display:inline-block;margin:0;font-weight:900;font-size:clamp(2.6rem,6.4vw,5rem);line-height:1.2;letter-spacing:.08em;padding:0 .35em}
.wks .ptitle h1 span{position:relative;z-index:1}
.wks .ptitle h1 svg{position:absolute;left:-6%;top:-18%;width:112%;height:136%;overflow:visible;z-index:0}
.wks .ptitle h1 path{fill:none;stroke:var(--pale);stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.wks .ptitle .lead{margin:0;max-width:30em;color:var(--ink-2)}
.wks .h2{display:inline;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;line-height:1.55;letter-spacing:.04em;margin:0}
.wks .h2-wrap{margin:0 0 .8em}
.wks .lead2{margin:0;color:var(--ink-2);max-width:34em}
.wks .ptitle h1 svg path{fill:none}
.wks .entry{padding:clamp(40px,6vw,72px) 0 clamp(96px,12vw,160px)}

.wks .en-list svg,.wks .more svg{width:16px;height:16px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}

.wks .tabs{display:flex;gap:6px 22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.wks .tabs::-webkit-scrollbar{display:none}
.wks .tabs button{flex:none;border:0;background:none;cursor:pointer;padding:16px 0 14px;border-bottom:2px solid transparent;font-size:.85rem;font-weight:700;color:var(--ink-2);transition:color .2s,border-color .2s}
.wks .tabs button small{font-family:var(--ff-en);font-weight:500;font-size:.78rem;margin-left:.4em;color:var(--ink-3)}
.wks .tabs button:hover{color:var(--ink)}
.wks .tabs button[aria-pressed="true"]{color:var(--blue);border-bottom-color:var(--blue)}
.wks .tabs button[aria-pressed="true"] small{color:var(--blue)}
.wks .list{padding:0 0 clamp(96px,12vw,160px)}
.wks .cases{list-style:none;margin:0;padding:0}
.wks .case{position:relative;padding:clamp(48px,6vw,80px) 0;border-bottom:1px solid var(--line)}
.wks .case[hidden]{display:none}
.wks .case-nay{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;font-size:.82rem;font-weight:700;color:var(--blue)}
.wks .case-nay span:not(.status)::before{content:"#";margin-right:.15em;color:var(--ink-3);font-weight:400}
.wks .status{font-size:.74rem;color:var(--ink);border-bottom:2px solid var(--orange);line-height:1.5}
.wks .case h3{margin:0;font-size:clamp(1.3rem,2.4vw,1.85rem);font-weight:900;line-height:1.6;letter-spacing:.03em;max-width:30em}
.wks .case h3 a{text-decoration:none}
.wks .case h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.wks .pair{display:grid;grid-template-columns:auto clamp(96px,10vw,140px) auto;justify-content:start;align-items:end;column-gap:clamp(14px,1.8vw,24px);max-width:880px;margin:clamp(24px,3vw,36px) 0 clamp(22px,3vw,30px)}

.wks .pc{position:relative;height:40px;margin-bottom:calc(.575em - 8px);font-size:clamp(1.6rem,3.4vw,2.7rem);align-self:end}

.wks .pc svg{position:absolute;left:50%;bottom:0;width:64px;height:40px;transform:translateX(-50%);overflow:visible}
.wks .pc svg path{fill:none;stroke:#b9cfec;stroke-width:4;stroke-linecap:round}
.wks .pc .pc-h{left:auto;right:0;width:12px;height:16px;transform:none;bottom:0}
.wks .pc .pc-h path{stroke:var(--blue);stroke-width:2;stroke-linejoin:round}

.wk-js .wks .pc svg:not(.pc-h) path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease .45s}
.wk-js .wks .pc-h{opacity:0;transition:opacity .25s .9s}

.wk-js .wks .in .pc svg:not(.pc-h) path{stroke-dashoffset:0}
.wk-js .wks .in .pc-h{opacity:1}

@media (max-width:700px){
.wks .pair{grid-template-columns:minmax(0,1fr);row-gap:0}

.wks .pc{width:56px;height:40px;transform:rotate(90deg);margin:20px 0 22px -4px;font-size:1rem}
}
.wks .case-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:.84rem;color:var(--ink-2)}
.wks .case-meta>span{display:inline-flex;align-items:center;gap:8px}
.wks .case-meta>span+span:not(.more)::before{content:"";width:1px;height:12px;background:var(--line);margin-right:20px}
.wks .ic{width:20px;height:20px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wks .more{margin-left:auto;color:var(--blue);font-weight:700}
.wks .case:hover .more svg{transform:translateX(4px)}
@media (max-width:760px){

.wks .la{width:84px;transform:rotate(90deg);margin:8px 0 8px 6px}
.wks .more{margin-left:0;width:100%}
}

.wks .st-wrap{position:relative;margin-top:clamp(56px,7vw,96px)}

.wks .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);position:relative}
.wks .step{padding-top:96px;position:relative}
.wks .step i{position:absolute;top:58px;left:0;width:14px;height:14px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.wks .step.on i{transform:scale(1)}
.wks .st-l{margin:0 0 6px;font-size:.78rem;font-weight:700;color:var(--blue);letter-spacing:.1em}
.wks .step h3{margin:0;font-size:clamp(1.05rem,1.6vw,1.2rem);font-weight:700;line-height:1.6}
.wks .step p{margin:10px 0 0;font-size:.84rem;color:var(--ink-2);line-height:1.8}
.wks .step a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.82rem;font-weight:700;color:var(--blue);text-decoration:none}
.wks .step a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wks .step a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
.wks .steps{grid-template-columns:1fr;gap:44px}
.wks .step{padding:0 0 0 64px}
.wks .step i{top:8px;left:22px}
}
.wks .d-head{padding:calc(var(--hd) + clamp(48px,7vw,96px)) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--line)}
.wks .d-title{margin:0;font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:900;line-height:1.55;letter-spacing:.03em;max-width:24em}
.wks .d-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(40px,7vw,104px);padding:clamp(56px,7vw,96px) var(--gutter) clamp(80px,9vw,120px)}
.wks .d-side{position:sticky;top:calc(var(--hd) + 32px);align-self:start}
.wks .d-side dl{margin:0}
.wks .d-side dl>div{padding:14px 0;border-top:1px solid var(--line)}
.wks .d-side dl>div:last-child{border-bottom:1px solid var(--line)}
.wks .d-side dt{font-size:.72rem;color:var(--ink-3);margin-bottom:4px}
.wks .d-side dd{margin:0;font-size:.88rem;font-weight:700;line-height:1.7}
.wks .d-side dd ul{list-style:none;margin:0;padding:0;font-weight:500;font-size:.84rem}
.wks .d-side dd li+li{margin-top:4px}

.wks .back{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:.84rem;font-weight:700;color:var(--blue);text-decoration:none}
.wks .back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.wks .back:hover svg{transform:translateX(-4px)}
.wks .d-lead{margin:0 0 clamp(56px,6vw,80px);font-size:clamp(1rem,1.5vw,1.12rem);font-weight:500;line-height:2.1;max-width:38em}
.wks .d-sec{margin-bottom:clamp(56px,6vw,80px);max-width:44em}
.wks .d-sec h2{margin:0 0 1.2em;font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:900;line-height:1.5}
.wks .d-sec>p{margin:0 0 1.3em}
.wks .d-steps{list-style:none;margin:0;padding:0;counter-reset:s}
.wks .d-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px 16px;padding:24px 0;border-top:1px solid var(--line)}
.wks .d-steps li:last-child{border-bottom:1px solid var(--line)}
.wks .d-n{font-family:var(--ff-en);font-weight:500;font-size:2rem;line-height:1.1;color:var(--blue)}
.wks .d-steps h3{margin:0 0 6px;font-size:1.08rem;font-weight:700;line-height:1.6}
.wks .d-steps p{margin:0;color:var(--ink-2);font-size:.95rem}
.wks .d-res{list-style:none;margin:0;padding:0}
.wks .d-res li{position:relative;padding:14px 0 14px 40px;border-top:1px solid var(--line);font-weight:700;line-height:1.8}
.wks .d-res li:last-child{border-bottom:1px solid var(--line)}
.wks .d-res li::before{content:"";position:absolute;left:4px;top:20px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 4px var(--pale)}
.wks .d-res li::after{content:"";position:absolute;left:10px;top:26px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.wks .d-rel{border-top:1px solid var(--line);padding:clamp(72px,9vw,120px) 0}
.wks .rel{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0}
.wks .rel li{border-bottom:1px solid var(--line)}
.wks .rel li:first-child{border-top:1px solid var(--line)}
.wks .rel a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n b" "t b";gap:2px 40px;align-items:center;padding:22px 0;text-decoration:none}
.wks .r-nay{grid-area:n;font-size:.76rem;font-weight:700;color:var(--blue)}
.wks .r-t{grid-area:t;font-size:1.05rem;font-weight:700;line-height:1.6}

.wks .rel a:hover .r-t{color:var(--blue)}
@media (max-width:860px){
.wks .d-grid{grid-template-columns:1fr}
.wks .d-side{position:static}
.wks .rel a{grid-template-columns:1fr;grid-template-areas:"n" "t" "b";gap:4px}

}

.wks .case h3{margin-bottom:22px}
.wks .d-head{padding-bottom:clamp(48px,6vw,80px)}
.wks .d-head .case-nay{margin-bottom:14px}

.wks .stats{position:relative;padding:clamp(88px,11vw,140px) 0;background-image:radial-gradient(circle,#cfdbeb 1.1px,transparent 1.4px);background-size:20px 20px;background-position:center}
.wks .stats .wrap{position:relative}
.wks .stats .lead2{display:block}
.wks .nums{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,6vw,72px) 0 0;background:#fff;border-top:2px solid var(--blue);border-bottom:1px solid var(--line)}

.wks .num{position:relative;padding:clamp(28px,4vw,44px) clamp(16px,2.6vw,36px)}
.wks .num+.num{border-left:1px solid var(--line)}
.wks .num-v{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .2em;color:var(--blue);line-height:1}
.wks .num-v b{font-family:var(--ff-en);font-weight:500;font-size:clamp(3rem,7.4vw,6rem);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.wks .num-v span{font-weight:900;font-size:clamp(1rem,1.8vw,1.4rem)}
.wks .num-c{margin:14px 0 0;font-size:.88rem;font-weight:700;color:var(--ink-2)}
@media (max-width:760px){
.wks .nums{grid-template-columns:1fr}
.wks .num+.num{border-left:0;border-top:1px solid var(--line)}

}

.wks .panel{background:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:24px clamp(24px,4vw,56px);padding:clamp(28px,3.4vw,40px) 0;border-bottom:1px solid var(--line);min-height:200px}

.wks .panel>*{animation:wk-pin .45s ease both}
@keyframes wk-pin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:860px){
.wks .panel{grid-template-columns:1fr}
}
.wks .case{display:block}
.wks .thumb{position:relative;aspect-ratio:1/1;background-image:radial-gradient(circle,#cfdbeb 1.1px,transparent 1.4px);background-size:14px 14px;display:grid;place-items:center;border-top:2px solid var(--blue);margin-top:6px}

@media (max-width:700px){
.wks .thumb{margin-top:2px}

}
@media (prefers-reduced-motion:reduce){

.wks .dot{transition:none!important;left:var(--x)!important}
.wks .dl{opacity:1!important}
}
.wks .case-top{margin:0 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.wks .case-no{font-weight:700;font-size:.9rem;color:var(--blue);letter-spacing:.06em}
.wks .case-top .case-nay{margin:0;font-size:.78rem;color:var(--ink-2);font-weight:500}
.wks .case-top .case-nay span:not(.status)::before{color:var(--ink-3)}
.wks .case h3{margin:0;padding-bottom:22px;border-bottom:2px solid var(--line);font-size:clamp(1.35rem,2.6vw,1.95rem);max-width:none}
.wks .spec{margin:24px 0 0;display:flex;flex-direction:column;gap:10px}
.wks .spec>div{display:grid;grid-template-columns:clamp(104px,11vw,140px) minmax(0,1fr);align-items:center;gap:18px}
.wks .spec dt{background:var(--blue);color:#fff;font-weight:700;font-size:.9rem;text-align:center;padding:.6em .4em;line-height:1.4}
.wks .spec dd{margin:0;font-size:.98rem;font-weight:500;line-height:1.7}
.wks .case-sum{margin:24px 0 0;color:var(--ink-2);line-height:2.1;font-size:.98rem}
.wks .case-go{margin:20px 0 0;display:flex;justify-content:flex-end}
.wks .case-go span{position:relative;font-weight:700;font-size:1.02rem;padding:0 30px 8px 2px;color:var(--ink)}
.wks .case-go span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);transform-origin:left;transition:transform .4s}
.wks .case-go span::before{content:"";position:absolute;right:-1px;bottom:0;border-left:12px solid var(--blue);border-top:8px solid transparent;transform:translateY(0)}
.wks .case:hover .case-go span{color:var(--blue)}
@media (max-width:600px){
.wks .spec>div{grid-template-columns:92px minmax(0,1fr);gap:12px}
.wks .spec dt{font-size:.8rem}
.wks .spec dd{font-size:.88rem}
}

.wks .pn{font-size:.84rem;font-weight:700;line-height:1.4;padding:8px 10px 8px 0;transition:color .2s}
.wks .track{position:relative;height:40px}
.wks .track i.g{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.wks .dot{position:absolute;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--blue);left:0;transition:left 1s cubic-bezier(.2,.8,.2,1) var(--d),background-color .25s}

.wks .dl{position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--x) + var(--s) / 2 + 8px);font-size:.74rem;color:var(--ink-3);white-space:nowrap;opacity:0;transition:opacity .4s calc(var(--d) + .6s)}
.wks .dl.flip{left:auto;right:calc(100% - var(--x) + var(--s) / 2 + 8px)}

.wks .panel{display:block;padding:clamp(24px,3vw,36px) 0;border:0;min-height:0;align-self:start;position:sticky;top:calc(var(--hd) + 24px)}

@media (max-width:900px){

.wks .panel{position:static;border-top:1px solid var(--line)}

.wks .pn{font-size:.74rem}
.wks .dl{display:none}

.wks .dl:not(.flip){max-width:calc(100% - var(--x) - 20px);overflow:hidden;text-overflow:ellipsis}
}
.wks .thread{position:absolute;left:0;top:0;z-index:3;pointer-events:none;overflow:visible;mix-blend-mode:multiply}
.wks .thread path{fill:none;stroke:var(--pale);stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.wks .thread circle{fill:var(--blue);transition:opacity .3s}
.wks main{position:relative;z-index:1}

.wks .case{position:relative}
.wks .case::before{content:attr(data-n);position:absolute;right:0;top:clamp(20px,3vw,40px);font-family:var(--ff-en);font-weight:500;font-size:clamp(5rem,12vw,10rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px #c9d8ec;letter-spacing:-.02em;pointer-events:none;z-index:-1;transform:translateY(calc(var(--py,0) * 1px));transition:transform .1s linear}
.wks .case h3{padding-right:clamp(0px,10vw,170px)}
.wk-js .wks .spec dt{clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.6,.05,.3,1)}
.wk-js .wks .spec>div:nth-child(2) dt{transition-delay:.1s}
.wk-js .wks .spec>div:nth-child(3) dt{transition-delay:.2s}
.wk-js .wks .case.in .spec dt{clip-path:inset(0 0 0 0)}
.wk-js .wks .case-go span::after{transform:scaleX(0);transition:transform .7s cubic-bezier(.6,.05,.3,1) .5s}
.wk-js .wks .case.in .case-go span::after{transform:scaleX(1)}
@media (max-width:700px){
.wks .case::before{font-size:4.6rem;top:12px}
.wks .case h3{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
.wk-js .wks .spec dt{clip-path:none}
.wk-js .wks .case-go span::after{transform:none}
}
.wks .num-v b{display:inline-block;min-width:1ch;transform-origin:left bottom}
.wk-js .wks .num-v.go b{animation:wk-grow 3s cubic-bezier(.2,.8,.2,1) both}
.wks .num:nth-child(2) .num-v.go b{animation-delay:.3s}
.wks .num:nth-child(3) .num-v.go b{animation-delay:.6s}
@keyframes wk-grow{from{transform:scale(.55);opacity:.35}to{transform:none;opacity:1}}
.wks .ph{position:relative;background:var(--ph);overflow:hidden}
.wks .ph>span{position:absolute;left:14px;top:12px;font-size:12px;color:#8a93a1;line-height:1.5}
.wks .ph img{width:100%;height:100%;object-fit:cover;display:block}

.wks .pa{aspect-ratio:16/9;grid-column:1/2;grid-row:1}
.wks .pb{aspect-ratio:4/5;grid-column:2/3;grid-row:1;margin:clamp(64px,10vw,140px) 0 0 calc(clamp(40px,6vw,90px) * -1);box-shadow:0 0 0 10px #fff}
.wks .ph{will-change:transform}

@media (max-width:700px){

.wks .pb{margin:48px 0 0 -36px;box-shadow:0 0 0 6px #fff}
}

.wks .end{background:var(--blue);color:#fff;border-top:0;position:relative;z-index:4}
.wks .end h2{color:#fff}
.wks .end p{color:rgba(255,255,255,.82)}
.wks .end .cta{box-shadow:none}

.wks .svc-lb{font-size:.74rem;font-weight:700;color:var(--blue);border:1px solid var(--blue);padding:1px 8px;line-height:1.6}

.wks .d-ul{margin:0 0 1.3em;padding:0;list-style:none}
.wks .d-ul li{position:relative;padding:0 0 8px 1.2em;line-height:1.9}
.wks .d-ul li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--blue)}

.wks .num-v{flex-wrap:nowrap!important}
.wks .num-v b{font-size:clamp(2.6rem,5.6vw,5rem)!important}

.wks .nums-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wks .nums-4 .num-v b{font-size:clamp(2.6rem,5vw,4.6rem)!important}
@media (max-width:900px){
.wks .nums-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.wks .nums-4 .num:nth-child(3){border-left:0}
.wks .nums-4 .num:nth-child(n/**/+3){border-top:1px solid var(--line)}
}
@media (max-width:760px){
.wks .nums-4 .num+.num{border-top:0}
.wks .nums-4 .num:nth-child(n/**/+3){border-top:1px solid var(--line)}
.wks .nums-4 .num:nth-child(even){border-left:1px solid var(--line)}
}

.wks .d-expert{max-width:none}
.wks .expert{display:grid;grid-template-columns:clamp(120px,16vw,180px) minmax(0,1fr);gap:clamp(20px,3vw,36px);padding:28px 0;border-top:2px solid var(--blue);border-bottom:1px solid var(--line)}
.wks .expert+.expert{border-top:1px solid var(--line)}

@media (max-width:600px){
.wks .expert{grid-template-columns:96px minmax(0,1fr);gap:16px}

}

.wks .case::before{-webkit-text-stroke:1.5px var(--blue)!important;opacity:.9}
.wks .cs-slide{margin:24px 0 0;max-width:880px}
.wks .zbtn{position:relative;z-index:2;display:block;width:100%;padding:0;border:1px solid var(--line);background:#fff;cursor:zoom-in}
.wks .zbtn img{display:block;width:100%;height:auto}

.wks .z-l{position:absolute;right:10px;bottom:10px;padding:4px 10px;font-size:12px;font-weight:700;color:#fff;background:var(--blue);line-height:1.5}
.wks .d-head .cs-slide{margin-top:32px;max-width:1000px}
.wks .zoom{border:0;padding:0;max-width:min(1200px,94vw);width:94vw;background:#fff}
.wks .zoom::backdrop{background:rgba(10,20,40,.72)}
.wks .zoom-in .ph,.wks .zoom-in img{display:block;width:100%;aspect-ratio:16/9;height:auto}
.wks .zoom-x{position:absolute;right:8px;top:6px;z-index:3;border:0;background:var(--blue);color:#fff;width:36px;height:36px;font-size:20px;line-height:1;cursor:pointer}
.wks .ptitle,.wks .stats,.wks .entry,.wks .list,.wks .end{position:relative}
.wks .ptitle>.wrap,.wks .stats>.wrap,.wks .entry>.wrap,.wks .list>.wrap,.wks .end>.wrap,.wks .photos>.wrap{position:relative;z-index:1}

.wks .end{overflow:hidden}
.wks #pageList{overflow-x:clip}

.wks .d-res li{padding-left:0!important}
.wks .d-res li::before,.wks .d-res li::after{content:none!important}
.wks .d-side dt{color:var(--blue)!important;font-weight:700}
.wks{--ink:#0f1b2d;--ink-2:#465264;--line:#dbe2ea}
.wks .h2{color:var(--ink)}
.wks .lead2{color:var(--ink-2)}
.wks .entry{padding-bottom:clamp(88px,10vw,128px)}
.wks .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,4vw,48px);border-top:2px solid var(--blue);border-left:1px solid var(--line)}
.wks .cat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:clamp(150px,15vw,190px);padding:clamp(20px,2.4vw,28px);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer;overflow:hidden;transition:background-color .3s,color .3s}
.wks .cat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.6,.05,.3,1)}
.wks .cat-f{font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:900;line-height:1.35;letter-spacing:.03em}
.wks .cat-o{font-size:.78rem;color:var(--ink-2);transition:color .3s}
.wks .cat-n{margin-top:auto;font-size:.86rem;font-weight:700;color:var(--blue);transition:color .3s}
.wks .cat-n b{font-family:var(--ff-en);font-weight:500;font-size:2.4rem;line-height:1;margin-right:4px}
.wks button.cat:hover,.wks button.cat[aria-pressed="true"]{background:var(--blue);color:#fff}
.wks button.cat:hover .cat-o,.wks button.cat:hover .cat-n,.wks button.cat[aria-pressed="true"] .cat-o,.wks button.cat[aria-pressed="true"] .cat-n{color:#fff}
.wks button.cat:hover::after,.wks button.cat[aria-pressed="true"]::after{transform:scaleX(1)}
.wks .cat.is-soon{cursor:default;color:#9aa5b4}
.wks .cat.is-soon .cat-o{color:#b3bcc8}
.wks .cat.is-soon .cat-n{color:#b3bcc8;font-size:.8rem}

@media (max-width:900px){
.wks .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.wks .cat{min-height:120px}
.wks .cat-n b{font-size:1.9rem}
}
.wks .list.is-off{display:none}

.wks button.cat::after{display:none!important}

.wks .stats,.wks .svc-intro{background-image:radial-gradient(circle,#d4d9e0 1px,transparent 1.3px)!important}
.wks .thread path{stroke:#b9cbe6!important}
.wks .thread{z-index:0!important;mix-blend-mode:normal!important}
@media (min-width:1000px){
.wks .case .case-no{display:none}
}
.wks .zbtn{overflow:hidden}
.wks .zbtn>.ph,.wks .zbtn>img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.wks .case:hover .zbtn>.ph,.wks .case:hover .zbtn>img{transform:scale(1.025)}
.wks .case-sum{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:1000px){
.wks .case{--cg:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"top slide" "title slide" "spec slide" "sum slide" "go slide";grid-template-rows:auto auto auto auto 1fr;column-gap:var(--cg);align-items:start;padding:clamp(64px,7vw,96px) 0!important}
.wks .case.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"slide top" "slide title" "slide spec" "slide sum" "slide go"}
.wks .case>.case-top{grid-area:top;margin:clamp(92px,8vw,118px) 0 0}
.wks .case>h3{grid-area:title;margin-top:12px;padding:0!important;border:0!important;font-size:clamp(1.4rem,2.2vw,1.85rem)}
.wks .case>.cs-slide{grid-area:slide;margin:0;max-width:none}
.wks .case>.spec{grid-area:spec;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.wks .case>.spec>div{grid-template-columns:96px minmax(0,1fr);gap:14px}
.wks .case>.spec dt{font-size:.78rem;padding:.45em .3em}
.wks .case>.spec dd{font-size:.9rem}
.wks .case>.case-sum{grid-area:sum;margin-top:18px;font-size:.9rem;line-height:1.95}
.wks .case>.case-go{grid-area:go;justify-content:flex-start;margin-top:22px}
.wks .case::before{left:0;right:auto!important;top:clamp(56px,6vw,84px)!important;font-size:clamp(5.5rem,9vw,8rem)!important;transform:none!important}
.wks .case.flip::before{left:calc((100% - var(--cg)) * 7 / 12 + var(--cg))}
}
.wks .stats,.wks .svc-intro{background-image:none!important}

.wks .stats .nums-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:clamp(32px,4vw,44px)}
.wks .stats .nums-4 .num:nth-child(3){border-left:0}
.wks .stats .nums-4 .num:nth-child(n/**/+3){border-top:1px solid var(--line)}
.wks .stats .nums-4 .num:nth-child(even){border-left:1px solid var(--line)}
.wks .stats .nums-4 .num-v b{font-size:clamp(2.6rem,4.4vw,4rem)!important}

.wks .cat{min-height:clamp(118px,11vw,140px)!important}
.wks .cat.is-soon .cat-n{margin-top:auto}

.wks .stats .nums-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.wks .stats .nums-4 .num{border-top:0!important}
.wks .stats .nums-4 .num+.num{border-left:1px solid var(--line)!important}
@media (max-width:900px){
.wks .stats .nums-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wks .stats .nums-4 .num:nth-child(3){border-left:0!important}
.wks .stats .nums-4 .num:nth-child(n/**/+3){border-top:1px solid var(--line)!important}
}

.wks .list{padding-top:clamp(8px,2vw,16px)}
.wks .entry{padding-bottom:clamp(56px,7vw,88px)!important;padding-top:0!important}
.wks .stats{padding-bottom:clamp(64px,8vw,96px)!important}
.wks .note{margin:28px 0 0;font-size:.78rem;color:var(--ink-3)}
.wks .end{border-top:1px solid var(--line);padding:clamp(80px,10vw,128px) 0}
.wks .end-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px}
.wks .end h2{margin:0 0 8px;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:900;line-height:1.6}
.wks .end p{margin:0;color:var(--ink-2);max-width:32em}
.wk-js .wks .case{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.wk-js .wks .case.in{opacity:1;transform:none}
.wk-js .wks .step{opacity:.25;transition:opacity .6s ease}
.wk-js .wks .step.on{opacity:1}
@media (prefers-reduced-motion:reduce){
.wk-js .wks .case,.wk-js .wks .step,.wk-js .wks .pv-a,.wk-js .wks .pc-h,.wk-js .wks .pc-line{opacity:1!important;transform:none!important;transition:none!important}
.wk-js .wks .pc path{stroke-dashoffset:0!important}
.wks .step i{transform:none!important}
}
.wks .end{background:var(--blue);border-top:0}
.wks .end h2{color:#fff}
.wks .end p{color:rgba(255,255,255,.82)}
.wks .ptitle.fv{position:relative;overflow:hidden;color:#fff;text-align:center;padding:calc(var(--hd) + clamp(56px,7vw,96px)) 0 clamp(56px,7vw,96px)!important;
  background-color:#003885;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='5' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 .05  0 0 0 0 .2  0 0 0 -1.4 1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
                   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:900px 900px,300px 300px}
.wks .ptitle.fv .crumb{color:rgba(255,255,255,.7);text-align:left}
.wks .ptitle.fv .crumb a{color:rgba(255,255,255,.85)}
.wks .ptitle.fv .ptitle-row{flex-direction:column;align-items:center;justify-content:center;gap:22px}
.wks .ptitle.fv h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.4rem)}
.wks .ptitle.fv h1 path{stroke:rgba(255,255,255,.22)!important}
.wks .ptitle.fv .lead{color:#fff;max-width:none;font-weight:500;line-height:1.9}
.wks .entry,.wks .list{background:#f2f2f2}
.wks .entry{padding-top:clamp(72px,8vw,104px)!important}
.wks .list{display:flow-root;padding-top:0!important;padding-bottom:clamp(80px,9vw,120px)!important}

.wks .entry{padding-bottom:clamp(32px,4vw,48px)!important}
.wks .cats{background:#fff}

.wks .cases{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px)}
.wks .case{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;grid-template-areas:"top top" "title title" "spec slide" "sum slide" "go go"!important;column-gap:clamp(28px,3.6vw,48px)!important;
  background:#fff;padding:clamp(28px,3.4vw,44px) clamp(24px,3.4vw,48px)!important;border:0!important;opacity:1;transform:none}
.wks .case.flip{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;grid-template-areas:"top top" "title title" "spec slide" "sum slide" "go go"!important}
.wks .case::before{display:none!important}
.wks .case .case-no{display:inline!important;font-family:var(--ff-en);font-weight:500;font-size:.95rem;letter-spacing:.02em;color:var(--blue)}
.wks .case>.case-top{grid-area:top;margin:0 0 10px!important}
.wks .case>h3{grid-area:title;margin:0!important;padding:0 0 18px!important;border-bottom:2px solid #e6e6e6!important;font-size:clamp(1.3rem,2.2vw,1.75rem)!important;max-width:none}
.wks .case>.cs-slide{grid-area:slide;margin:24px 0 0!important;max-width:none!important;align-self:start}
.wks .case>.spec{grid-area:spec;margin:24px 0 0!important;padding:0!important;border:0!important}
.wks .case>.spec>div{grid-template-columns:118px minmax(0,1fr)!important;gap:16px!important}
.wks .case>.spec dt{font-size:.86rem!important;padding:.55em .4em!important}
.wks .case>.spec dd{font-size:.95rem!important}
.wks .case>.case-sum{grid-area:sum;margin-top:20px!important;font-size:.93rem!important;-webkit-line-clamp:5}
.wks .case>.case-go{grid-area:go;justify-content:flex-end!important;margin-top:18px!important}
.wk-js .wks .case{opacity:0;transform:translateY(20px)}
.wk-js .wks .case.in{opacity:1;transform:none}
@media (max-width:900px){
.wks .case,.wks .case.flip{grid-template-columns:1fr!important;grid-template-areas:"top" "title" "slide" "spec" "sum" "go"!important}
.wks .case>.spec>div{grid-template-columns:92px minmax(0,1fr)!important}
}

.wks .case-nay span::before{content:none!important}
.wks .case-top .case-nay{color:var(--ink-2)!important;font-weight:700!important}
.wks .case-top .case-nay span+span::before{content:"／"!important;margin:0 .3em;color:#b3bcc8}
.wks .case[hidden]{display:none!important}
.wks .case:hover h3{color:var(--blue)}
.wks .case h3{transition:color .2s}
.wks .cats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:clamp(24px,3vw,40px)!important;background:none!important;border:0!important;border-top:0!important;margin-top:clamp(28px,3.6vw,44px)!important}
.wks .cat{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:20px;row-gap:4px;min-height:0!important;
  padding:clamp(22px,2.4vw,30px) clamp(20px,2.2vw,28px)!important;border:0!important;border-top:1px solid #cfd6df!important;
  background:linear-gradient(90deg,var(--blue) 0 0) no-repeat left/0% 100%,#fff!important;color:var(--ink);text-align:left;transition:background-size .5s cubic-bezier(.6,.05,.3,1),color .3s!important}
.wks .cats>.cat:nth-last-child(-n/**/+2){border-bottom:1px solid #cfd6df!important}
.wks .cat::after{display:none!important}
.wks .cat-f{grid-column:1;grid-row:1;font-size:clamp(1.35rem,2.3vw,1.85rem)!important;font-weight:900;letter-spacing:.04em;line-height:1.3}
.wks .cat-o{grid-column:1;grid-row:2;font-size:.8rem!important;color:var(--ink-2)}
.wks button.cat::before{content:"→";grid-column:2;grid-row:1/3;font-family:var(--ff-en);font-size:1.4rem;font-weight:500;color:var(--blue);transition:transform .35s,color .3s}
.wks button.cat:hover,.wks button.cat[aria-pressed="true"]{background-size:100% 100%,auto!important;color:#fff!important}
.wks button.cat:hover .cat-o,.wks button.cat[aria-pressed="true"] .cat-o{color:rgba(255,255,255,.8)!important}
.wks button.cat:hover::before,.wks button.cat[aria-pressed="true"]::before{color:#fff;transform:translateX(6px)}
.wks .cat.is-soon{cursor:default}
.wks .cat.is-soon .cat-f{color:#aab3bf}
.wks .cat.is-soon .cat-o{color:#b8c0ca}
.wks .cat.is-soon .cat-n{grid-column:2;grid-row:1/3;margin:0!important;font-size:.72rem!important;font-weight:700;color:#9aa5b4!important;border:1px solid #cfd6df;padding:3px 10px;letter-spacing:.06em}
@media (max-width:760px){
.wks .cats{grid-template-columns:1fr!important}
.wks .cats>.cat:nth-last-child(2){border-bottom:0!important}
.wks .cat-f{font-size:1.25rem!important}
}
.wks .cats{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:clamp(20px,2.6vw,36px)!important;row-gap:0!important;margin-top:clamp(20px,2.6vw,32px)!important}
.wks .cat{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;padding:14px 0 18px!important;
  background:none!important;border:0!important;border-top:1px solid #cfd6df!important;box-shadow:inset 0 0 0 0 var(--blue);transition:color .2s,box-shadow .25s!important}
.wks .cats>.cat:nth-last-child(-n/**/+2){border-bottom:0!important}
.wks button.cat::before{content:none!important}
.wks .cat-f{font-size:1.02rem!important;font-weight:700!important;letter-spacing:.04em;line-height:1.5}
.wks .cat-o{font-size:.72rem!important;color:var(--ink-2)}
.wks button.cat:hover,.wks button.cat[aria-pressed="true"]{background:none!important;color:var(--blue)!important}
.wks button.cat:hover .cat-o,.wks button.cat[aria-pressed="true"] .cat-o{color:var(--ink-2)!important}
.wks button.cat[aria-pressed="true"]{box-shadow:inset 0 2px 0 0 var(--blue)}
.wks .cat.is-soon .cat-f{color:#aab3bf}
.wks .cat.is-soon .cat-o{color:#b8c0ca}
.wks .cat.is-soon .cat-n{grid-column:2;grid-row:1;align-self:center;border:0!important;padding:0!important;font-size:.68rem!important;color:#aab3bf!important}
.wks .entry .h2{font-size:clamp(1.3rem,2.2vw,1.6rem)}
@media (max-width:760px){
.wks .cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.wks .cat-f{font-size:.95rem!important}
}
.wks .cat-o{grid-column:1/-1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wks .svc-lb{border:0!important;padding:0!important;background:none!important;color:var(--blue)!important;font-size:.82rem!important}

.wks .case-top .case-nay span,.wks .d-head .case-nay span{display:inline-block;border:1px solid #cfd6df;padding:2px 10px;font-size:.76rem!important;font-weight:700;color:var(--ink)!important;line-height:1.6}
.wks .case-top .case-nay span+span::before,.wks .d-head .case-nay span::before{content:none!important}
.wks .case-top .case-nay{display:inline-flex;gap:6px}
.wks .d-head .case-nay{gap:6px!important}
.wks .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wks .axis{display:flex;gap:clamp(20px,3vw,40px);align-items:baseline}
.wks .ax-b{border:0;background:none;padding:0 0 6px;font:inherit;font-size:clamp(1.25rem,2.1vw,1.55rem);font-weight:900;color:#aab3bf;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.wks .ax-b:hover{color:var(--ink)}
.wks .ax-b[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--blue)}
.wks .cats[hidden]{display:none!important}
.wks .cats-gyo .cat{min-height:0}
.wks .cats-gyo .cat-f{padding:2px 0 6px}
.wks .list{padding-top:clamp(28px,3.4vw,40px)!important}
.wks .case-top .case-nay span,.wks .d-head .case-nay span{border:0!important;padding:0!important;font-size:.8rem!important;color:var(--ink-2)!important}
.wks .case-top .case-nay span+span::before{content:"／"!important;margin:0 .3em;color:#b3bcc8}
.wks .case-top{gap:6px 16px!important}
.wks .ax-b{border-bottom:0!important;padding-bottom:0!important}
.wks .cats .cat{border-top:0!important;border-bottom:0!important;box-shadow:none!important;padding:10px 0 12px!important}
.wks button.cat[aria-pressed="true"]{box-shadow:none!important}
.wks button.cat[aria-pressed="true"] .cat-f{color:var(--blue)}
.wks button.cat[aria-pressed="true"] .cat-f::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px;vertical-align:middle;position:relative;top:-2px}
.wks .cats{margin-top:clamp(16px,2vw,24px)!important;row-gap:2px!important}
.wks .cats-gyo{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.wks .cats-gyo .cat-f{font-size:.98rem!important;padding:0!important}
@media (max-width:760px){
.wks .cats-gyo{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.wks .d-head{border-bottom:0!important;padding-bottom:0!important}
.wks .d-head .cs-slide{margin-bottom:0!important}
.wks .d-grid{padding-top:clamp(48px,5vw,72px)!important}
.wks .case>.case-go{margin-top:8px!important}
.wks .cats,.wks .cats-gyo{display:block!important;margin-top:clamp(14px,1.8vw,20px)!important;line-height:2.4;max-width:62em}
.wks .cats .cat{display:inline!important;padding:0!important;min-height:0!important;background:none!important;border:0!important;font:inherit;text-align:left}
.wks .cats .cat-o,.wks .cats .cat-n{display:none!important}
.wks .cats .cat-f{display:inline!important;font-size:1rem!important;font-weight:700!important;letter-spacing:.04em;padding:0!important}
.wks .cats .cat-f::before{content:none!important}
.wks .cats .cat+.cat::before{content:"／"!important;display:inline!important;margin:0 .9em;color:#c3cad3;font-weight:400;transform:none!important}
.wks button.cat:hover .cat-f{color:var(--blue)}
.wks button.cat[aria-pressed="true"] .cat-f{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.wks .cat.is-soon .cat-f{color:#b3bcc8!important;font-weight:500!important}
.wks .cats .cat{display:inline-block!important;white-space:nowrap}
.wks .cats .cat{vertical-align:top!important;line-height:2.6!important;font-size:1rem!important;height:auto!important;margin:0!important}
.wks .cats .cat-f{line-height:inherit!important}
.wks .subs-g button.cat[aria-pressed="true"]{box-shadow:none!important;padding-left:0!important}
.wks .subs-g button.cat[aria-pressed="true"] .cat-f{color:var(--blue)!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:7px!important}

.wks .case-top .case-nay,.wks .d-head .case-nay{display:none!important}
.wks .d-sec h2{font-size:clamp(1.2rem,2vw,1.45rem)!important;margin-bottom:1em!important;color:var(--ink)}
.wks .cats .cat+.cat::before{font-size:1rem!important;font-family:var(--ff)!important;line-height:inherit!important;color:#c3cad3!important}
.wks .axis{display:flex!important;align-items:baseline;gap:0!important;font-size:clamp(1.35rem,2.2vw,1.65rem);font-weight:900;letter-spacing:.04em}
.wks .ax-b{font-size:inherit!important;font-weight:900!important;padding:0!important;border:0!important;background:none;color:#b3bcc8!important;cursor:pointer;transition:color .2s}
.wks .ax-b:hover{color:var(--ink-2)!important}
.wks .ax-b[aria-selected="true"]{color:var(--blue)!important;cursor:default}
.wks .ax-b:focus,.wks .ax-b:focus-visible{outline:none!important}
.wks .ax-b:focus-visible{text-decoration:underline;text-underline-offset:6px}

.wks .cats button.cat:focus,.wks .cats button.cat:focus-visible{outline:none!important}
.wks .cats button.cat:focus-visible .cat-f{text-decoration:underline;text-underline-offset:6px}
.wks .axis{display:inline-flex!important;gap:0!important;border:1px solid var(--blue);font-size:1rem!important;letter-spacing:.04em}
.wks .ax-b{font-size:.95rem!important;font-weight:700!important;padding:12px 26px!important;color:var(--blue)!important;background:#fff!important;cursor:pointer;transition:background-color .2s,color .2s}
.wks .ax-b+.ax-b{border-left:1px solid var(--blue)!important}
.wks .ax-b:hover{background:#fff!important;color:var(--ink)!important}
.wks .ax-b[aria-selected="true"]{background:var(--blue)!important;color:#fff!important}
.wks .ax-b:focus-visible{text-decoration:none;box-shadow:inset 0 0 0 2px #fff}
.wks .cats{margin-top:clamp(20px,2.4vw,28px)!important}
@media (max-width:600px){
.wks .axis{display:flex!important}
.wks .ax-b{flex:1;padding:12px 10px!important}
}
.wks .axis{display:flex!important;gap:12px!important;border:0!important}
.wks .ax-b{border:1px solid var(--blue)!important}
.wks .ax-b+.ax-b{border-left:1px solid var(--blue)!important}
@media (max-width:600px){
.wks .axis{gap:8px!important}
}
.wks .subs{margin-top:clamp(18px,2.2vw,26px);padding-top:clamp(16px,2vw,22px);border-top:1px solid #dde2e8}
.wks .subs[hidden]{display:none}
.wks .subs-l{margin:0;font-size:.8rem;font-weight:700;color:var(--ink-2)}
.wks .subs-row{margin-top:6px!important}
.wks .subs-row .cat-f{font-size:.92rem!important}
.wks .subs-l{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.wks .sub-all{border:0;background:none;padding:0;font:inherit;font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer}
.wks .sub-all:hover{color:var(--blue)}
.wks .sub-all[aria-pressed="true"]{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.wks .sub-all:focus{outline:none}
.wks .subs-g{display:grid;grid-template-columns:11em minmax(0,1fr);gap:4px 16px;align-items:baseline;margin-top:10px}
.wks .subs-gl{margin:0;font-size:.82rem;font-weight:700;color:var(--blue);line-height:2.6}
.wks .subs-g .subs-row{margin-top:0!important}
@media (max-width:700px){
.wks .subs-g{grid-template-columns:1fr;gap:0}
.wks .subs-gl{line-height:1.8}
}
.wks .cats,.wks .cats-gyo{display:flex!important;flex-wrap:wrap;gap:4px 30px!important;line-height:2.4;max-width:none}
.wks .cats .cat+.cat::before{content:none!important;margin:0!important}
.wks .cats .cat{line-height:2.4!important}
.wks button.cat[aria-pressed="true"] .cat-f{text-underline-offset:8px}
.wks .cat.is-soon .cat-f{color:#c0c7d0!important}
.wks .subs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,4vw,56px);background:#fff;border-top:0!important;margin-top:clamp(20px,2.4vw,28px)!important;padding:clamp(22px,2.6vw,32px) clamp(22px,2.8vw,36px)!important}
.wks .subs[hidden]{display:none!important}
.wks .subs-l{grid-column:1/-1;margin:0 0 14px!important}
.wks .subs-g{display:block!important;margin:0!important}
.wks .subs-gl{margin:0 0 4px!important;padding-bottom:8px;border-bottom:2px solid var(--blue);line-height:1.6!important;font-size:.9rem!important}
.wks .subs-g .subs-row{display:flex!important;flex-direction:column!important;gap:0!important;line-height:1.6}
.wks .subs-g .cat{display:block!important;width:100%;padding:11px 0!important;border-bottom:1px solid #e3e7ec!important;line-height:1.6!important;text-align:left}
.wks .subs-g .cat-f{font-size:.92rem!important}
.wks .subs-g button.cat[aria-pressed="true"] .cat-f{text-decoration:none;color:var(--blue)}
.wks .subs-g button.cat[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--blue)!important;padding-left:12px!important}
.wks .subs-g .cat.is-soon .cat-f::after{content:"準備中";margin-left:10px;font-size:.7rem;font-weight:500;color:#c0c7d0}
@media (max-width:760px){
.wks .subs{grid-template-columns:1fr}
.wks .subs-g+.subs-g{margin-top:20px!important}
}

.wks .rel a{grid-template-columns:1fr!important;grid-template-areas:"n" "t"!important}
.wks .r-nay{color:var(--blue)!important}
.wks .rel a:hover .r-t{color:var(--blue)}
.wks .r-nay{display:flex;gap:14px;align-items:baseline;font-size:.78rem!important}
.wks .r-f{color:var(--blue);font-weight:700}
.wks .r-g{color:var(--ink-2);font-weight:500}
.wks .end .cta{border-radius:0!important;background:#fff!important;color:var(--blue)!important;padding:18px 44px!important;font-size:1rem!important;letter-spacing:.06em;position:relative;transition:background-color .2s,color .2s}
.wks .end .cta::after{content:"→";font-family:var(--ff-en);margin-left:14px;transition:transform .3s}
.wks .end .cta:hover{background:var(--orange)!important;color:#fff!important}
.wks .end .cta:hover::after{transform:translateX(4px)}
.wks .stats .nums,.wks .stats .nums-4{border:0!important;background:none!important}
.wks .stats .nums-4 .num{border:0!important;padding-left:0!important}
.wks .stats .nums-4 .num+.num{border-left:0!important}
.wks .back{position:relative;padding:0 0 8px 26px!important;color:var(--ink)!important}
.wks .back svg{position:absolute;left:0;top:3px;color:var(--blue)}
.wks .back::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}
.wks .back:hover{color:var(--blue)!important}
.wks .d-ul li::before{content:"・"!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;top:0!important;color:var(--ink)}
.wks #subs .subs-g button.cat[aria-pressed="true"]{box-shadow:none!important;padding-left:0!important;border-left:0!important}
.wks #subs .subs-g .cat{border-bottom:1px solid #e3e7ec!important;border-top:0!important}
.wks h1,.wks h2,.wks h3,.wks .d-title,.wks .case h3,.wks .r-t,.wks .end h2,.wks .d-steps h3{word-break:auto-phrase}
.wks h1,.wks h2,.wks h3,.wks .d-title,.wks .r-t,.wks .end h2{text-wrap:balance}
.wks .ib{display:inline-block}
.wks #subs .cat{white-space:normal!important}
@media (max-width:760px){
.wks .ptitle.fv{padding-top:calc(var(--hd) + 40px)!important;padding-bottom:44px!important}
.wks .ptitle.fv .lead{font-size:.92rem}
.wks .stats .nums-4{grid-template-columns:1fr!important;gap:0!important}
.wks .stats .nums-4 .num{display:grid;grid-template-columns:8.2em minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 0!important;border:0!important;border-top:1px solid var(--line)!important}
.wks .stats .nums-4 .num:first-child{border-top:0!important}
.wks .stats .nums-4 .num-v b{font-size:2.4rem!important}
.wks .stats .nums-4 .num-c{margin:0;font-size:.84rem}
.wks .end h2{font-size:1.3rem}
.wks .end .cta{width:100%;justify-content:center}
.wks .d-steps li{grid-template-columns:1fr!important;gap:2px!important}
.wks .d-n{font-size:1.4rem!important}
.wks .d-side .back{display:none!important}
.wks .d-side{margin-bottom:8px}
.wks .d-rel .h2{font-size:1.3rem!important}

}
.wks #subs .subs-g button.cat{display:flex!important;justify-content:flex-start!important;align-items:center;text-align:left!important;width:100%!important}
.wks #subs .subs-g button.cat .cat-f{display:block!important;text-align:left!important}
.wks .cats button.cat{text-align:left!important}
.wks .sub-all{text-align:left!important}
.wks #subs .subs-g a.cat{display:block!important;width:100%;padding:11px 0!important;border-bottom:1px solid #e3e7ec!important;color:var(--ink);text-decoration:none;text-align:left!important;line-height:1.6!important}
.wks #subs .subs-g a.cat .cat-f{font-size:.92rem!important;font-weight:700!important;color:var(--ink)}
.wks #subs .subs-g a.cat:hover .cat-f{color:var(--blue)}
.wks #subs .subs-g a.cat[aria-current="true"] .cat-f{color:var(--blue)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.wks .zbtn>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
/* ---------- ほかのページとそろえる ---------- */
.wks{--ff:'Hiragino Kaku Gothic ProN','Hiragino Sans','ヒラギノ角ゴ ProN W3','BIZ UDPGothic','Meiryo',sans-serif;--ff-en:'Jost','Futura','Century Gothic',sans-serif;--hd:88px;--wrap:1240px;--gutter:6vw;
  padding-top:0;font-family:var(--ff);color:var(--ink);background:var(--white);font-size:16px;line-height:1.95;letter-spacing:.03em;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (max-width:1080px){.wks{--hd:64px}}
.wks *,.wks *::before,.wks *::after{box-sizing:border-box}
.wks a{color:inherit}
.wks button{font-family:inherit;color:inherit}
.wks :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wks .wrap{box-sizing:content-box;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}   /* 横幅：ほかのページ（中身1240px・左右6%）と同じ */
.wks .ptitle h1 svg{display:none}   /* ページ名の手書きのまるは出さない（ほかのページと同じ） */
/* ---------- 上部（ページ名）：ほかのページ（会社概要・事業・サービスなど）と同じ見た目に ----------
   紺の帯をやめて白地に。パンくず（上から160px）→ ページ名（紺・太字）→ リード文を左寄せで並べる */
.wks .ptitle.fv{background:none!important;color:var(--ink);text-align:left;overflow:visible;padding:160px 0 0!important}
.wks .ptitle.fv .crumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 48px;font-size:12px;line-height:1.6;color:#5d6878;text-align:left}
.wks .ptitle.fv .crumb a{color:inherit;text-decoration:none}
.wks .ptitle.fv .crumb a:hover{color:#003885}
.wks .ptitle.fv .ptitle-row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0}
.wks .ptitle.fv h1{display:block;margin:0 0 28px;padding:0;font-size:clamp(30px,4.2vw,46px);font-weight:700;letter-spacing:.06em;line-height:1.4;color:#003885}
.wks .ptitle.fv .lead{margin:0;max-width:none;font-size:16px;font-weight:400;line-height:1.95;color:var(--ink)}
@media (min-width:761px){.wks .ptitle.fv .lead{white-space:nowrap}}   /* リード文はパソコンでは1行で（スマホは画面の幅で折り返す） */
.wks .ptitle.fv .lead .ib{display:inline}
@media (max-width:760px){
  .wks .ptitle.fv{padding:120px 0 8px!important}
  .wks .ptitle.fv .crumb{margin-bottom:32px}
  .wks .ptitle.fv .lead{font-size:15px}
}