/* nwx-x.css — X（旧Twitter）運用代行LP（/twitter）2026-10-02。部品はインスタLP v2と共通 2026-10-02
   スコープ：.nwx-x 配下（＋ body.nwx-x-page の sticky 対策）。動きは transform / opacity のみ。
   JSなし・reduced-motion でも全文が表示される（隠すのは JS が付ける .nwx-pre だけ） */
.nwx-x{--ink:#0d1b45;--ink2:#3f4c72;--mute:#6c7795;--blue:#1b76df;--blue-d:#0f5bc4;--blue-l:#e8f1fd;--green:#22c55e;--green-d:#15803d;--green-l:#e9f8ef;
  --line:rgba(13,27,69,.1);--bg:#f6f9fe;--card:#fff;--e:cubic-bezier(.16,1,.3,1);
  --x:#0f1419;--x2:#536471;--xl:#eff3f4;--ig:linear-gradient(145deg,#000 0%,#2f3336 100%);--ig-h:linear-gradient(90deg,#0f1419 0%,#536471 100%);
  color:var(--ink);font-size:18px;line-height:1.85;letter-spacing:.02em;word-break:keep-all;overflow-wrap:break-word;line-break:strict;
  -webkit-font-smoothing:antialiased;background:#fff}
.nwx-x *,.nwx-x *::before,.nwx-x *::after{box-sizing:border-box}
.nwx-x :where(h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,blockquote,table,caption){margin:0;padding:0;line-height:inherit;font-weight:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}
.nwx-x :where(ul,ol){list-style:none}
.nwx-x img{max-width:100%;height:auto;display:block}
.nwx-x a{color:inherit}
.nwx-x mark{background:none;color:inherit}
.nwx-x .pc-only{display:inline}
@media (max-width:767px){.nwx-x .pc-only{display:none}}

/* ---------- 共通 ---------- */
.nwx-in{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.nwx-s{position:relative;padding:clamp(72px,8vw,128px) 0}
.nwx-hd{max-width:860px;margin-bottom:clamp(32px,4vw,56px);text-align:left}
.nwx-x .nwx-hd .nwx-h2,.nwx-x .nwx-hd .nwx-lead,.nwx-x .nwx-hd .nwx-eb{text-align:inherit}
.nwx-hd.is-c{margin-left:auto;margin-right:auto;text-align:center}
.nwx-hd.is-c .nwx-eb{justify-content:center}
.nwx-eb{display:flex;align-items:center;gap:10px;font:700 14px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.22em;color:var(--blue)}
.nwx-eb i{display:block;width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--green))}
.nwx-h2{margin-top:14px!important;font-size:clamp(26px,3.2vw,42px)!important;line-height:1.45!important;font-weight:800!important;letter-spacing:.01em!important;color:var(--ink)}
.nwx-h3{font-size:clamp(19px,1.8vw,23px);font-weight:800;line-height:1.5}
.nwx-lead{margin-top:18px!important;font-size:clamp(16px,1.15vw,18px);line-height:1.95;color:var(--ink2)}
.nwx-note{margin-top:20px!important;font-size:14px;line-height:1.8;color:var(--mute)}
.nwx-ic{width:24px;height:24px;flex:none}
.nwx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px!important}
.nwx-chips li{padding:4px 12px;border-radius:99px;font-size:14px;font-weight:700;line-height:1.6;color:var(--blue-d);background:var(--blue-l)}
.nwx-tick{width:16px;height:16px;flex:none;color:var(--green);margin-top:.35em}

/* ボタン（内部SEO・SEOコンサルLPと同じ：相談＝緑、DL＝白地に緑の枠） */
.nwx-x .nwx-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.nwx-x .nwx-btns.is-c{justify-content:center;margin-top:48px}
.nwx-x .nwx-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;min-width:300px;max-width:100%;padding:12px 28px;border-radius:999px;
  font-size:18px;font-weight:700;line-height:1.45;letter-spacing:.03em;text-align:center;text-decoration:none!important;transition:transform .35s var(--e),box-shadow .35s var(--e),background .35s}
.nwx-x .nwx-btn--go{color:#fff!important;background:linear-gradient(135deg,#3ddc6f 0%,#1fbf55 100%);text-shadow:0 1px 2px rgba(0,60,20,.35);box-shadow:0 16px 34px -14px rgba(46,214,104,.8)}
.nwx-x .nwx-btn--go:hover{transform:translate3d(0,-2px,0);box-shadow:0 22px 44px -14px rgba(46,214,104,.95)}
.nwx-x .nwx-btn--sub{color:#13a648!important;background:#fff;border:3px solid #2fd165}
.nwx-x .nwx-btn--sub:hover{transform:translate3d(0,-2px,0);background:#f0fdf4}
.nwx-x .nwx-free{display:inline-block;flex:none;font-size:14px;line-height:1;padding:4px 7px;border:1px solid currentColor;border-radius:5px;text-shadow:none}
.nwx-x .nwx-ar{width:18px;height:18px;flex:none;transition:transform .45s var(--e)}
.nwx-x .nwx-btn:hover .nwx-ar,.nwx-x a:hover>.nwx-ar{transform:translate3d(4px,0,0)}
.nwx-more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:17px;font-weight:700;color:var(--blue)!important;text-decoration:none!important}
@media (max-width:767px){
  .nwx-x .nwx-btns{flex-direction:column;gap:12px}
  .nwx-x .nwx-btn{width:100%;min-width:0;min-height:58px;padding:12px 16px;font-size:18px}
}

/* ---------- 登場アニメーション（JSが画面外の要素にだけ .nwx-pre を付ける） ---------- */
.nwx-x .nwx-pre{opacity:0;transform:translate3d(0,28px,0)}
.nwx-x .nwx-in-v{opacity:1;transform:none;transition:opacity .9s var(--e),transform .9s var(--e);transition-delay:calc(var(--i,0) * 70ms)}

/* =========================================================
   FV
   ========================================================= */
.nwx-fv{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:clamp(112px,10vw,150px) 0 clamp(64px,6vw,96px);background:linear-gradient(180deg,#f5f8fe 0%,#fdfdff 70%,#fff 100%)}
.nwx-fv__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.nwx-fv__bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(13,27,69,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(13,27,69,.045) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(80% 80% at 60% 40%,#000,transparent 85%);mask-image:radial-gradient(80% 80% at 60% 40%,#000,transparent 85%)}
.nwx-fv__bg i{position:absolute;border-radius:50%;filter:blur(10px)}
.nwx-fv__bg .m1{width:620px;height:620px;right:-120px;top:-180px;background:radial-gradient(closest-side,rgba(27,118,223,.22),transparent)}
.nwx-fv__bg .m2{width:480px;height:480px;right:18%;bottom:-220px;background:radial-gradient(closest-side,rgba(34,197,94,.18),transparent)}
.nwx-fv__bg .m3{width:360px;height:360px;right:4%;top:30%;background:radial-gradient(closest-side,rgba(225,48,108,.12),transparent)}
.nwx-fv__in{position:relative;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4.4vw,72px);display:grid;grid-template-columns:minmax(0,13fr) minmax(0,10fr);gap:clamp(24px,4vw,64px);align-items:center}
.nwx-fv__eb{display:flex;align-items:center;gap:12px;font-size:clamp(15px,1.25vw,19px);font-weight:700;color:var(--blue-d);letter-spacing:.06em}
.nwx-fv__eb i{display:block;flex:none;width:40px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--green))}
.nwx-x .nwx-fv__h1{margin-top:18px;font-size:clamp(46px,4.9vw,74px);letter-spacing:0;line-height:1.12;font-weight:900;letter-spacing:.01em;white-space:nowrap!important;text-wrap-mode:nowrap!important;
  background:linear-gradient(100deg,#0d1b45 0%,#0d1b45 55%,#1b5fc4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nwx-fv__facts{display:grid;width:max-content;max-width:100%;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;margin-top:clamp(24px,2.6vw,36px)!important;border-radius:20px;
  background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 24px 50px -32px rgba(13,40,110,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nwx-fv__facts>div{padding:16px clamp(18px,2vw,30px)}
.nwx-fv__facts>div+div{border-left:1px solid var(--line)}
.nwx-fv__facts dt{font-size:14px;font-weight:700;color:var(--mute);line-height:1.4}
.nwx-fv__facts dd{margin-top:4px!important;font-size:17px;font-weight:800;line-height:1.1;white-space:nowrap;color:var(--ink)}
.nwx-fv__facts dd b{font:500 clamp(34px,3vw,46px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.01em;color:var(--blue);margin:0 2px}
.nwx-fv__facts dd small{font-size:16px;margin-right:2px}
.nwx-fv__btns{margin-top:clamp(26px,2.8vw,40px)!important}

/* FVビジュアル：スマホ＋浮遊カード（装飾・aria-hidden） */
.nwx-fv__vis{position:relative;height:clamp(480px,44vw,620px);display:grid;place-items:center}
.fvx-orbit{position:absolute;width:min(92%,520px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(27,118,223,.22)}
.fvx-orbit::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(34,197,94,.16)}
.nwx-fv .ph--fv{width:clamp(230px,19vw,286px);transform:rotate(-4deg)}
.fvx-card{position:absolute;z-index:2;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid #fff;box-shadow:0 22px 44px -22px rgba(13,40,110,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.4;animation:nwx-bob 6s ease-in-out infinite}
.fvx-i{width:16px;height:16px;flex:none}
.fvx-k{display:flex;align-items:center;gap:6px;color:var(--ink2)}
.fvx-reach{left:2%;top:16%;width:180px;animation-delay:-1s}
.fvx-bars{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:10px}
.fvx-bars i{flex:1;height:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#4f9bf0,#1b76df);transform-origin:bottom;transform:scaleY(var(--h));animation:nwx-grow 1.2s var(--e) both;animation-delay:calc(.4s + var(--i) * 90ms)}
.fvx-save{right:0;top:28%;display:flex;align-items:center;gap:10px;animation-delay:-3s}
.fvx-save p{display:flex;flex-direction:column;gap:6px}
.fvx-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--ig)}
.fvx-up{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-l);color:var(--green-d);font-size:14px}
.fvx-cv{right:4%;bottom:12%;animation-delay:-2s}
.fvx-goal{display:flex;align-items:center;gap:6px;margin-top:8px!important;padding:6px 12px;border-radius:99px;background:var(--green-l);color:var(--green-d);box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.fvx-reel{position:absolute;left:8%;bottom:14%;z-index:2;width:74px;height:110px;border-radius:16px;display:grid;place-items:center;color:#fff;overflow:hidden;
  background:linear-gradient(160deg,#6a4ee8,#c13584 55%,#f9a03f);box-shadow:0 20px 40px -18px rgba(193,53,132,.55);animation:nwx-bob 7s ease-in-out infinite;animation-delay:-4s}
.fvx-reel .fvx-i{width:26px;height:26px}
.fvx-reel i{position:absolute;left:8px;right:8px;bottom:8px;height:3px;border-radius:2px;background:rgba(255,255,255,.95);transform-origin:left;animation:nwx-prog 4s linear infinite}
@keyframes nwx-bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes nwx-grow{from{transform:scaleY(0)}}
@keyframes nwx-growx{from{transform:scaleX(0)}}
@keyframes nwx-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes nwx-tile{from{opacity:0;transform:scale(.86)}}
.nwx-fv.is-off *{animation-play-state:paused!important}

@media (max-width:1180px){
  .nwx-fv__in{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
  .fvx-reach{left:-4%}
}
@media (max-width:1023px){
  .nwx-fv{padding-top:104px}
  .nwx-fv__in{grid-template-columns:minmax(0,1fr)}
  .nwx-x .nwx-fv__h1{font-size:min(9.2vw,76px)}
  .nwx-fv__vis{height:440px;margin-top:8px}
  .fvx-reach{left:6%}
}
@media (max-width:767px){
  .nwx-fv{padding:88px 0 48px}
  .nwx-fv__eb{font-size:16px;gap:10px}
  .nwx-fv__eb i{width:24px}
  .nwx-x .nwx-fv__h1{margin-top:12px;font-size:9.4vw}
  .nwx-fv__facts{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px;width:100%}
  .nwx-fv__facts>div{padding:12px 6px;text-align:center}
  .nwx-fv__facts dt{font-size:14px}
  .nwx-fv__facts dd{font-size:14px}
  .nwx-fv__facts dd b{font-size:28px}
  .nwx-fv__facts dd small{font-size:14px}
  .nwx-fv__vis{height:380px}
  .nwx-fv .ph--fv{width:200px}
  .fvx-reach{left:0;top:6%;width:140px;padding:10px 12px}
  .fvx-bars{height:40px}
  .fvx-save{right:0;top:34%}
  .fvx-cv{right:0;bottom:6%}
  .fvx-reel{left:2%;bottom:8%;width:58px;height:86px}
}

/* =========================================================
   スマホのモックアップ（抽象UI）
   ========================================================= */
.ph{container-type:inline-size;position:relative;aspect-ratio:9/18.6;border-radius:38px;padding:9px;background:linear-gradient(145deg,#1d2a52,#0b1430);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14),0 40px 80px -36px rgba(13,40,110,.6),0 12px 30px -18px rgba(13,40,110,.45)}
.ph-body{position:relative;height:100%;border-radius:30px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.ph-bar{height:26px;display:grid;place-items:center;flex:none}
.ph-cam{display:block;width:34%;height:16px;border-radius:99px;background:#0b1430}
.ph-app{display:flex;align-items:center;gap:8px;padding:6px 14px 8px;flex:none}
.ph-logo{display:block;width:18px;height:18px;border-radius:6px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--ig) border-box}
.sk{display:block;height:7px;border-radius:9px;background:#e7ebf3}
.sk.w2{width:22px}.sk.w3{width:30px}.sk.w4{width:44px}.sk.w5{width:56%}.sk.w6{width:66%}.sk.w7{width:76%}.sk.w8{width:88%}
.sk.lk{background:#cfe0fb}
.sk.wt{background:rgba(255,255,255,.75)}
.ph-scr{flex:1;min-height:0;padding:0 12px 12px;display:flex;flex-direction:column}
.ph-top{display:flex;align-items:center;gap:10px}
.ph-ring{display:block;flex:none;width:52px;height:52px;border-radius:50%;padding:3px;background:var(--ig)}
.ph-ring i{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,#dbe8fb,#bcd4f6)}
.ph-ring.s{width:26px;height:26px;padding:2px}.ph-ring.s i{border-width:2px}
.ph-stats{flex:1;display:flex;justify-content:space-around}
.ph-stats span{display:flex;flex-direction:column;align-items:center;gap:5px}
.ph-stats small{font-size:9px;line-height:1;color:var(--mute);font-weight:700;white-space:nowrap}
.ph-bio{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.ph-hl{display:flex;gap:10px;margin-bottom:10px}
.ph-hl i{display:block;width:30px;height:30px;border-radius:50%;border:1.5px solid #d5dcea;background:#f3f6fb}
.ph-hl .h1{background:linear-gradient(135deg,#ffe0c2,#ffc0cf)}.ph-hl .h2{background:linear-gradient(135deg,#cfe3ff,#e2d6ff)}.ph-hl .h3{background:linear-gradient(135deg,#c9f1da,#d6ecff)}
.ph-tabs{display:flex;border-top:1px solid #edf0f6;margin:0 -12px}
.ph-tabs i{flex:1;height:22px;position:relative}
.ph-tabs i.on::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:2px;background:var(--ink)}
.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 -12px}
.ph-t{display:block;aspect-ratio:4/5;position:relative;overflow:hidden;animation:nwx-tile .8s var(--e) both;animation-delay:calc(.2s + var(--i) * 70ms)}
.ph-t::before,.ph-t::after{content:"";position:absolute}
.t1{background:linear-gradient(160deg,#ffe7d1,#ffc2a8)}.t1::before{width:56%;aspect-ratio:1;border-radius:50%;left:22%;top:20%;background:#fff6ee;box-shadow:0 8px 16px -8px rgba(193,90,40,.4)}
.t2{background:#1b76df}.t2::before{left:14%;right:14%;top:36%;height:8px;border-radius:4px;background:rgba(255,255,255,.9)}.t2::after{left:14%;width:46%;top:52%;height:6px;border-radius:4px;background:rgba(255,255,255,.55)}
.t3{background:linear-gradient(180deg,#d9f4e5,#a7e3c2)}.t3::before{width:70%;height:40%;left:15%;bottom:0;border-radius:50% 50% 0 0;background:#e9fbf1}
.t4{background:linear-gradient(135deg,#efe6ff,#d8c9ff)}.t4::before{width:40%;aspect-ratio:1;right:12%;top:14%;border-radius:12px;background:#fff;transform:rotate(12deg)}
.t5{background:linear-gradient(160deg,#6a4ee8,#c13584 60%,#f9a03f)}.t5::before{width:0;height:0;left:42%;top:40%;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.t6{background:linear-gradient(160deg,#fff4c9,#ffe08a)}.t6::before{width:50%;aspect-ratio:1;border-radius:50%;left:25%;top:25%;border:6px solid #fff}
.t7{background:#0d1b45}.t7::before{left:14%;right:30%;top:30%;height:7px;border-radius:4px;background:#34d399}.t7::after{left:14%;right:14%;top:46%;height:5px;border-radius:4px;background:rgba(255,255,255,.4)}
.t8{background:linear-gradient(160deg,#dfeeff,#b9d7fb)}.t8::before{width:64%;height:64%;left:18%;top:18%;border-radius:50% 50% 12px 12px;background:#f4f9ff}
.t9{background:linear-gradient(160deg,#ffd9e2,#ffb2c4)}.t9::before{width:30%;aspect-ratio:1;left:35%;top:35%;border-radius:50%;background:#fff;box-shadow:-16px 10px 0 -4px rgba(255,255,255,.6),16px -8px 0 -6px rgba(255,255,255,.6)}

@container (max-width:240px){.ph-stats small{display:none}.ph-stats span{gap:0}}
/* リール */
.ph-scr--reel{padding:0 8px 8px}
.ph-reel{position:relative;flex:1;border-radius:20px;overflow:hidden;background:linear-gradient(170deg,#3b2a8a 0%,#9b2f7a 55%,#f08b3a 100%)}
.ph-reel>i{position:absolute;border-radius:50%}
.rl-a{width:70%;aspect-ratio:1;left:-12%;top:12%;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent);animation:nwx-bob 7s ease-in-out infinite}
.rl-b{width:46%;aspect-ratio:1;right:-6%;top:40%;background:radial-gradient(closest-side,rgba(255,214,150,.5),transparent);animation:nwx-bob 6s ease-in-out infinite reverse}
.rl-c{width:40%;aspect-ratio:1;left:24%;top:26%;border:3px solid rgba(255,255,255,.75)!important;border-radius:22px!important;transform:rotate(-8deg)}
.rl-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ph-si{width:18px;height:18px;flex:none}
.rl-side{position:absolute;right:8px;bottom:58px;display:flex;flex-direction:column;gap:12px;color:#fff}
.rl-cap{position:absolute;left:12px;right:46px;bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rl-cap .sk{flex-basis:100%}
.rl-bar{position:absolute;left:10px;right:10px;bottom:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.rl-bar i{display:block;height:100%;background:#fff;transform-origin:left;animation:nwx-prog 5s linear infinite}

/* インサイト */
.ph-ttl{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;color:var(--ink);margin:4px 0 10px!important}
.ph-ttl span{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--blue-l);color:var(--blue-d)}
.ph-bars{display:flex;align-items:flex-end;gap:6px;height:40%;flex:none;padding:10px;border-radius:14px;background:linear-gradient(180deg,#f4f8ff,#eaf2fe)}
.ph-bars i{flex:1;height:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#5ea4f2,#1b76df);transform-origin:bottom;transform:scaleY(var(--h))}
.ph-bars i:last-child{background:linear-gradient(180deg,#4ade80,#16a34a)}
.ph-rows{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:12px;margin-top:14px!important}
.ph-rows li{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;font-size:10.5px;font-weight:700;color:var(--ink2);line-height:1.2}
.mt{display:block;height:8px;border-radius:9px;background:#edf1f7;overflow:hidden}
.mt i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#1b76df,#34d399);transform-origin:left;transform:scaleX(var(--w))}

/* 導線（ファネル） */
.ph-fn{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding-bottom:6px}
.ph-fn li{flex:1;display:flex;flex-direction:column;justify-content:center}
.ph-fn li{padding:10px 10px 12px;border-radius:14px;background:#f4f7fc}
.fn-l{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:var(--ink2);line-height:1.2}
.fn-b{display:block;height:9px;margin-top:8px;border-radius:9px;background:linear-gradient(90deg,#1b76df,#5ea4f2);transform-origin:left;transform:scaleX(var(--w))}
.ph-fn li.is-goal{background:var(--green-l);box-shadow:0 0 0 2px rgba(34,197,94,.35) inset}
.ph-fn li.is-goal .fn-l{color:var(--green-d)}
.ph-fn li.is-goal .fn-b{background:linear-gradient(90deg,#16a34a,#4ade80)}

/* =========================================================
   とは＋目的別KPI
   ========================================================= */
.nwx-about{background:#fff}
.nwx-about__def{max-width:1000px;font-size:clamp(20px,2.1vw,28px);font-weight:700;line-height:1.75;color:var(--ink)}
.nwx-about__def2{max-width:1000px;margin-top:18px!important;font-size:clamp(16px,1.2vw,18px);color:var(--ink2)}
.nwx-about__goals{margin-top:clamp(40px,5vw,64px)}
.nwx-about__gh{font-size:clamp(17px,1.5vw,20px);font-weight:800;margin-bottom:22px!important}
.nwx-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nwx-goal{position:relative;padding:28px 26px 26px;border-radius:24px;background:linear-gradient(180deg,#f7faff,#fff);border:1px solid var(--line);box-shadow:0 30px 60px -48px rgba(13,40,110,.5)}
.nwx-goal__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--blue),#4f9bf0)}
.nwx-goal:nth-child(2) .nwx-goal__ic{background:linear-gradient(135deg,#16a34a,#4ade80)}
.nwx-goal:nth-child(3) .nwx-goal__ic{background:var(--ig)}
.nwx-goal__h{margin-top:16px!important;font-size:21px;font-weight:800}
.nwx-goal__t{margin-top:6px!important;font-size:17px;color:var(--ink2);line-height:1.85}
.nwx-goal__k{margin-top:18px!important;font-size:14px;font-weight:700;color:var(--mute);letter-spacing:.08em}
.nwx-goal__kpi{display:flex;flex-direction:column;gap:6px;margin-top:8px!important;counter-reset:k}
.nwx-goal__kpi li{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:16px;font-weight:700}
.nwx-goal__kpi li::before{counter-increment:k;content:counter(k);display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;font:700 14px/1 "Helvetica Neue",Arial,sans-serif;color:var(--blue-d);background:var(--blue-l)}
.nwx-goal__kpi li:last-child{border-color:rgba(34,197,94,.45);background:var(--green-l);color:var(--green-d)}
.nwx-goal__kpi li:last-child::before{background:#fff;color:var(--green-d)}
@media (max-width:900px){.nwx-goals{grid-template-columns:minmax(0,1fr)}}

/* =========================================================
   悩み → 解決
   ========================================================= */
.nwx-worry{background:linear-gradient(180deg,#f5f8fe,#eef4fc)}
.nwx-wrs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nwx-wr{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);align-items:center;gap:14px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 24px 50px -40px rgba(13,40,110,.55)}
.nwx-wr__q{font-size:17px;font-weight:700;color:var(--mute);line-height:1.7}
.nwx-wr__ar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-l);color:var(--blue)}
.nwx-wr__a{display:flex;gap:8px;font-size:17px;font-weight:800;line-height:1.7;color:var(--ink)}
.nwx-wr__ic{width:18px;height:18px;flex:none;margin-top:.3em;color:var(--green)}
@media (max-width:1023px){.nwx-wrs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .nwx-wr{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px}
  .nwx-wr__ar{transform:rotate(90deg);width:26px;height:26px}
}

/* =========================================================
   成果の見える化（sticky のスマホ＋4ステップ）
   ========================================================= */
.nwx-vz{background:#fff}
.nwx-vz__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px)}
.nwx-vz__steps{display:flex;flex-direction:column}
.nwx-st{min-height:64vh;display:flex;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.nwx-st:first-child{border-top:0;min-height:56vh;align-items:flex-start;padding-top:8px}
.nwx-st:last-child{min-height:60vh}
.nwx-st__mini{display:none}
.nwx-st__txt{transition:opacity .6s var(--e)}
.nwx-st__no{display:flex;align-items:baseline;gap:12px}
.nwx-st__no b{font:300 clamp(48px,5vw,72px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.2px var(--blue)}
.nwx-st__no span{font-size:16px;font-weight:800;letter-spacing:.14em;color:var(--blue);padding:3px 12px;border-radius:99px;background:var(--blue-l)}
.nwx-st__h{margin-top:16px!important;font-size:clamp(21px,2.1vw,28px);font-weight:800;line-height:1.5}
.nwx-st__t{margin-top:12px!important;font-size:18px;color:var(--ink2);line-height:1.95}
.nwx-vz__side{position:relative}
.nwx-vz__stick{position:sticky;top:112px;height:calc(100vh - 140px);max-height:760px;min-height:560px;display:flex;align-items:center;justify-content:center;gap:28px}
.nwx-vz__glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(27,118,223,.18),transparent);transition:transform 1s var(--e)}
.nwx-vz .ph--stage{width:clamp(250px,21vw,300px);max-height:100%}
.nwx-vz__stage{position:relative;flex:1;min-height:0}
.nwx-vz__scr{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translate3d(0,24px,0) scale(.98);transition:opacity .6s var(--e),transform .8s var(--e)}
.nwx-vz__scr.is-on{opacity:1;transform:none}
.nwx-vz__scr .ph-scr{flex:1}
.nwx-vz__scr:not(.is-on) .ph-bars i,.nwx-vz__scr:not(.is-on) .mt i,.nwx-vz__scr:not(.is-on) .fn-b,.nwx-vz__scr:not(.is-on) .ph-t{animation:none}
.nwx-vz__scr.is-on .ph-bars i{animation:nwx-grow 1s var(--e) both;animation-delay:calc(.15s + var(--i) * 70ms)}
.nwx-vz__scr.is-on .mt i,.nwx-vz__scr.is-on .fn-b{animation:nwx-growx 1.1s var(--e) both;animation-delay:calc(.3s + var(--i) * 110ms)}
.nwx-vz__dots{display:flex;flex-direction:column;gap:10px;z-index:1}
.nwx-vz__dots li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--mute);opacity:.6;transition:opacity .4s,color .4s}
.nwx-vz__dots li b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);font:700 14px/1 "Helvetica Neue",Arial,sans-serif;background:#fff;transition:transform .4s var(--e)}
.nwx-vz__dots li.is-on{opacity:1;color:var(--blue-d)}
.nwx-vz__dots li.is-on b{border-color:var(--blue);color:#fff;background:var(--blue);transform:scale(1.1)}
.nwx-vz.js-vz .nwx-st:not(.is-on) .nwx-st__txt{opacity:.42}
@media (max-width:1023px){
  .nwx-vz__grid{grid-template-columns:minmax(0,1fr)}
  .nwx-vz__side{display:none}
  .nwx-st,.nwx-st:first-child,.nwx-st:last-child{min-height:0;display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:28px;align-items:center;padding:36px 0}
  .nwx-st__mini{display:block}
  .nwx-st__mini .ph{width:100%;max-width:200px}
  .nwx-vz.js-vz .nwx-st:not(.is-on) .nwx-st__txt{opacity:1}
  .nwx-st__mini .ph-bars i{animation:none}
}
@media (max-width:640px){
  .nwx-st,.nwx-st:first-child,.nwx-st:last-child{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 0}
  .nwx-st__mini{order:2}
  .nwx-st__mini .ph{margin:0 auto;max-width:210px}
}

/* =========================================================
   強み（ベントー）
   ========================================================= */
.nwx-adv{background:linear-gradient(180deg,#f5f8fe,#eef4fc)}
.nwx-adv__g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.nwx-adv__c{position:relative;overflow:hidden;grid-column:span 2;padding:30px 28px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid #fff;
  box-shadow:inset 0 1px 0 #fff,0 34px 70px -52px rgba(13,40,110,.6);transition:transform .6s var(--e),box-shadow .6s var(--e)}
.nwx-adv__c:hover{transform:translate3d(0,-4px,0);box-shadow:inset 0 1px 0 #fff,0 44px 80px -50px rgba(13,40,110,.65)}
.nwx-adv__glow{position:absolute;right:-100px;top:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(52,211,153,.16),transparent);pointer-events:none;opacity:.6;transition:opacity .6s}
.nwx-adv__c:hover .nwx-adv__glow{opacity:1}
.nwx-adv__c.is-big{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(30px,3.6vw,48px)}
.nwx-adv__c.is-wide{grid-column:span 6}
.nwx-adv__c:nth-child(2),.nwx-adv__c:nth-child(3),.nwx-adv__c:nth-child(4){grid-column:span 2}
.nwx-adv__no{display:flex;align-items:center;gap:12px;color:var(--blue)}
.nwx-adv__no b{font:300 44px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:transparent;-webkit-text-stroke:1.2px var(--blue)}
.nwx-adv__h{margin-top:14px!important;font-size:clamp(19px,1.7vw,24px);font-weight:800;line-height:1.5}
.nwx-adv__c.is-big .nwx-adv__h{font-size:clamp(22px,2.3vw,30px)}
.nwx-adv__t{margin-top:10px!important;font-size:17px;color:var(--ink2);line-height:1.9}
.nwx-tree{display:flex;flex-direction:column;align-items:center;padding:28px 20px;border-radius:22px;background:linear-gradient(180deg,#f3f8ff,#eaf3fd);font-size:13.5px;font-weight:800;line-height:1.4;text-align:center}
.nwx-tree span{display:block;padding:9px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -16px rgba(13,40,110,.5)}
.nwx-tree .tr-goal{color:#fff;background:linear-gradient(135deg,#16a34a,#34d399);border:0;box-shadow:0 14px 28px -14px rgba(22,163,74,.7);padding:11px 22px}
.nwx-tree .tr-mid{color:var(--blue-d)}
.nwx-tree .tr-base{color:#fff;background:var(--ig);border:0}
.tr-v{display:block;width:2px;height:18px;background:linear-gradient(180deg,rgba(27,118,223,.5),rgba(27,118,223,.15))}
.tr-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
@media (max-width:1023px){
  .nwx-adv__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nwx-adv__c,.nwx-adv__c:nth-child(n){grid-column:span 1}
  .nwx-adv__c.is-big,.nwx-adv__c.is-wide{grid-column:span 2}
  .nwx-adv__c.is-big{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .nwx-adv__g{grid-template-columns:minmax(0,1fr)}
  .nwx-adv__c.is-big,.nwx-adv__c.is-wide,.nwx-adv__c:nth-child(n){grid-column:span 1}
  .nwx-adv__c,.nwx-adv__c.is-big{padding:24px 20px}
}

/* =========================================================
   料金
   ========================================================= */
.nwx-price{background:#fff}
.nwx-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.nwx-pr__card{position:relative;padding:30px 28px;border-radius:24px;background:#f7faff;border:1px solid var(--line);text-align:center}
.nwx-pr__card.is-main{background:linear-gradient(160deg,#1b76df,#0f4fae);color:#fff;border:0;box-shadow:0 40px 70px -40px rgba(15,79,174,.75)}
.nwx-pr__k{font-size:16px;font-weight:800;color:var(--mute)}
.nwx-pr__card.is-main .nwx-pr__k{color:rgba(255,255,255,.8)}
.nwx-pr__v{margin-top:8px!important;font-size:18px;font-weight:800;line-height:1.1;white-space:nowrap}
.nwx-pr__v b{font:500 clamp(54px,5.2vw,72px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em;margin:0 4px;color:var(--blue)}
.nwx-pr__card.is-main .nwx-pr__v b{color:#fff}
.nwx-pr__v small{font-size:17px}
.nwx-pr__d{margin-top:14px!important;font-size:16px;line-height:1.8;color:var(--ink2)}
.nwx-pr__card.is-main .nwx-pr__d{color:rgba(255,255,255,.88)}
.nwx-pr__sum{margin-top:22px!important;padding:16px 22px;border-radius:16px;background:var(--green-l);font-size:17px;font-weight:700;color:var(--ink);text-align:center}
.nwx-pr__sum b{font-size:20px;color:var(--green-d);margin-left:4px;white-space:nowrap}
.nwx-pr__tbl{margin-top:36px}
.nwx-pr__tbl table,.nwx-team__tbl table,.nwx-sns table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.nwx-x caption{caption-side:top;text-align:left;font-size:17px;font-weight:800;padding:0 0 12px}
.nwx-pr__tbl thead th,.nwx-team__tbl thead th,.nwx-sns thead th{padding:14px 20px;font-size:16px;font-weight:800;text-align:left;color:var(--ink2);background:#f3f7fd}
.nwx-pr__tbl tbody th,.nwx-pr__tbl tbody td{padding:20px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.nwx-pr__tbl tbody th{width:220px}
.nwx-pr__tbl td ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.nwx-pr__tbl td li{display:flex;gap:8px;font-size:17px;font-weight:600;line-height:1.7}
.nwx-pr__tbl tr:not(:first-child) td li::before{content:"";flex:none;width:6px;height:6px;margin-top:.7em;border-radius:50%;background:var(--mute)}
.tg{display:inline-block;padding:4px 12px;border-radius:99px;font-size:14px;font-weight:800;line-height:1.6}
.tg.is-in{background:var(--green-l);color:var(--green-d)}
.tg.is-ex{background:#fff2e3;color:#b45309}
.tg.is-op{background:var(--blue-l);color:var(--blue-d)}
.nwx-pr__fac{margin-top:56px}
.nwx-pr__fac ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px!important}
.nwx-pr__fac li{padding:24px 22px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7faff)}
.nwx-pr__fac .nwx-ic{color:var(--blue);width:28px;height:28px}
.nwx-pr__fac h4{margin-top:12px!important;font-size:18px;font-weight:800;line-height:1.5}
.nwx-pr__fac p{margin-top:6px!important;font-size:16px;color:var(--ink2);line-height:1.8}
@media (max-width:1023px){.nwx-pr__fac ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .nwx-pr{grid-template-columns:minmax(0,1fr);gap:12px}
  .nwx-pr__card{padding:22px 20px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;text-align:left}
  .nwx-pr__card .nwx-pr__d{grid-column:1/-1;margin-top:6px!important}
  .nwx-pr__v{margin-top:0!important;text-align:right}
  .nwx-pr__v b{font-size:46px}
  .nwx-pr__tbl table,.nwx-pr__tbl tbody,.nwx-pr__tbl tr,.nwx-pr__tbl th,.nwx-pr__tbl td{display:block;width:auto!important}
  .nwx-pr__tbl thead{display:none}
  .nwx-pr__tbl tbody th{padding:16px 18px 0;border-top:1px solid var(--line)}
  .nwx-pr__tbl tbody tr:first-child th{border-top:0}
  .nwx-pr__tbl tbody td{border-top:0;padding:12px 18px 18px}
  .nwx-pr__tbl td ul{grid-template-columns:minmax(0,1fr)}
  .nwx-pr__fac ul{grid-template-columns:minmax(0,1fr)}
  .nwx-pr__sum{text-align:left}
}

/* =========================================================
   依頼できること
   ========================================================= */
.nwx-svc{background:linear-gradient(180deg,#f5f8fe,#fff)}
.nwx-svc__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nwx-svc__c{padding:30px 30px 28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -50px rgba(13,40,110,.55)}
.nwx-svc__no{font:700 14px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;color:var(--blue)}
.nwx-svc__h{margin-top:10px!important;font-size:22px;font-weight:800}
.nwx-svc__l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:18px!important}
.nwx-svc__l li{display:flex;gap:8px;font-size:17px;font-weight:600;line-height:1.7}
.nwx-svc__l li.is-ex{color:#b45309;padding-left:24px}
.nwx-svc__rel{margin-top:40px}
.nwx-svc__rh{font-size:18px;font-weight:800;margin-bottom:14px!important}
.nwx-svc__rel ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.nwx-rel{display:flex;align-items:center;gap:10px;height:100%;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none!important;transition:transform .4s var(--e),border-color .4s}
.nwx-rel:hover{transform:translate3d(0,-3px,0);border-color:rgba(27,118,223,.4)}
.nwx-rel .nwx-ic{color:var(--blue)}
.nwx-rel span{flex:1;min-width:0;display:flex;flex-direction:column;font-size:16px;font-weight:800;line-height:1.45;color:var(--ink)}
.nwx-rel small{font-size:14px;font-weight:700;color:var(--mute)}
.nwx-rel .nwx-ar{color:var(--blue)}
@media (max-width:1023px){.nwx-svc__rel ul{grid-template-columns:repeat(2,minmax(0,1fr))}.nwx-svc__l,.nwx-pr__tbl td ul{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.nwx-pr__tbl caption,.nwx-team__tbl caption{display:block}}
@media (max-width:767px){
  .nwx-svc__g,.nwx-svc__l,.nwx-svc__rel ul{grid-template-columns:minmax(0,1fr)}
  .nwx-svc__c{padding:24px 20px}
}

/* =========================================================
   体制・役割分担
   ========================================================= */
.nwx-team{background:#fff;padding-top:clamp(40px,5vw,72px)}
.nwx-team__tbl th,.nwx-team__tbl td{padding:18px 20px;border-top:1px solid var(--line);text-align:left;vertical-align:top;font-size:17px;line-height:1.75}
.nwx-team__tbl thead th{border-top:0}
.nwx-team__tbl tbody th{font-weight:800;width:30%}
.nwx-team__tbl thead th:nth-child(2){color:#fff;background:var(--blue)}
.rl-nw{display:inline-block;padding:2px 12px;border-radius:99px;background:var(--blue-l);color:var(--blue-d);font-weight:800}
@media (max-width:767px){
  .nwx-team__tbl table,.nwx-team__tbl tbody,.nwx-team__tbl tr,.nwx-team__tbl th,.nwx-team__tbl td{display:block;width:auto!important}
  .nwx-team__tbl thead{display:none}
  .nwx-team__tbl tr{padding:16px 18px;border-top:1px solid var(--line)}
  .nwx-team__tbl tbody tr:first-child{border-top:0}
  .nwx-team__tbl tbody th,.nwx-team__tbl td{padding:0;border:0}
  .nwx-team__tbl td{margin-top:8px;display:flex;gap:10px}
  .nwx-team__tbl td::before{content:attr(data-l);flex:none;width:auto;min-width:6em;white-space:nowrap;font-size:14px;font-weight:700;color:var(--mute)}
}

/* =========================================================
   事例
   ========================================================= */
.nwx-case{background:linear-gradient(180deg,#fff,#f5f8fe)}
.nwx-cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);padding:clamp(22px,3vw,40px);border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 44px 90px -60px rgba(13,40,110,.6)}
.nwx-cs__l{display:flex;flex-direction:column;gap:20px;min-width:0}
.nwx-cs__l .nwx-cs__q{margin-top:0!important}
.nwx-cs__ph{border-radius:20px;background:linear-gradient(160deg,#eaf3fd,#dfeefb);display:grid;place-items:center;padding:clamp(12px,2vw,24px);align-self:start;aspect-ratio:16/10}
.nwx-cs__ph img{width:100%;height:100%;object-fit:contain}
.nwx-cs__lab{display:inline-block;padding:3px 12px;border-radius:99px;background:var(--blue-l);color:var(--blue-d);font-size:14px;font-weight:800}
.nwx-cs__h{margin-top:12px!important;font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.55}
.nwx-cs__tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px!important;font-size:16px;color:var(--ink2)}
.nwx-cs__tags span{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:6px;background:#f1f4f9;font-size:14px;font-weight:700;color:var(--mute)}
.nwx-cs__story{position:relative;margin-top:22px!important;display:flex;flex-direction:column;gap:16px}
.nwx-cs__story::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--blue),var(--green))}
.nwx-cs__story li{position:relative;padding-left:28px;font-size:17px;line-height:1.85;color:var(--ink2)}
.nwx-cs__story li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--blue)}
.nwx-cs__story li.is-r::before{background:var(--green);border-color:var(--green)}
.nwx-cs__k{font-size:16px;font-weight:800;color:var(--ink)}
.nwx-cs__q{margin-top:22px!important;padding:20px 22px;border-radius:18px;background:linear-gradient(160deg,#f6faff,#eef8f2);border:1px solid var(--line)}
.nwx-cs__q p{font-size:17px;font-weight:700;line-height:1.85}
.nwx-cs__q footer{margin-top:8px;font-size:14px;color:var(--mute)}
@media (max-width:900px){.nwx-cs{grid-template-columns:minmax(0,1fr)}}

/* =========================================================
   実績・ロゴ
   ========================================================= */
.nwx-res{background:#f5f8fe}
.nwx-res__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nwx-res__c{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.nwx-res__h{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}
.nwx-res__h .nwx-ic{color:var(--blue)}
.nwx-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px!important}
.nwx-tags li{padding:6px 14px;border-radius:12px;border:1px solid var(--line);background:#f8fafd;font-size:16px;font-weight:700;line-height:1.5}
.nwx-tags.is-ig li{border-color:rgba(193,53,132,.18);background:#fdf5f9}
.nwx-res__n{margin-top:12px!important;font-size:16px;color:var(--mute)}
.nwx-logos{margin-top:48px}
.nwx-logos__h{font-size:18px;font-weight:800;text-align:center}
.nwx-logos__h small{display:block;font-size:14px;font-weight:600;color:var(--mute)}
.nwx-logos ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px!important}
.nwx-logos li{flex:0 0 calc((100% - 60px)/7)}
.nwx-logos li{display:grid;place-items:center;height:76px;padding:10px 16px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.nwx-logos img{max-height:48px;width:auto;max-width:100%}
@media (max-width:1023px){.nwx-logos li{flex-basis:calc((100% - 40px)/5)}}
@media (max-width:767px){
  .nwx-res__g{grid-template-columns:minmax(0,1fr)}
  .nwx-res__c{padding:22px 18px}
  .nwx-logos li{flex-basis:calc((100% - 20px)/3)}
  .nwx-logos li{height:60px;padding:8px}
}

/* =========================================================
   選び方
   ========================================================= */
.nwx-choose{background:#fff}
.nwx-chs{display:flex;flex-direction:column;gap:14px}
.nwx-ch{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;padding:24px 26px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fbff)}
.nwx-ch__no{font:300 44px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:transparent;-webkit-text-stroke:1.2px var(--blue)}
.nwx-ch__h{display:flex;align-items:flex-start;gap:10px;font-size:clamp(17px,1.5vw,20px);font-weight:800;line-height:1.5}
.nwx-ch__h .nwx-ic{color:var(--blue);margin-top:.1em}
.nwx-ch__t{margin-top:6px!important;font-size:17px;color:var(--ink2)}
.nwx-ch__nw{margin-top:12px!important;padding:12px 16px;border-radius:14px;background:var(--green-l);font-size:17px;font-weight:700;line-height:1.75}
.nwx-ch__nw span{display:block;font-size:14px;font-weight:800;color:var(--green-d);letter-spacing:.06em}
.nwx-warn{display:flex;gap:16px;margin-top:28px;padding:24px 26px;border-radius:22px;background:#fffaf2;border:1px solid #fde7c4}
.nwx-warn__ic{width:30px;height:30px;flex:none;color:#d97706}
.nwx-warn__h{font-size:18px;font-weight:800}
.nwx-warn p{margin-top:6px!important;font-size:17px;color:var(--ink2)}
.nwx-more.is-card{display:flex;gap:12px;align-items:center;margin-top:20px;padding:18px 22px;border-radius:18px;background:var(--blue-l);font-size:17px}
.nwx-more.is-card span{flex:1}
@media (max-width:640px){
  .nwx-ch{grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 18px}
  .nwx-ch__no{font-size:34px}
  .nwx-warn{flex-direction:column;padding:20px 18px}
}

/* =========================================================
   流れ
   ========================================================= */
.nwx-flow{background:linear-gradient(180deg,#f5f8fe,#fff)}
.nwx-flow__dur{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:36px}
.nwx-flow__dur>div{padding:20px 24px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.nwx-flow__dur .k{font-size:16px;font-weight:700;color:var(--mute)}
.nwx-flow__dur .v{margin-top:4px!important;font-size:17px;font-weight:700}
.nwx-flow__dur .v b{font-size:26px;color:var(--blue);margin-left:4px}
.nwx-flow__dur .bar{display:block;height:8px;margin-top:12px;border-radius:9px;background:linear-gradient(90deg,var(--blue),var(--green));transform-origin:left;transform:scaleX(var(--w))}
.nwx-fls{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.nwx-fls::before{content:"";position:absolute;left:24px;right:24px;top:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:.35}
.nwx-fl{position:relative}
.nwx-fl__no{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--blue);font:700 15px/1 "Helvetica Neue",Arial,sans-serif;color:var(--blue)}
.nwx-fl:last-child .nwx-fl__no{background:var(--green);border-color:var(--green);color:#fff}
.nwx-fl__h{margin-top:14px!important;font-size:18px;font-weight:800;line-height:1.5}
.nwx-fl__t{margin-top:6px!important;font-size:16px;color:var(--ink2);line-height:1.8}
.nwx-flow__op{display:flex;gap:18px;align-items:flex-start;margin-top:40px;padding:22px 26px;border-radius:20px;border:1px dashed rgba(27,118,223,.4);background:#fff}
.nwx-x .nwx-flow__opk{color:#fff!important;flex:none;padding:3px 12px;border-radius:99px;background:var(--blue);color:#fff;font:700 14px/1.6 "Helvetica Neue",Arial,sans-serif;letter-spacing:.16em}
.nwx-flow__op h3{font-size:18px;font-weight:800}
.nwx-flow__op p{margin-top:4px!important;font-size:17px;color:var(--ink2)}
@media (max-width:1180px){
  .nwx-fls{grid-template-columns:minmax(0,1fr);gap:0}
  .nwx-fls::before{left:25px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue),var(--green))}
  .nwx-fl{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:0 0 22px}
  .nwx-fl__h{margin-top:12px!important}
}
@media (max-width:767px){
  .nwx-flow__dur{grid-template-columns:minmax(0,1fr)}
  .nwx-flow__op{flex-direction:column;gap:10px;padding:20px 18px}
}

/* =========================================================
   FAQ
   ========================================================= */
.nwx-faq{background:#fff}
.nwx-faq__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(32px,5vw,80px);align-items:start}
.nwx-faq__side{position:sticky;top:112px}
.nwx-x .nwx-faq__side .nwx-h2{font-size:clamp(26px,2.6vw,36px)!important}
.nwx-x .nwx-faq__go{min-width:0;margin-top:4px}
.nwx-fqs{display:flex;flex-direction:column;gap:12px}
.nwx-fq{padding:22px 24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fbfe)}
.nwx-fq dt,.nwx-fq dd{display:flex;gap:14px}
.nwx-fq dt{font-size:18px;font-weight:800;line-height:1.65}
.nwx-fq dd{margin-top:12px!important;font-size:17px;line-height:1.9;color:var(--ink2)}
.nwx-fq__q,.nwx-fq__a{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:700 14px/1 "Helvetica Neue",Arial,sans-serif}
.nwx-fq__q{color:#fff;background:var(--blue)}
.nwx-fq__a{color:var(--green-d);background:var(--green-l)}
.nwx-fq__tx{padding-top:2px}
.nwx-fq dd p{padding-top:2px}
.nwx-fq a{color:var(--blue)!important;text-decoration:underline!important}
@media (max-width:1023px){
  .nwx-faq__in{grid-template-columns:minmax(0,1fr)}
  .nwx-faq__side{position:static}
}
@media (max-width:767px){
  .nwx-fq{padding:18px 16px}
  .nwx-fq dt{font-size:17px}
  .nwx-x .nwx-faq__go{width:100%}
}

/* =========================================================
   基礎知識（details）
   ========================================================= */
.nwx-basics{background:#f5f8fe}
.nwx-dt{border-radius:20px;background:#fff;border:1px solid var(--line)}
.nwx-dt+.nwx-dt{margin-top:12px}
.nwx-dt summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;cursor:pointer;list-style:none;font-size:18px;font-weight:800}
.nwx-dt summary::-webkit-details-marker{display:none}
.nwx-dt summary i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--blue-l)}
.nwx-dt summary i::before,.nwx-dt summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--blue);transition:transform .4s var(--e)}
.nwx-dt summary i::after{transform:rotate(90deg)}
.nwx-dt[open] summary i::after{transform:rotate(0)}
.nwx-dt__b{padding:0 26px 26px;font-size:17px;line-height:1.9;color:var(--ink2)}
.nwx-dt__b h3{margin-top:18px!important;font-size:18px;font-weight:800;color:var(--ink)}
.nwx-dt__b p{margin-top:6px!important}
.nwx-sig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px!important}
.nwx-sig div{padding:12px 14px;border-radius:12px;background:#f5f8fe}
.nwx-sig dt{font:700 14px/1.4 "Helvetica Neue",Arial,sans-serif;color:var(--blue)}
.nwx-sig dd{font-size:16px}
.nwx-ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px!important;counter-reset:o}
.nwx-ops li{display:flex;gap:8px;font-size:16px;font-weight:600}
.nwx-ops li::before{counter-increment:o;content:counter(o,decimal-leading-zero);font:700 14px/1.9 "Helvetica Neue",Arial,sans-serif;color:var(--blue)}
.nwx-sns{margin-top:10px;overflow-x:auto}
.nwx-sns th,.nwx-sns td{padding:12px 16px;border-top:1px solid var(--line);text-align:left;font-size:16px;vertical-align:top}
.nwx-sns thead th{border-top:0}
.nwx-sns tbody th{font-weight:800;white-space:nowrap;color:var(--ink)}
.nwx-sns td.mk{text-align:center;font-size:18px;color:var(--blue)}
@media (max-width:767px){
  .nwx-dt summary{padding:18px}
  .nwx-dt__b{padding:0 18px 20px}
  .nwx-sig,.nwx-ops{grid-template-columns:minmax(0,1fr)}
  .nwx-sns tbody th{white-space:normal}
}

/* =========================================================
   中間CTA（.nwx-cta2）：ガラスのカード（内部SEO LP と同じ部品）
   ========================================================= */
.nwx-cta2{--c-ink:#0d1b45;--c-ink2:#44527a;--c-blue:#1b76df;--c-e:cubic-bezier(.16,1,.3,1);
  position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:clamp(56px,6vw,96px) 0;background:linear-gradient(180deg,#f5f8fe 0%,#edf3fc 100%);text-align:left;line-height:1.8}
.nwx-cta2__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(42% 70% at 12% 20%,rgba(27,118,223,.18),transparent 70%),radial-gradient(40% 70% at 92% 90%,rgba(34,197,94,.16),transparent 70%)}
.nwx-cta2__bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(13,27,69,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(13,27,69,.05) 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 90% at 50% 50%,#000,transparent 85%);mask-image:radial-gradient(70% 90% at 50% 50%,#000,transparent 85%)}
.nwx-cta2__in{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.nwx-cta2__card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3.4vw,56px);align-items:center;padding:clamp(28px,3.6vw,56px);border-radius:28px;
  background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.95);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);
  box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(13,40,110,.08),0 44px 90px -48px rgba(13,40,110,.5);transition:transform .7s var(--c-e),box-shadow .7s var(--c-e)}
.nwx-cta2__card:hover{transform:translate3d(0,-3px,0);box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(13,40,110,.08),0 54px 100px -48px rgba(13,40,110,.58)}
.nwx-cta2__glow{position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(52,211,153,.22),transparent);pointer-events:none;opacity:.7;transition:opacity .7s var(--c-e),transform .9s var(--c-e)}
.nwx-cta2__card:hover .nwx-cta2__glow{opacity:1;transform:translate3d(-20px,20px,0)}
.nwx-cta2 .nwx-cta2__eb{display:flex;align-items:center;gap:10px;font:700 14px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.22em;color:var(--c-blue)}
.nwx-cta2__eb i{display:block;width:28px;height:1px;background:currentColor}
.nwx-cta2 .nwx-cta2__h{margin-top:14px!important;font-size:clamp(22px,2.4vw,34px);line-height:1.5;font-weight:800;color:var(--c-ink);text-wrap:balance}
.nwx-cta2__mk{background:linear-gradient(90deg,rgba(27,118,223,.22),rgba(52,211,153,.26)) no-repeat 0 88%/100% .32em!important;color:inherit;padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.nwx-cta2 .nwx-cta2__t{margin-top:12px!important;font-size:17px;line-height:1.95;color:var(--c-ink2)}
.nwx-cta2__act{display:flex;flex-direction:column;gap:16px;min-width:0}
.nwx-cta2__flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:14px;font-weight:700;color:var(--c-ink2)}
.nwx-cta2__flow li{display:inline-flex;align-items:center}
.nwx-cta2__flow li+li::before{content:"";display:inline-block;width:18px;height:1px;margin:0 8px;background:rgba(13,27,69,.25)}
.nwx-cta2__flow li.is-free span{padding:2px 10px;border-radius:99px;background:#e9f8ef;color:#15803d}
.nwx-cta2__btns{display:flex;flex-direction:column;gap:12px}
.nwx-x .nwx-cta2__btns .nwx-btn{width:100%;min-width:0;min-height:62px;padding:12px 22px;font-size:18px;justify-content:center}
.nwx-cta2.is-v2 .nwx-cta2__card,.nwx-cta2.is-v4 .nwx-cta2__card{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.nwx-cta2.is-v2 .nwx-cta2__txt,.nwx-cta2.is-v4 .nwx-cta2__txt{order:2}
.nwx-cta2.is-v2 .nwx-cta2__glow,.nwx-cta2.is-v4 .nwx-cta2__glow{right:auto;left:-120px}
.nwx-cta2.is-v2{background:linear-gradient(180deg,#f2f9f5 0%,#eef4fc 100%)}
.nwx-cta2.is-v2 .nwx-cta2__bg{background:radial-gradient(42% 70% at 88% 20%,rgba(34,197,94,.18),transparent 70%),radial-gradient(40% 70% at 8% 90%,rgba(27,118,223,.16),transparent 70%)}
.nwx-cta2.is-v3{background:linear-gradient(180deg,#f6f2fb 0%,#eef4fc 100%)}
.nwx-cta2.is-v3 .nwx-cta2__bg{background:radial-gradient(40% 70% at 10% 20%,rgba(193,53,132,.12),transparent 70%),radial-gradient(40% 70% at 92% 90%,rgba(27,118,223,.16),transparent 70%)}
.nwx-cta2.is-v4{background:linear-gradient(180deg,#e7effc 0%,#dfe9f9 100%)}
.nwx-cta2.is-v4 .nwx-cta2__card{background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(240,248,255,.72))}
@media (max-width:900px){
  .nwx-cta2__card,.nwx-cta2.is-v2 .nwx-cta2__card,.nwx-cta2.is-v4 .nwx-cta2__card{grid-template-columns:minmax(0,1fr)}
  .nwx-cta2.is-v2 .nwx-cta2__txt,.nwx-cta2.is-v4 .nwx-cta2__txt{order:0}
}
@media (max-width:767px){
  .nwx-cta2__card{padding:24px 18px;border-radius:22px}
  .nwx-x .nwx-cta2__btns .nwx-btn{min-height:58px;font-size:18px;padding:12px 14px}
}

/* ---------- sticky を効かせる：テーマの祖先の overflow:hidden を、このページだけ横方向の clip に ---------- */
body.nwx-x-page,body.nwx-x-page .overlay-contact,body.nwx-x-page .overlay-contact_inner,body.nwx-x-page #wrap,body.nwx-x-page :has(>main.siteContent){overflow-x:clip!important;overflow-y:visible!important}

/* ---------- 動きを減らす設定 ---------- */
@media (prefers-reduced-motion:reduce){
  .nwx-x *,.nwx-x *::before,.nwx-x *::after{animation:none!important;transition:none!important}
  .nwx-x .nwx-pre{opacity:1!important;transform:none!important}
  .nwx-vz.js-vz .nwx-st:not(.is-on) .nwx-st__txt{opacity:1}
}
/* LCP保護：FVの文字・ボタンは最初から表示（アニメーションなし） */
.nwx-fv__eb,.nwx-fv__eb *,.nwx-fv__h1,.nwx-fv__left,.nwx-fv__left *{animation:none!important;opacity:1!important}

/* ===== X（旧Twitter）：黒・白のモノトーンを差し色に（ロゴは使わない・ボタンは緑のまま） ===== */
.nwx-fv{background:linear-gradient(180deg,#f7f8fa 0%,#fcfcfd 70%,#fff 100%)}
.nwx-fv__bg .m1{background:radial-gradient(closest-side,rgba(27,118,223,.16),transparent)}
.nwx-fv__bg .m2{background:radial-gradient(closest-side,rgba(15,20,25,.08),transparent)}
.nwx-fv__eb i,.nwx-eb i{background:var(--ig-h)}
.nwx-fv__eb{color:var(--x)}
/* FV：キャッチ／h1（全幅・1行）／左＝数字とボタン・右＝画面 */
.nwx-fv__in{--pad:clamp(16px,4.4vw,72px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"e e" "h h" "l v";row-gap:0;align-items:center}
.nwx-fv__eb{grid-area:e}
.nwx-x .nwx-fv__h1{grid-area:h;margin-top:14px;font-size:min(calc((100vw - 2 * var(--pad)) / 10.6),124px);line-height:1.14;letter-spacing:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--x)}
.nwx-fv__left{grid-area:l;align-self:center}
.nwx-fv__vis{grid-area:v;height:clamp(420px,36vw,520px)}
.nwx-fv__left .nwx-fv__facts dd b{color:var(--x)}
.fvx-win{position:absolute;right:0;top:6%;width:min(100%,560px);border-radius:22px;background:#fff;border:1px solid #e6e9ec;box-shadow:0 50px 90px -50px rgba(15,20,25,.45),0 10px 30px -20px rgba(15,20,25,.25);overflow:hidden}
.fvx-win__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #eff3f4}
.fvx-win__bar i{display:block;width:9px;height:9px;border-radius:50%;background:#d9dee2}
.fvx-win__bar span{display:block;margin-left:12px;height:10px;width:45%;border-radius:9px;background:#eff3f4}
.fvx-win__b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;padding:14px 16px 16px}
.fvx-tl{display:flex;flex-direction:column;gap:10px}
.fvx-side{display:flex;flex-direction:column;gap:10px}
.fvx-kpi{position:relative;padding:10px 12px 12px;border-radius:14px;background:#f7f9f9;border:1px solid #eff3f4}
.fvx-kpi p{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--x);line-height:1.3;margin-bottom:8px!important;padding-right:20px}
.fvx-kpi .fvx-up{position:absolute;right:10px;top:10px;font-size:10px;color:var(--green-d)}
.fvx-bars{grid-column:1/-1;display:flex;align-items:flex-end;gap:8px;height:84px;padding:10px 12px;border-radius:14px;background:#f7f9f9;margin-top:0}
.fvx-bars i{flex:1;height:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#536471,#0f1419);transform-origin:bottom;transform:scaleY(var(--h));animation:nwx-grow 1.2s var(--e) both;animation-delay:calc(.4s + var(--i) * 80ms)}
.fvx-bars i:last-child{background:linear-gradient(180deg,#4ade80,#16a34a)}
.nwx-fv .ph--fv{position:absolute;left:2%;bottom:-4%;width:clamp(190px,15vw,232px);transform:rotate(-4deg);z-index:2}
.fvx-cv{right:2%;bottom:2%;z-index:3}
.fvx-k .fvx-i{color:var(--x)}
.fvx-card{border:1px solid #e6e9ec;background:rgba(255,255,255,.94)}
@media (max-width:1180px){.nwx-fv__in{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
@media (max-width:1023px){
  .nwx-fv__in{grid-template-columns:minmax(0,1fr);grid-template-areas:"e" "h" "l" "v"}
  .nwx-x .nwx-fv__h1{font-size:min(calc((100vw - 2 * var(--pad)) / 10.6),96px)}
  .nwx-fv__vis{height:440px;margin-top:28px}
  .fvx-win{left:auto;right:0;width:min(86%,560px)}
}
@media (max-width:767px){
  .nwx-x .nwx-fv__h1{margin-top:10px;font-size:calc((100vw - 2 * var(--pad)) / 10.8)}
  .nwx-fv__vis{height:360px}
  .fvx-win{width:92%;top:0}
  .fvx-win__b{grid-template-columns:minmax(0,1fr);padding:10px}
  .fvx-side{display:none}
  .fvx-bars{height:56px}
  .nwx-fv .ph--fv{width:150px;left:0;bottom:-2%}
  .fvx-cv{right:0;bottom:4%;font-size:11.5px;padding:10px 12px}
}
@media (max-width:420px){.fvx-tl .xs-post+.xs-post{display:none}}

/* スマホ（黒フレーム）とX風の抽象UI（ロゴなし・数値なし） */
.ph{background:linear-gradient(145deg,#2f3336,#000);border:0}
.ph-cam{background:#000}
.ph-logo{border-radius:50%;border:0;background:var(--x)}
.sk.dk{background:#cfd9de}
.xs-scr{padding:0 0 10px;overflow:hidden}
.xs-post{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 12px;border-bottom:1px solid #eff3f4;animation:nwx-tile .8s var(--e) both;animation-delay:calc(.2s + var(--i) * 120ms)}
.fvx-tl .xs-post{border:1px solid #eff3f4;border-radius:14px;background:#fff}
.xs-av{display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#cfd9de,#8b98a5)}
.xs-av.lg{width:52px;height:52px;border:3px solid #fff;background:linear-gradient(135deg,#536471,#0f1419)}
.xs-pb{display:flex;flex-direction:column;gap:6px;min-width:0}
.xs-nm{display:flex;gap:6px}
.xs-media{position:relative;height:64px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eff3f4,#cfd9de)}
.xs-media i{position:absolute;left:12%;top:22%;width:40%;height:56%;border-radius:8px;background:#fff;box-shadow:24px 10px 0 -6px rgba(15,20,25,.12)}
.xs-qt{display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:10px;border:1px solid #e6e9ec}
.xs-acts{display:flex;justify-content:space-between;color:#8b98a5;margin-top:2px}
.xs-acts span{display:flex;align-items:center;gap:4px}
.xs-acts .ph-si{width:13px;height:13px}
.xs-acts .sk{height:5px}
.xs-acts span:nth-child(3){color:#16a34a}
.xs-cover{height:56px;flex:none;background:linear-gradient(120deg,#0f1419,#536471)}
.xs-ph{display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px;margin-top:-26px}
.xs-follow{font-size:10px;font-weight:800;line-height:1;padding:6px 12px;border-radius:99px;background:var(--x);color:#fff}
.xs-bio{display:flex;flex-direction:column;gap:6px;padding:10px 12px}
.xs-tabs{display:flex;border-bottom:1px solid #eff3f4;font-size:10px;font-weight:800;color:#8b98a5;line-height:1}
.xs-tabs span{flex:1;text-align:center;padding:10px 0 9px;position:relative;white-space:nowrap}
.xs-tabs span.on{color:var(--x)}
.xs-tabs span.on::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:3px;border-radius:3px;background:#1d9bf0}
.xs-pin{display:flex;align-items:center;gap:6px;padding:8px 12px 0;color:#8b98a5}
.xs-pin .ph-si{width:12px;height:12px}
.ph-scr--ins,.ph-scr--fn{padding:0 12px 12px}
.ph-ttl span{background:var(--xl);color:var(--x)}
.ph-bars{background:#f7f9f9}
.ph-bars i{background:linear-gradient(180deg,#536471,#0f1419)}
.mt i{background:linear-gradient(90deg,#0f1419,#34d399)}
.fn-b{background:linear-gradient(90deg,#0f1419,#536471)}
.ph-fn{gap:8px}
.ph-fn li{padding:8px 10px 10px}
.fn-l{font-size:10px}
.fn-b{margin-top:6px;height:8px}

/* セクションの差し色 */
.nwx-goal__ic{background:var(--ig)!important}
.nwx-goal:nth-child(2) .nwx-goal__ic{background:linear-gradient(135deg,#16a34a,#4ade80)!important}
.nwx-st__no span{color:var(--x);background:#fff;border:1.5px solid var(--x)}
.nwx-vz__dots li.is-on b{border-color:transparent;background:var(--x);color:#fff}
.nwx-vz__glow{background:radial-gradient(closest-side,rgba(15,20,25,.1),rgba(27,118,223,.08) 55%,transparent)}
.nwx-adv__no b,.nwx-ch__no{-webkit-text-stroke:0;background:var(--ig-h);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.nwx-cta2__card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(120deg,rgba(15,20,25,.55),rgba(255,255,255,.6),rgba(15,20,25,.35));pointer-events:none;opacity:.8;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.nwx-cta2 .nwx-cta2__eb{color:var(--x)}
.nwx-cta2__eb i{background:var(--ig-h);height:2px}
.nwx-pr__card.is-main::after{content:"";position:absolute;left:24px;right:24px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--x)}
.nwx-tree .tr-base{background:var(--x)}

/* AIにおすすめされる（黒い面＋白文字で、ページの中のアクセント） */
.nwx-ai{background:#0f1419;color:#e7e9ea}
.nwx-ai .nwx-h2{color:#fff}
.nwx-ai .nwx-lead,.nwx-ai .nwx-hd .nwx-lead{color:#c4cbd0}
.nwx-ai .nwx-eb{color:#8ecdf8}
.nwx-ai .nwx-eb i{background:linear-gradient(90deg,#fff,#536471)}
.nwx-ai__g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.nwx-ai__demo{position:sticky;top:112px}
.nwx-ai__chat{padding:clamp(18px,2vw,26px);border-radius:26px;background:linear-gradient(160deg,#1c2227,#0b0f12);border:1px solid #2f3336;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.nwx-ai__q{display:flex;justify-content:flex-end}
.nwx-ai__q span{max-width:90%;padding:10px 16px;border-radius:18px 18px 4px 18px;background:#2f3336;font-size:16px;font-weight:700;color:#fff;line-height:1.6}
.nwx-ai__a{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;margin-top:16px}
.nwx-ai__bot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0f1419}
.nwx-ai__ans{display:flex;flex-direction:column;gap:8px}
.nwx-ai__ans .sk{background:#2f3336}
.nwx-ai__ans ol{display:flex;flex-direction:column;gap:8px;margin-top:6px!important}
.nwx-ai__ans li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#1c2227;border:1px solid #2f3336;font-size:16px;line-height:1.4}
.nwx-ai__ans li b{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#2f3336;font-size:14px;color:#c4cbd0}
.nwx-ai__ans li.is-you{background:#fff;color:#0f1419;border-color:#fff;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
.nwx-ai__ans li.is-you b{background:#16a34a;color:#fff}
.nwx-ai__ans li.is-you span{font-weight:800}
.nwx-ai__ans li em{font-style:normal;margin-left:auto;font-size:14px;font-weight:700;color:#15803d;background:#e9f8ef;padding:3px 8px;border-radius:99px;white-space:nowrap}
.nwx-ai__src{display:flex;align-items:center;gap:6px;margin-top:4px!important;color:#8b98a5}
.nwx-ai__src .sk{height:6px}
.nwx-ai__cap{margin-top:12px!important;font-size:14px;color:#8b98a5}
.nwx-ai .nwx-h3{color:#fff}
.nwx-ai__dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px!important}
.nwx-ai__do{position:relative;padding:22px 20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid #2f3336}
.nwx-ai__do .nwx-ic{color:#fff;width:26px;height:26px}
.nwx-ai__no{position:absolute;right:18px;top:16px;font:500 14px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.1em;color:#536471}
.nwx-ai__do h3{margin-top:12px!important;font-size:18px;font-weight:800;line-height:1.5;color:#fff}
.nwx-ai__do p{margin-top:8px!important;font-size:16px;line-height:1.85;color:#c4cbd0}
.nwx-x .nwx-ai .nwx-more.is-card{margin-top:20px;background:#fff;color:#0f1419!important}
@media (max-width:1023px){.nwx-ai__g{grid-template-columns:minmax(0,1fr)}.nwx-ai__demo{position:static;max-width:560px}}
@media (max-width:640px){.nwx-ai__dos{grid-template-columns:minmax(0,1fr)}.nwx-ai__ans li em{display:none}}

/* 料金：依頼範囲の3類型 */
.nwx-pr__ty{margin-top:56px}
.nwx-pr__tyl{margin-top:10px!important;color:var(--ink2);font-size:17px}
.nwx-pr__ty ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px!important}
.nwx-pr__ty li{padding:24px 22px;border-radius:20px;border:1px solid var(--line);background:#fff}
.nwx-pr__ty li.is-nw{border:2px solid var(--x);box-shadow:0 30px 60px -44px rgba(15,20,25,.6)}
.nwx-pr__ty h4{font-size:18px;font-weight:800;line-height:1.5}
.nwx-pr__ty p{margin-top:8px!important;font-size:16px;line-height:1.85;color:var(--ink2)}
@media (max-width:900px){.nwx-pr__ty ol{grid-template-columns:minmax(0,1fr)}}

/* 依頼できること：3フェーズ */
.nwx-svc__g.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nwx-svc__g.is-3 .nwx-svc__l{grid-template-columns:minmax(0,1fr)}
@media (max-width:1023px){.nwx-svc__g.is-3{grid-template-columns:minmax(0,1fr)}}

/* 対応業種 */
.nwx-ind{background:#fff}
.nwx-ind__g{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.nwx-ind__g li{display:grid;place-items:center;min-height:64px;padding:10px 6px;border-radius:16px;border:1px solid var(--line);background:#f7f9f9;font-size:17px;font-weight:800;text-align:center;line-height:1.4}
.nwx-note.is-c{text-align:center}
@media (max-width:1023px){.nwx-ind__g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.nwx-ind__g{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nwx-ind__g li{font-size:16px;min-height:52px}}

/* 基礎知識：関連記事 */
.nwx-bas__rd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px!important}
.nwx-bas__rd .nwx-more.is-card{margin-top:0;height:100%}
@media (max-width:767px){.nwx-bas__rd{grid-template-columns:minmax(0,1fr)}}


/* ===== 取引実績ロゴ：FV直下のマーキー（カラー・枠なし） ===== */
.nwx-mq{padding:clamp(24px,2.6vw,36px) 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nwx-mq__hd{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 16px}
.nwx-x .nwx-mq__h{font-size:17px;font-weight:800;letter-spacing:.12em;color:var(--ink)}
.nwx-mq__note{font-size:14px;color:var(--mute)}
.nwx-mq__vp{overflow:hidden;margin-top:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.nwx-mq__track{display:flex;width:max-content;animation:nwx-mq 48s linear infinite}
.nwx-mq__vp:hover .nwx-mq__track{animation-play-state:paused}
.nwx-mq__list{display:flex;align-items:center;flex:none}
.nwx-mq__list li{flex:none;display:grid;place-items:center;width:clamp(120px,11vw,168px);height:56px;padding:0 clamp(14px,1.6vw,26px)}
.nwx-mq__list img{max-height:44px;max-width:100%;width:auto;height:auto}
@keyframes nwx-mq{to{transform:translate3d(-50%,0,0)}}
@media (max-width:767px){.nwx-mq__list li{width:112px;height:48px;padding:0 12px}.nwx-mq__list img{max-height:36px}.nwx-mq__track{animation-duration:40s}}
@media (prefers-reduced-motion:reduce){
  .nwx-mq__vp{-webkit-mask-image:none;mask-image:none}
  .nwx-mq__track{width:auto;justify-content:center}
  .nwx-mq__list{flex-wrap:wrap;justify-content:center;flex:1}
  .nwx-mq__list[aria-hidden]{display:none}
}

/* ===== 監修・担当（石田さん）＋出版書籍 ===== */
.nwx-sup{background:linear-gradient(180deg,#fff,#f5f8fe)}
.nwx-sup__g{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;align-items:stretch}
.nwx-prof{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(20px,2.6vw,36px);padding:clamp(20px,2vw,26px);border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -56px rgba(13,40,110,.55)}
.nwx-prof__ph{border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:#e9edf3;align-self:start}
.nwx-prof__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.nwx-prof__role{font-size:16px;font-weight:800;color:var(--blue)}
.nwx-prof__name{margin-top:4px!important;font-size:clamp(24px,2.2vw,30px);font-weight:800;line-height:1.3}
.nwx-prof__name span{display:block;margin-top:4px;font:700 14px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.2em;color:var(--mute)}
.nwx-prof__chips{margin-top:14px!important}
.nwx-prof__chips li.is-ig{color:#0f1419;background:linear-gradient(#fff,#fff) padding-box,var(--ig-h) border-box;border:1.5px solid transparent}
.nwx-prof__tl{margin-top:16px!important;border-top:1px solid var(--line)}
.nwx-prof__tl li{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.7;color:var(--ink2)}
.nwx-prof__tl b{font-weight:800;color:var(--blue);font-size:14px}
.nwx-prof__more{margin-top:14px}
.nwx-prof__more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:16px;font-weight:800;color:var(--blue)}
.nwx-prof__more summary::-webkit-details-marker{display:none}
.nwx-prof__more[open] summary .nwx-ar{transform:rotate(90deg)}
.nwx-prof__more>p{margin-top:12px!important;font-size:16px;line-height:1.9;color:var(--ink2)}
.nwx-book{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 26px;border-radius:26px;background:linear-gradient(160deg,#f4f6f7,#f2f5fe 60%,#eef7f2);border:1px solid var(--line)}
.nwx-book__lab{align-self:flex-start;padding:3px 12px;border-radius:99px;font-size:14px;font-weight:800;color:var(--blue-d);background:#fff}
.nwx-book__cover{display:block;margin-top:18px;width:150px;transform:rotate(-5deg);transition:transform .6s var(--e);box-shadow:0 30px 50px -22px rgba(13,27,69,.5),0 6px 14px -8px rgba(13,27,69,.4);border-radius:4px;overflow:hidden}
.nwx-book__cover:hover{transform:rotate(-2deg) translate3d(0,-4px,0)}
.nwx-book__cover img{width:100%;height:auto}
.nwx-book__b{margin-top:22px}
.nwx-book__t{font-size:18px;font-weight:800;line-height:1.55}
.nwx-book__a{margin-top:4px!important;font-size:16px;color:var(--mute)}
.nwx-book__d{margin-top:10px!important;font-size:16px;line-height:1.8;color:var(--ink2)}
@media (max-width:1023px){.nwx-sup__g{grid-template-columns:minmax(0,1fr)}.nwx-book{flex-direction:row;text-align:left;gap:24px;align-items:center}.nwx-book__lab{position:absolute;left:22px;top:18px}.nwx-book__cover{flex:none;width:120px;margin-top:28px}}
@media (max-width:640px){
  .nwx-prof{grid-template-columns:minmax(0,1fr)}
  .nwx-prof__ph{aspect-ratio:1/1;max-width:none}
  .nwx-prof__ph img{object-position:50% 18%}
  .nwx-book{flex-direction:column;text-align:center}
  .nwx-book__lab{position:static}
  .nwx-book__cover{margin-top:16px}
}

/* 泣き別れ防止 */
.nwx-x span.nwx-nw{white-space:nowrap;display:inline!important;background:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;min-width:0!important;min-height:0!important;position:static!important;transform:none!important}
/* FVの余白と、スマホと画面の重なり（10/2 調整） */
.nwx-fv{padding-top:clamp(96px,8vw,124px)}
@media (min-width:1024px){.nwx-fv .ph--fv{left:-3%;width:clamp(180px,13.4vw,214px)}.fvx-win{width:min(88%,540px)}}
@media (max-width:480px){.nwx-ind__g{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.nwx-ind__g li{font-size:14px;min-height:48px;padding:8px 2px;letter-spacing:0}}

/* =====================================================================
   10/2 石田さんFB反映（文字を大きく濃く・AIっぽさの解消・FVは本番の形をベースに）
   ===================================================================== */
/* --- 読みやすさ：本文17px（SP16px）・薄い文字を濃く（全テキストAA 4.5:1以上） --- */
.nwx-x{--mute:#4d5878;--ink2:#34405f;font-size:18px}
@media (max-width:767px){.nwx-x{font-size:17px}}
.nwx-x .nwx-eb{color:var(--blue-d)}
.nwx-x .nwx-ai .nwx-eb{color:#8ecdf8}
.nwx-x .nwx-lead{color:var(--ink2)}
.nwx-x .nwx-note{color:var(--mute)}
.nwx-x .nwx-ai__cap{color:#b7c0c9}
.nwx-x .nwx-chips li{color:#0b4ea6}

/* --- FV：本番の形（中央揃え・青のパターン背景・イラスト）をブラッシュアップ。ぼかし・ガラス表現は使わない --- */
.nwx-fv.is-prod{padding:clamp(120px,10vw,160px) 0 clamp(150px,13vw,200px);background:#1d8fe8;color:#fff;text-align:center}
.nwx-fv.is-prod .nwx-fv__bg{z-index:-1}
.nwx-fv.is-prod{background:linear-gradient(135deg,#1976d4 0%,#166cd0 45%,#135ec4 100%)}
.nwx-fv.is-prod .nwx-fv__bg::before{content:"";position:absolute;inset:0;opacity:.13;-webkit-mask-image:none;mask-image:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 40a20 20 0 1 0 20 20H40z'/%3E%3Cpath d='M44 36v20h20a20 20 0 0 0-20-20z'/%3E%3Cpath d='M190 52v12h8l14 8V44l-14 8z'/%3E%3Ccircle cx='64' cy='206' r='7'/%3E%3Ccircle cx='86' cy='194' r='7'/%3E%3Ccircle cx='86' cy='218' r='7'/%3E%3Cpath d='M70 203l10-6M70 209l10 6'/%3E%3Cpath d='M206 190h24l-8-8M230 190l-8 8'/%3E%3Cpath d='M182 210c8-12 20-18 48-20'/%3E%3C/svg%3E");background-size:300px 300px}
.nwx-fv.is-prod .nwx-fv__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,70,170,.18),rgba(10,70,170,0) 40%,rgba(10,60,150,.22))}
.nwx-fv.is-prod .nwx-fv__in{display:block;max-width:1200px}
.nwx-fv.is-prod .nwx-fv__eb{display:block;color:#fff;font-size:clamp(17px,1.6vw,23px);font-weight:800;letter-spacing:.06em;animation:fvUp .7s cubic-bezier(.2,.8,.2,1) both}
.nwx-x .nwx-fv.is-prod .nwx-fv__h1{margin:clamp(14px,1.4vw,22px) auto 0;font-size:clamp(34px,5.9vw,90px);color:#fff;text-align:center;letter-spacing:.01em;background:none;-webkit-background-clip:border-box;background-clip:border-box;
  text-shadow:0 6px 0 rgba(6,52,140,.25);animation:fvUp .8s cubic-bezier(.2,.8,.2,1) .08s both}
.nwx-fv.is-prod .nwx-fv__left{display:flex;flex-direction:column;align-items:center;animation:fvUp .8s cubic-bezier(.2,.8,.2,1) .18s both}
.nwx-fv.is-prod .nwx-fv__facts{justify-content:center;margin-top:clamp(28px,3vw,44px)!important;background:#fff;border:0;border-radius:18px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 40px -26px rgba(5,30,90,.6)}
.nwx-fv.is-prod .nwx-fv__facts>div{padding:16px clamp(22px,2.4vw,40px)}
.nwx-fv.is-prod .nwx-fv__facts>div+div{border-left:1px solid #dbe6f5}
.nwx-fv.is-prod .nwx-fv__facts dt{color:#34405f;font-size:14.5px}
.nwx-fv.is-prod .nwx-fv__facts dd{color:#0d1b45;font-size:17px}
.nwx-fv.is-prod .nwx-fv__left .nwx-fv__facts dd b{color:#1667cf;font:300 clamp(40px,3.4vw,56px)/1 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em}
.nwx-fv.is-prod .nwx-fv__btns{justify-content:center}
.nwx-fv.is-prod .nwx-btn--go{box-shadow:0 16px 34px -14px rgba(5,40,20,.55)}
.nwx-fv.is-prod .nwx-btn--sub{background:#fff;border-color:#fff}
.nwx-fv__ill{position:absolute;right:clamp(16px,4vw,72px);bottom:0;width:clamp(220px,22vw,340px);pointer-events:none;animation:fvUp 1s cubic-bezier(.2,.8,.2,1) .3s both}
.nwx-fv__ill img{width:100%;height:auto}
@keyframes fvUp{from{transform:translate3d(0,14px,0)}}
@media (prefers-reduced-motion:reduce){.nwx-fv.is-prod *,.nwx-fv__ill{animation:none!important}}
@media (max-width:1300px){.nwx-fv__ill{width:clamp(170px,16vw,210px);right:16px}}
@media (max-width:1023px){.nwx-fv.is-prod{padding-bottom:clamp(230px,36vw,300px)}.nwx-fv__ill{right:50%;margin-right:-120px;width:240px}}
@media (max-width:767px){
  .nwx-fv.is-prod{padding:92px 0 220px}
  .nwx-x .nwx-fv.is-prod .nwx-fv__h1{font-size:8.6vw}
  .nwx-fv.is-prod .nwx-fv__eb{font-size:15px}
  .nwx-fv.is-prod .nwx-fv__facts{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
  .nwx-fv.is-prod .nwx-fv__facts>div{padding:12px 6px}
  .nwx-fv.is-prod .nwx-fv__facts dt{font-size:13.5px}
  .nwx-fv.is-prod .nwx-fv__facts dd{font-size:14px}
  .nwx-fv.is-prod .nwx-fv__left .nwx-fv__facts dd b{font-size:32px}
  .nwx-fv__ill{width:200px;margin-right:-100px}
}

/* --- 悩み：Xの投稿＋返信のスレッド（均一カードの羅列をやめる） --- */
.nwx-wrs{gap:20px 24px}
.nwx-wr.is-th{display:block;padding:22px 24px 20px;border-radius:20px;background:#fff;border:1px solid #e6ecf5;box-shadow:0 18px 40px -30px rgba(13,27,69,.35)}
.nwx-th__post,.nwx-th__rep{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}
.nwx-th__rep{position:relative;margin-top:14px;padding-top:2px}
.nwx-th__rep::before{content:"";position:absolute;left:21px;top:-14px;height:14px;width:2px;background:#cfd9e6}
.nwx-th__av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#cfd8e3,#e9eef5);position:relative}
.nwx-th__av::after{content:"";position:absolute;left:50%;top:30%;width:14px;height:14px;border-radius:50%;background:#aab6c6;transform:translateX(-50%);box-shadow:0 13px 0 4px #aab6c6;clip-path:inset(0 -10px -6px -10px)}
.nwx-th__av.is-nw{background:#0f1419;color:#fff;font:800 13px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.02em}
.nwx-th__av.is-nw::after{display:none}
.nwx-th__who{font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
.nwx-th__who span{margin-left:6px;font-weight:600;color:var(--mute)}
.nwx-x .nwx-wr.is-th .nwx-wr__q{margin-top:2px!important;font-size:18px;font-weight:700;color:var(--ink);line-height:1.7}
.nwx-x .nwx-wr.is-th .nwx-wr__a{display:block;margin-top:2px!important;padding:12px 16px;border-radius:4px 16px 16px 16px;background:#eef6ff;font-size:17px;font-weight:700;color:#0d2f66;line-height:1.75}
@media (max-width:767px){.nwx-wr.is-th{padding:18px 16px}.nwx-th__post,.nwx-th__rep{grid-template-columns:38px minmax(0,1fr);gap:10px}.nwx-th__av{width:38px;height:38px}.nwx-th__rep::before{left:18px}
  .nwx-x .nwx-wr.is-th .nwx-wr__q{font-size:17px}.nwx-x .nwx-wr.is-th .nwx-wr__a{font-size:16px}}

/* --- 選び方：枠の箱をやめ、番号と罫線で読ませる --- */
.nwx-chs{gap:0;border-top:1px solid #dfe6f0}
.nwx-ch{padding:30px 6px;border:0;border-bottom:1px solid #dfe6f0;border-radius:0;background:none;grid-template-columns:96px minmax(0,1fr)}
.nwx-ch__no{font-size:56px}
.nwx-x .nwx-ch__t{font-size:17px;color:var(--ink2)}
.nwx-x .nwx-ch__nw{display:flex;gap:12px;align-items:baseline;padding:0;background:none;border-left:3px solid var(--green);padding-left:14px;font-size:17px;color:var(--ink)}
.nwx-x .nwx-ch__nw span{flex:none;font-size:14px;color:var(--green-d)}
@media (max-width:767px){.nwx-ch{grid-template-columns:minmax(0,1fr);padding:24px 2px}.nwx-x .nwx-ch__nw{display:block}}

/* --- AI：チャット式アニメーション＋4項目は番号付きの行に --- */
.nwx-chat{position:relative;border-radius:22px;background:#15191e;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -40px rgba(0,0,0,.7);overflow:hidden}
.nwx-chat__top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#e7e9ea;font-size:14px}
.nwx-chat__lg{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#1b76df);color:#fff}
.nwx-chat__lg .fvx-i{width:16px;height:16px}
.nwx-chat__st{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#9fe0b6}
.nwx-chat__st::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e}
.nwx-chat__body{position:relative;padding:22px 18px 8px;min-height:390px}
.nwx-chat__q{margin-left:auto!important;width:max-content;max-width:88%;padding:10px 16px;border-radius:18px 18px 4px 18px;background:#1d9bf0;color:#fff;font-size:16px;font-weight:700;line-height:1.6}
.nwx-chat__think{position:absolute;left:18px;top:84px;display:flex;gap:5px;padding:12px 14px;border-radius:14px;background:#22282f;opacity:0}
.nwx-chat__think i{width:7px;height:7px;border-radius:50%;background:#aab4bf}
.nwx-chat__a{margin-top:16px!important;max-width:94%;padding:14px 16px;border-radius:4px 18px 18px 18px;background:#22282f;color:#e7e9ea}
.nwx-chat__lead{font-size:14.5px;color:#cfd6dd;line-height:1.7}
.nwx-chat__list{margin-top:10px!important;display:flex;flex-direction:column;gap:8px}
.nwx-chat__list li{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#2b323a;font-size:15px;font-weight:700}
.nwx-chat__list b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3a434d;font:800 12.5px/1 "Helvetica Neue",Arial,sans-serif;color:#e7e9ea}
.nwx-chat__list em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:800;color:#0f5132;background:#bff0d0;padding:3px 9px;border-radius:99px;white-space:nowrap}
.nwx-chat__list li.is-you{background:#fff;color:#0d1b45}
.nwx-chat__list li.is-you b{background:#22c55e;color:#fff}
.nwx-chat__list li.is-you::after{content:"";position:absolute;inset:-3px;border-radius:14px;border:2px solid #22c55e;opacity:.9}
.nwx-chat__srcl{margin-top:14px!important;font-size:12.5px;font-weight:700;color:#aeb8c2;letter-spacing:.04em}
.nwx-chat__src{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}
.nwx-chat__src li{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.18);font-size:12.5px;color:#e7e9ea}
.nwx-chat__src .fvx-i{width:14px;height:14px;color:#7cc4fa}
.nwx-chat__in{display:flex;align-items:center;justify-content:space-between;margin:10px 14px 14px;padding:11px 14px;border-radius:14px;background:#22282f;color:#9aa5b1;font-size:13.5px}
.nwx-chat__in i{width:26px;height:26px;border-radius:50%;background:#1d9bf0}
/* 再生（JSがあるときだけ .js-chat で初期状態を隠し、.is-play で順に表示。JSなし・reduced-motionは最終状態） */
.nwx-chat.js-chat .nwx-chat__q span{opacity:0}
.nwx-chat.js-chat .nwx-chat__a,.nwx-chat.js-chat .nwx-chat__list li,.nwx-chat.js-chat .nwx-chat__src li,.nwx-chat.js-chat .nwx-chat__srcl,.nwx-chat.js-chat .nwx-chat__lead{opacity:0;transform:translate3d(0,10px,0)}
.nwx-chat.js-chat .nwx-chat__list li.is-you::after{opacity:0;transform:scale(.96)}
.nwx-chat.is-play .nwx-chat__q span{animation:nwxCh .01s linear forwards;animation-delay:calc(var(--c) * 55ms + 200ms)}
.nwx-chat.is-play .nwx-chat__think{animation:nwxThink 1.5s ease forwards;animation-delay:1.3s}
.nwx-chat.is-play .nwx-chat__think i{animation:nwxDot .9s ease-in-out infinite}
.nwx-chat.is-play .nwx-chat__think i:nth-child(2){animation-delay:.15s}.nwx-chat.is-play .nwx-chat__think i:nth-child(3){animation-delay:.3s}
.nwx-chat.is-play .nwx-chat__a{animation:nwxUp .6s var(--e) forwards;animation-delay:2.8s}
.nwx-chat.is-play .nwx-chat__lead{animation:nwxUp .5s var(--e) forwards;animation-delay:3s}
.nwx-chat.is-play .nwx-chat__list li{animation:nwxUp .55s var(--e) forwards}
.nwx-chat.is-play .nwx-chat__list li:nth-child(1){animation-delay:3.35s}.nwx-chat.is-play .nwx-chat__list li:nth-child(2){animation-delay:3.6s}.nwx-chat.is-play .nwx-chat__list li:nth-child(3){animation-delay:3.85s}
.nwx-chat.is-play .nwx-chat__list li.is-you::after{animation:nwxRing .7s var(--e) forwards;animation-delay:4.3s}
.nwx-chat.is-play .nwx-chat__srcl{animation:nwxUp .5s var(--e) forwards;animation-delay:4.6s}
.nwx-chat.is-play .nwx-chat__src li{animation:nwxUp .5s var(--e) forwards}
.nwx-chat.is-play .nwx-chat__src li:nth-child(1){animation-delay:4.8s}.nwx-chat.is-play .nwx-chat__src li:nth-child(2){animation-delay:5s}.nwx-chat.is-play .nwx-chat__src li:nth-child(3){animation-delay:5.2s}
@keyframes nwxCh{to{opacity:1}}
@keyframes nwxThink{0%{opacity:0}12%,80%{opacity:1}100%{opacity:0}}
@keyframes nwxDot{50%{transform:translate3d(0,-4px,0)}}
@keyframes nwxUp{to{opacity:1;transform:none}}
@keyframes nwxRing{to{opacity:.9;transform:none}}
.nwx-ai__cap{margin-top:12px!important;font-size:14px}
.nwx-ai__dos{display:flex!important;flex-direction:column;gap:0!important;border-top:1px solid rgba(255,255,255,.14)}
.nwx-x .nwx-ai__do{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;padding:20px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:none!important}
.nwx-x .nwx-ai__do .nwx-ai__no{position:static;grid-row:span 2;font:300 36px/1 "Helvetica Neue",Arial,sans-serif;color:#7cc4fa;opacity:1}
.nwx-x .nwx-ai__do .nwx-ic{display:none}
.nwx-x .nwx-ai__do h3{margin:0!important;font-size:18px;color:#fff}
.nwx-x .nwx-ai__do p{margin-top:6px!important;font-size:16px;color:#d3dae1;line-height:1.85}
@media (max-width:767px){.nwx-chat__body{min-height:410px}.nwx-chat__q{font-size:15px}.nwx-x .nwx-ai__do{grid-template-columns:44px minmax(0,1fr)}.nwx-x .nwx-ai__do .nwx-ai__no{font-size:28px}}

/* --- 料金：含まれる業務をフロー図、別途費用は点線、相談はリンク付きチップ --- */
.nwx-scope{margin-top:48px;padding:clamp(22px,3vw,36px);border-radius:24px;background:linear-gradient(180deg,#f4f8ff,#fff);border:1px solid #dfe8f5}
.nwx-scope__hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.nwx-scope__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:var(--green-l);color:var(--green-d);font-size:16px;font-weight:800}
.nwx-scope__badge .nwx-tick{margin-top:0}
.nwx-scope__flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px!important}
.nwx-scope__flow::before{content:"";position:absolute;left:24px;right:24px;top:22px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:.35}
.nwx-scope__flow>li{position:relative;padding:0 4px}
.nwx-scope__no{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--ink)}
.nwx-scope__no b{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue-d);font:800 15px/1 "Helvetica Neue",Arial,sans-serif}
.nwx-scope__flow>li:last-child .nwx-scope__no b{border-color:var(--green);color:var(--green-d)}
.nwx-scope__flow ul{margin-top:12px!important;display:flex;flex-direction:column;gap:8px}
.nwx-scope__flow ul li{display:flex;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #e3eaf4;font-size:16px;font-weight:700;line-height:1.6;color:var(--ink)}
.nwx-scope__sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;margin-top:22px}
.nwx-scope__ex{padding:16px 18px;border-radius:16px;border:1.5px dashed #e3a64a;background:#fffaf1}
.nwx-scope__ex p:last-child{margin-top:4px!important;font-size:16px;font-weight:700;color:#3d2a06}
.nwx-scope__k{font-size:14px;font-weight:800;letter-spacing:.04em;color:#8a4b00}
.nwx-scope__op{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e3eaf4}
.nwx-scope__op .nwx-scope__k{color:var(--blue-d)}
.nwx-scope__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px!important}
.nwx-scope__chips a,.nwx-scope__chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:var(--blue-l);color:#0b4ea6;font-size:16px;font-weight:800;text-decoration:none;transition:transform .3s var(--e)}
.nwx-scope__chips a:hover{transform:translate3d(0,-2px,0)}
.nwx-scope__chips .nwx-ar{width:14px;height:14px}
@media (max-width:1023px){.nwx-scope__flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.nwx-scope__flow::before{display:none}.nwx-scope__sub{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.nwx-scope__flow{grid-template-columns:minmax(0,1fr)}}
/* 4つの要素：メーターで「右に寄るほど上がる」 */
.nwx-pr__facl{margin-top:6px!important;font-size:16px;color:var(--ink2)}
.nwx-x .nwx-pr__fac li{display:flex;flex-direction:column;background:#fff}
.nwx-x .nwx-pr__fac p{font-size:16px;color:var(--ink2)}
.nwx-meter{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:800;color:var(--ink2)}
.nwx-meter__tr{position:relative;height:8px;border-radius:99px;background:linear-gradient(90deg,#dbe7f7,#bfe9cf)}
.nwx-meter__tr i{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:3px solid var(--green);box-shadow:0 4px 10px -4px rgba(13,27,69,.4);
  transition:transform 1.1s var(--e) .25s,opacity .6s}
.nwx-meter__tr i{left:calc(var(--lv) * 100%);transform:none}
.nwx-pr__fac li.nwx-pre .nwx-meter__tr i{transform:translate3d(-60px,0,0);opacity:.4}

/* --- 最後のCTAの下余白 --- */
.nwx-cta2.is-v4{padding-bottom:clamp(96px,9vw,144px)}

/* --- コントラストAA（実測で4.5未満だった箇所） --- */
.nwx-x{--blue:#1667cf}
.nwx-x .nwx-btn--sub{color:#15803d!important}
.nwx-pr__card.is-main .nwx-pr__k,.nwx-pr__card.is-main .nwx-pr__d{color:#fff}
.nwx-fl:last-child .nwx-fl__no{background:#15803d;border-color:#15803d}
.nwx-pr__card.is-main{background:linear-gradient(160deg,#1667cf,#0f4fae)}

/* --- 10/2 文字サイズ基準の引き上げ（三木さん「全体的にフォント小さい」）：PC本文18px・SP16〜17px、h2 PC40px前後、h3 22〜24px、行間1.8前後 --- */
.nwx-x{font-size:18px;line-height:1.8}
@media (max-width:767px){.nwx-x{font-size:16.5px}}
.nwx-x .nwx-h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.45!important}
.nwx-x .nwx-h3{font-size:clamp(20px,1.7vw,24px);line-height:1.5}
.nwx-x .nwx-lead{font-size:clamp(16.5px,1.25vw,18px);line-height:1.85}
.nwx-x .nwx-note{font-size:14px}
.nwx-x .nwx-faq__a,.nwx-x .nwx-faq__a p{font-size:17px;line-height:1.85}
@media (max-width:767px){.nwx-fv.is-prod .nwx-fv__facts dt{font-size:14px}}
/* FVの白文字のコントラスト（背景の青を一段深く） */
.nwx-fv.is-prod{background-color:#1569cc}
.nwx-fv.is-prod .nwx-fv__bg::after{background:linear-gradient(115deg,transparent 0 24%,rgba(255,255,255,.07) 24% 42%,transparent 42% 60%,rgba(255,255,255,.06) 60% 74%,transparent 74%)}


/* ===== CTA中央寄せ v1（2026-10-02 三木さん指示：中間CTAはボタン中央寄せ。調査リリースLP準拠の帯デザイン） ===== */
section.nwx-cta2.nwx-cta2{--cb-bg:#0f1419;--cb-ac:#1d9bf0;--cb-paper:#f2f6f9;--cb-ink:#0f1730;--cb-ac-ink:#0b5a91;
  position:relative;isolation:isolate;overflow:hidden;overflow:clip;text-align:center!important;
  padding:clamp(72px,8vw,120px) 0!important;background:var(--cb-bg)!important;color:#fff}
section.nwx-cta2.nwx-cta2.is-v4{padding-bottom:clamp(104px,10vw,144px)!important}
section.nwx-cta2.nwx-cta2::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px);background-size:calc(100%/12) 100%}
section.nwx-cta2.nwx-cta2::after{content:"";position:absolute;left:50%;top:0;width:min(880px,86vw);height:3px;transform:translateX(-50%);background:var(--cb-ac);z-index:0}
section.nwx-cta2.nwx-cta2.is-v2{background:var(--cb-paper)!important;color:var(--cb-ink)}
section.nwx-cta2.nwx-cta2.is-v2::before{background-image:linear-gradient(to right,rgba(15,23,48,.06) 1px,transparent 1px)}
section.nwx-cta2.nwx-cta2 .nwx-cta2__bg,section.nwx-cta2.nwx-cta2 .nwx-cta2__glow{display:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__in{position:relative;z-index:1}
section.nwx-cta2.nwx-cta2 .nwx-cta2__card{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;
  max-width:900px;margin:0 auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;grid-template-columns:none!important;overflow:visible!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__card:hover{transform:none!important;box-shadow:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__txt,section.nwx-cta2.nwx-cta2 .nwx-cta2__act{order:0!important;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb{display:inline-flex!important;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px!important;
  font-size:14px!important;font-weight:700;letter-spacing:.2em;color:var(--cb-ac)!important}
section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__eb{color:var(--cb-ac-ink,var(--cb-ink))!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb i{display:block;width:32px;height:1px;background:currentColor}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb::after{content:"";display:block;width:32px;height:1px;background:currentColor}
section.nwx-cta2.nwx-cta2 .nwx-cta2__h{margin:0!important;font-size:clamp(28px,3.1vw,44px)!important;line-height:1.45!important;font-weight:800!important;
  letter-spacing:-.01em;color:inherit!important;text-wrap:balance;max-width:20em}
section.nwx-cta2.nwx-cta2 .nwx-cta2__mk{background:linear-gradient(transparent 64%,var(--cb-ac) 64%,var(--cb-ac) 92%,transparent 92%) no-repeat 0 0/100% 100%!important;color:inherit!important;padding:0 .06em}
section.nwx-cta2.nwx-cta2:not(.is-v2) .nwx-cta2__mk{background:linear-gradient(transparent 66%,color-mix(in srgb,var(--cb-ac) 55%,transparent) 66%,color-mix(in srgb,var(--cb-ac) 55%,transparent) 92%,transparent 92%) no-repeat!important}
section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__mk{background:linear-gradient(transparent 66%,color-mix(in srgb,var(--cb-ac) 35%,transparent) 66%,color-mix(in srgb,var(--cb-ac) 35%,transparent) 92%,transparent 92%) no-repeat!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__t{margin:20px auto 0!important;max-width:40em;font-size:18px!important;line-height:1.9!important;color:rgba(255,255,255,.86)!important}
section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__t{color:#3a4360!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__act{margin-top:36px!important;gap:22px!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__flow{justify-content:center!important;font-size:15px!important;color:rgba(255,255,255,.86)!important;margin:0!important}
section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__flow{color:#3a4360!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__flow li+li::before{background:currentColor!important;opacity:.45}
section.nwx-cta2.nwx-cta2 .nwx-cta2__flow li.is-free span{background:#e9f8ef!important;color:#14532d!important;padding:3px 12px!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__btns{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center!important;align-items:stretch;gap:16px!important;width:100%;margin:0 auto!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__btns>a{flex:0 1 340px!important;width:auto!important;max-width:100%;min-height:64px;font-size:17px!important;justify-content:center}
@media (max-width:767px){
  section.nwx-cta2.nwx-cta2{padding:64px 0!important;text-align:center}
  section.nwx-cta2.nwx-cta2.is-v4{padding-bottom:96px!important}
  section.nwx-cta2.nwx-cta2::before{background-size:25% 100%}
  section.nwx-cta2.nwx-cta2 .nwx-cta2__h{font-size:clamp(23px,6.4vw,28px)!important}
  section.nwx-cta2.nwx-cta2 .nwx-cta2__t{font-size:16.5px!important;text-align:left!important}
  section.nwx-cta2.nwx-cta2 .nwx-cta2__btns{flex-direction:column!important;align-items:stretch!important}
  section.nwx-cta2.nwx-cta2 .nwx-cta2__btns>a{flex:0 0 auto!important;width:100%!important}
}
@media (prefers-reduced-motion:no-preference){
  section.nwx-cta2.nwx-cta2::after{animation:cbline 1.2s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% cover 30%}
  @keyframes cbline{from{transform:translateX(-50%) scaleX(0)}to{transform:translateX(-50%) scaleX(1)}}
}


/* 料金・数値の単位色を数字と同色に統一（三木さん 10/2：単位だけ別色・薄色はNG） */
.nwx-pr__card .nwx-pr__v,.nwx-pr__card .nwx-pr__v small,.nwx-pr__card .nwx-pr__v span{color:rgb(22,103,207)!important}
.nwx-pr__card.is-main .nwx-pr__v,.nwx-pr__card.is-main .nwx-pr__v small,.nwx-pr__card.is-main .nwx-pr__v span,.nwx-pr__card.is-main .nwx-pr__v b{color:#fff!important}
.nwx-fv__facts dd,.nwx-fv__facts dd small{color:rgb(22,103,207)!important}
/* 事例セクション下（「事例ページを読む」等の直下）の余白を拡大（三木さん 10/2：PC +64px程度） */
section.nwx-s.nwx-case{padding-bottom:clamp(120px,13.3vw,192px)!important}
@media (max-width:767px){section.nwx-s.nwx-case{padding-bottom:112px!important}}


/* CTAエリアの線をすべて外す・上下余白を約85%に（三木さん 10/2）。サブボタンの白地緑枠は残す */
section.nwx-cta2.nwx-cta2{padding:clamp(60px,6.8vw,100px) 0!important;border:0!important;outline:0!important;box-shadow:none!important}
section.nwx-cta2.nwx-cta2.is-v4{padding-bottom:max(122px,8.5vw)!important}
section.nwx-cta2.nwx-cta2::before,section.nwx-cta2.nwx-cta2::after{content:none!important;display:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__card,section.nwx-cta2.nwx-cta2 .nwx-cta2__in,section.nwx-cta2.nwx-cta2 .nwx-cta2__txt,section.nwx-cta2.nwx-cta2 .nwx-cta2__act{border:0!important;outline:0!important;box-shadow:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__card::before,section.nwx-cta2.nwx-cta2 .nwx-cta2__card::after{content:none!important;display:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb i,section.nwx-cta2.nwx-cta2 .nwx-cta2__eb::before,section.nwx-cta2.nwx-cta2 .nwx-cta2__eb::after{display:none!important;content:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__flow li+li::before{content:"・"!important;display:inline!important;width:auto!important;height:auto!important;background:none!important;opacity:.6;margin:0 6px!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__flow,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow li{border:0!important}
@media (max-width:767px){section.nwx-cta2.nwx-cta2{padding:54px 0!important}section.nwx-cta2.nwx-cta2.is-v4{padding-bottom:84px!important}}


/* CTAのテキストもすべて中央揃え（三木さん 10/2） */
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb,section.nwx-cta2.nwx-cta2 .nwx-cta2__h,section.nwx-cta2.nwx-cta2 .nwx-cta2__t,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow li,section.nwx-cta2.nwx-cta2 .nwx-cta2__txt>*,section.nwx-cta2.nwx-cta2 .nwx-cta2__act>*{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__h{max-width:22em;width:auto}
section.nwx-cta2.nwx-cta2 .nwx-cta2__t{max-width:38em}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow{justify-content:center!important}
@media (max-width:767px){section.nwx-cta2.nwx-cta2 .nwx-cta2__t{text-align:center!important}}


/* CTA背景：濃紺のグラデーションで全LP統一（三木さん 10/2：YouTube LP「選ばれる理由05」の帯 .nwy-band と同じ値）。光・メッシュ・ガラスなし、ごく薄い粒子のみ */
section.nwx-cta2.nwx-cta2,section.nwx-cta2.nwx-cta2.is-v2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(120deg,#0d1b45,#1b3f8f 60%,#1b76df)!important;background-size:160px 160px,100% 100%!important;color:#fff!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__h,section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__h{color:#fff!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__eb,section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__eb{color:#d8e2f6!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__t,section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__t,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow,section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__flow{color:#d8e2f6!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__mk,section.nwx-cta2.nwx-cta2.is-v2 .nwx-cta2__mk{background:linear-gradient(transparent 66%,rgba(74,222,128,.42) 66%,rgba(74,222,128,.42) 92%,transparent 92%) no-repeat!important;color:#fff!important}
@media (max-width:767px){section.nwx-cta2.nwx-cta2 .nwx-cta2__t,section.nwx-cta2.nwx-cta2 .nwx-cta2__flow,section.nwx-cta2.nwx-cta2 .nwx-cta2__eb{color:#fff!important}}

/* [10/2 ctacopy] CTA文言の書き直し：見出しは意味の切れ目で明示改行・各行は途中改行なし／説明は単語途中の改行を防ぐ */
section.nwx-cta2.nwx-cta2 .nwx-cta2__h{max-width:none!important}
section.nwx-cta2.nwx-cta2 .nwx-cta2__h .nwx-ln{white-space:nowrap}
section.nwx-cta2.nwx-cta2 .nwx-cta2__t{max-width:34em;margin-inline:auto;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
@media (max-width:767px){section.nwx-cta2.nwx-cta2 .nwx-cta2__h{font-size:min(26px,calc((100vw - 64px) / 13.5))!important}}
/* [10/2 ctacopy] 最後のCTA（濃紺）とフッターの間に白い帯を出さない：テーマのmain下paddingを0に（CTA下の余白は濃紺セクション内のpadding-bottomで確保済み） */
body.nwx main.siteContent{padding-bottom:0!important;margin-bottom:0!important}

/* [10/2 ctacopy] CTAボタンをサーモンピンク＋白文字に統一（三木さん確定）。白文字は大きい文字の基準3:1以上 */
html body.nwx .nwx-btn.nwx-btn--go{background:linear-gradient(135deg,#FF8C94 0%,#FF6F7F 100%)!important;color:#fff!important;font-size:19px!important;font-weight:800!important;text-shadow:0 1px 2px rgba(160,30,50,.35)!important;border:0!important;box-shadow:0 14px 30px -12px rgba(255,111,127,.6)!important}
html body.nwx .nwx-btn.nwx-btn--go .nwx-btn__l,html body.nwx .nwx-btn.nwx-btn--go .nwx-ar{color:#fff!important}
html body.nwx .nwx-btn.nwx-btn--go:hover{filter:brightness(1.05)}
html body.nwx .nwx-btn.nwx-btn--go .nwx-free{color:#C42E4A!important;background:#fff!important;border-color:#fff!important}
html body.nwx .nwx-btn.nwx-btn--sub{background:#fff!important;color:#C42E4A!important;border:2px solid #FF6F7F!important}
html body.nwx .nwx-btn.nwx-btn--sub .nwx-btn__l,html body.nwx .nwx-btn.nwx-btn--sub .nwx-ar{color:#C42E4A!important}
html body.nwx .nwx-cta2__flow li.is-free span{background:#FFE6EA!important;color:#C42E4A!important;border-color:#FFE6EA!important}
