@charset "UTF-8";
/* ==========================================================================
   AI記事制作代行LP（/ai-writing）リニューアル 2610
   page-ai-writing.php から css/ai-writing/style.css の後に読み込み
   追加セクション（.nwx 配下）・FVの別名（.nwx-h1-alias）・中間CVの2ボタン（.nwx-cvpair）・
   ページ外枠（.nwx-aiw）配下の「実際の納品物イメージ」だけに効く。既存の共通部品には効かせない
   ========================================================================== */
.nwx{
  --nwx-purple:#4e4b79;
  --nwx-navy:#212938;
  --nwx-navy2:#333d52;
  --nwx-ink:#3e4048;
  --nwx-mute:#6b7080;
  --nwx-bg:#e6ecf3;
  --nwx-paper:#fbfcfe;
  --nwx-line:#d9e0ea;
  --nwx-blue:#1b76df;
  --nwx-cyan:#00c1e0;
  --nwx-yellow:#f4b515;
  --nwx-red:#f43a6c;
  --nwx-green:#60c202;
  --nwx-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --nwx-pen:"Klee One","Hiragino Maru Gothic ProN","Noto Sans JP",sans-serif;
  position:relative;color:var(--nwx-ink);font-size:16px;letter-spacing:.04em;
  padding:104px 0 96px;overflow:hidden
}
@supports (overflow:clip){.nwx{overflow:clip}}
.nwx *,.nwx *::before,.nwx *::after{box-sizing:border-box;line-height:inherit}
.nwx p,.nwx li,.nwx dd,.nwx td,.nwx th{line-height:1.9}
.nwx h2,.nwx h3,.nwx h4{line-height:1.5}
.nwx .l_inner{max-width:1120px;padding:0 20px;margin:0 auto;position:relative}
.nwx-lead{max-width:780px;margin:-12px auto 48px;text-align:center;font-size:15px}
.nwx-note{font-size:12px;color:var(--nwx-mute);margin-top:14px;line-height:1.8}
.nwx a:not(.nwx-btn){color:var(--nwx-blue);text-decoration:underline;text-underline-offset:3px}
.nwx :focus-visible{outline:3px solid var(--nwx-yellow);outline-offset:3px;border-radius:4px}

/* buttons (site green CTA tone) */
.nwx-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:40px}
.nwx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 36px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;letter-spacing:.06em;transition:transform .2s ease,box-shadow .2s ease;line-height:1.4;text-align:center}
.nwx-btn--primary{background:var(--nwx-green);color:#fff;border:4px solid #8aef86;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.nwx-btn--ghost{background:#fff;color:var(--nwx-ink);border:3px solid var(--nwx-ink);box-shadow:0 4px 0 rgba(0,0,0,.12)}
.nwx-btn:hover{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.18)}
.nwx-btn svg{width:18px;height:18px;flex:none}

/* =========================================================
   A. 分業（人が設計→AIが執筆→貴社が仕上げる）
   ========================================================= */
.nwx-division{background:radial-gradient(1200px 600px at 85% -10%,rgba(78,75,121,.55),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(27,118,223,.25),transparent 60%),var(--nwx-navy);color:#e9ecf5}
.nwx-division .sec-ttl{color:#fff}
.nwx-division .sec-ttl .fnt-s{color:#b9bff0}
.nwx-division .nwx-eyebrow{color:#8fc3ff}
.nwx-division .nwx-lead{color:rgba(233,236,245,.82)}
.nwx-division__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}
.nwx-division__steps{list-style:none;margin:0;padding:0;counter-reset:nwxstep}
.nwx-division__step{min-height:62vh;padding:40px 0 40px 28px;border-left:1px solid rgba(255,255,255,.14);position:relative;display:flex;flex-direction:column;justify-content:center}
.nwx-division__step:first-child{min-height:48vh}
.nwx-division__step::before{content:"";position:absolute;left:-5px;top:50%;width:9px;height:9px;border-radius:50%;background:#59607a;transition:background .4s,box-shadow .4s}
.nwx-division__step.is-active::before{background:var(--c,#8fc3ff);box-shadow:0 0 0 6px rgba(143,195,255,.15)}
.nwx-division__step[data-step="1"]{--c:#8fc3ff}
.nwx-division__step[data-step="2"]{--c:#b9bff0}
.nwx-division__step[data-step="3"]{--c:#ff8fae}
.nwx-division__who{display:inline-flex;align-items:center;gap:10px;font-family:var(--nwx-mono);font-size:12px;letter-spacing:.16em;color:var(--c);margin:0 0 12px}
.nwx-division__who b{font-size:30px;letter-spacing:0;font-weight:600;color:#fff;opacity:.9}
.nwx.nwx-division .nwx-division__step h3{font-size:26px;font-weight:700;color:#fff;margin:0 0 14px;letter-spacing:.04em}
.nwx.nwx-division .nwx-division__step p{font-size:15px;color:rgba(233,236,245,.84);margin:0}

/* 原稿ドキュメント（sticky） */
.nwx-division__stage{position:relative;z-index:2}
.nwx-doc{background:#fbfcfe;color:#3e4048;border-radius:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);overflow:hidden;position:relative}
.nwx-doc__bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:#eef1f6;border-bottom:1px solid var(--nwx-line);font-family:var(--nwx-mono);font-size:11px;color:#565c6e;letter-spacing:.04em}
.nwx-doc__bar i{width:9px;height:9px;border-radius:50%;background:#d3d8e2}
.nwx-doc__bar em{font-style:normal;margin-left:8px}
.nwx-doc__phase{margin-left:auto;display:flex;gap:4px}
.nwx-doc__phase span{padding:2px 8px;border-radius:4px;background:#dfe4ee;color:#4d5366;transition:background .3s,color .3s}
.nwx-doc[data-stage="1"] .nwx-doc__phase span:nth-child(1),
.nwx-doc[data-stage="2"] .nwx-doc__phase span:nth-child(2),
.nwx-doc[data-stage="3"] .nwx-doc__phase span:nth-child(3){background:var(--nwx-navy);color:#fff}
.nwx-doc__body{position:relative;padding:28px 30px 32px 30px;background-image:linear-gradient(rgba(27,118,223,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(27,118,223,.06) 1px,transparent 1px);background-size:20px 20px}
.nwx-doc__h1{font-size:19px;font-weight:700;margin:0 0 18px;color:#212938;line-height:1.5}
.nwx-doc__block{position:relative;margin:0 0 18px}
.nwx-doc__h2{position:relative;display:flex;align-items:center;gap:10px;padding:9px 12px;margin:0 0 10px;font-size:15px;font-weight:700;color:#212938;line-height:1.5}
.nwx-doc__h2 small{font-family:var(--nwx-mono);font-size:10px;font-weight:400;color:var(--nwx-blue);border:1px solid currentColor;border-radius:3px;padding:0 5px;letter-spacing:.06em;flex:none}
.nwx-doc__wire{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.nwx-doc__wire rect{fill:rgba(27,118,223,.05);stroke:var(--nwx-blue);stroke-width:1.2;stroke-dasharray:5 4}
.nwx-doc__intent{font-family:var(--nwx-mono);font-size:11px;color:var(--nwx-blue);margin:0 0 8px 12px;line-height:1.6}
.nwx-doc__txt{position:relative;font-size:14px;line-height:1.95;margin:0 12px;color:#3e4048}
.nwx-doc__txt .nwx-doc__line{display:block}
.nwx-doc__txt .nwx-doc__line--circ{position:relative;display:inline-block}
.nwx-doc__skel{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:13px;padding-top:9px;pointer-events:none;opacity:0;transition:opacity .4s}
.nwx-doc__skel i{display:block;height:9px;border-radius:5px;background:#e3e8f0}
.nwx-doc__skel i:nth-child(2){width:88%}
.nwx-doc__skel i:nth-child(3){width:64%}
.nwx-strike{position:relative;white-space:nowrap}
.nwx-strike svg{position:absolute;left:-2px;right:-2px;top:50%;width:calc(100% + 4px);height:10px;transform:translateY(-50%);overflow:visible}
.nwx-strike path,.nwx-circle path,.nwx-arrow path{fill:none;stroke:var(--nwx-red);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nwx-ins{font-family:var(--nwx-pen);font-weight:600;color:var(--nwx-red);font-size:14px;margin-left:2px}
.nwx-margin{position:relative;display:inline-block;margin:8px 0 0 10px;font-family:var(--nwx-pen);font-weight:600;font-size:13px;line-height:1.45;color:var(--nwx-red);background:#fff4f7;border:1.5px solid var(--nwx-red);border-radius:6px;padding:6px 10px;transform:rotate(-2deg);box-shadow:0 6px 14px -8px rgba(244,58,108,.5);max-width:13.5em}
.nwx-circle{position:absolute;inset:-4px -8px;pointer-events:none}
.nwx-circle svg{width:100%;height:100%;overflow:visible}
.nwx-doc__cursor{display:inline-block;width:2px;height:1.05em;background:var(--nwx-blue);vertical-align:-.15em;margin-left:2px;opacity:0}
.nwx-doc__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--nwx-mono);font-size:10.5px;color:#5b6172;padding:10px 16px;border-top:1px solid var(--nwx-line);background:#f4f6fa}

/* stage states (JSなし＝data-stage="3"で完成形) */
.nwx-doc .nwx-doc__wire rect{stroke-dashoffset:0;transition:opacity .6s ease}
.nwx-doc .nwx-doc__txt .nwx-doc__line{clip-path:inset(0 0 0 0);transition:clip-path 1.1s steps(26,end)}
.nwx-doc .nwx-doc__block:nth-of-type(2) .nwx-doc__line{transition-delay:.25s}
.nwx-doc .nwx-doc__block:nth-of-type(3) .nwx-doc__line{transition-delay:.5s}
.nwx-doc .nwx-doc__line+.nwx-doc__line{transition-delay:.4s}
.nwx-doc .nwx-strike path,.nwx-doc .nwx-circle path,.nwx-doc .nwx-arrow path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.6,0,.2,1) .15s}
.nwx-doc .nwx-ins,.nwx-doc .nwx-margin{opacity:1;transform:rotate(-2deg);transition:opacity .45s ease .55s,transform .45s ease .55s}
.nwx-doc .nwx-ins{transform:none}
.nwx-doc .nwx-doc__intent{opacity:1;transition:opacity .4s}
.nwx-js .nwx-doc[data-stage="0"] .nwx-doc__wire rect{opacity:.25}
.nwx-js .nwx-doc[data-stage="0"] .nwx-doc__intent{opacity:0}
.nwx-js .nwx-doc[data-stage="0"] .nwx-doc__line,
.nwx-js .nwx-doc[data-stage="1"] .nwx-doc__line{clip-path:inset(0 100% 0 0);transition-duration:.2s;transition-delay:0s}
.nwx-js .nwx-doc[data-stage="0"] .nwx-doc__skel,
.nwx-js .nwx-doc[data-stage="1"] .nwx-doc__skel{opacity:1}
.nwx-js .nwx-doc:not([data-stage="3"]) .nwx-strike path,
.nwx-js .nwx-doc:not([data-stage="3"]) .nwx-circle path,
.nwx-js .nwx-doc:not([data-stage="3"]) .nwx-arrow path{stroke-dashoffset:1;transition-duration:.2s;transition-delay:0s}
.nwx-js .nwx-doc:not([data-stage="3"]) .nwx-ins,
.nwx-js .nwx-doc:not([data-stage="3"]) .nwx-margin{opacity:0;transform:rotate(-2deg) translateY(6px);transition-delay:0s}
.nwx-js .nwx-doc[data-stage="2"] .nwx-doc__cursor{opacity:1;animation:nwxBlink 1s steps(2) infinite}
@keyframes nwxBlink{50%{opacity:0}}

/* =========================================================
   B. 品質チェックの分担
   ========================================================= */

/* =========================================================
   E. 選び方5つ
   ========================================================= */

/* =========================================================
   F. 実績（FV直下）
   ========================================================= */
/* =========================================================
   G. 3サービス比較
   ========================================================= */
.nwx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* =========================================================
   H. 無料でできること
   ========================================================= */
/* 既存CVセクション：相談＋資料の2ボタン */
.nwx-cvpair{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px}
.nwx-cvpair .btn-cv-wrap{margin:0!important}

/* =========================================================
   v4 新規セクション：落ち着いた上質さ（8pxグリッド／アクセント紫1色＋グレー階調／細罫線）
   背景：白 → 濃紺反転（分業）→ 淡いブランド色（比較・選び方）→ 白（品質）
   ========================================================= */
.nwx{--g1:#f7f8fa;--g2:#e8ebf0;--g3:#cdd2db;--g5:#6b7080;--g8:#2b2f3a;--tint:#f4f3f9;--acc:#4e4b79;padding:128px 0 120px}
.nwx-h2,.nwx .sec-ttl{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.5;letter-spacing:.05em;color:#1d2230;margin:0 0 24px}
.nwx-center{text-align:center}
.nwx-lead{max-width:600px;margin:0 auto 72px;font-size:16px;line-height:2.1;color:var(--g5);text-align:center}
.nwx-note{font-size:12px;color:var(--g5);margin:16px 0 0;line-height:1.6}
.nwx-ic{width:24px;height:24px;flex:none}
.nwx-btns{gap:16px;margin-top:48px}
.nwx-btns--left{justify-content:flex-start}
.nwx-btn{min-height:56px;padding:0 36px;font-size:15px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background .3s}
.nwx-btn--primary{border-width:3px}
.nwx-btn--ghost{border:1px solid var(--g8);box-shadow:none;color:var(--g8);background:transparent}
.nwx-btn--ghost:hover{background:#fff;box-shadow:0 8px 24px -12px rgba(29,34,48,.25);transform:translateY(-2px)}
/* 実績：本文＋画像（ブラウザ枠） */
.nwx-results{background:#fff}
.nwx-results__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.nwx-results__lead{font-size:16px;line-height:2;color:var(--g5);margin:0 0 40px;max-width:30em}
.nwx-results__stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--g8);border-bottom:1px solid var(--g2)}
.nwx-stat{padding:24px 0 16px}
.nwx-stat+.nwx-stat{padding-left:32px;border-left:1px solid var(--g2)}
.nwx-stat__k{font-size:13px;color:var(--g5);letter-spacing:.14em;margin:0 0 8px}
.nwx.nwx-results .nwx-stat__v{display:flex;align-items:baseline;gap:6px;margin:0;line-height:1;color:#1d2230}
.nwx-stat__v b{font-family:"Satoshi","Roboto",sans-serif;font-weight:500;font-size:clamp(64px,6.4vw,96px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.nwx-stat__v small{font-size:16px;font-weight:500;color:var(--acc)}
.nwx-results__shot{margin:0}
.nwx-browser{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--g2),0 40px 80px -40px rgba(29,34,48,.45),0 0 0 1px var(--g2);transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.nwx-results__shot:hover .nwx-browser{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}
.nwx-browser__bar{display:flex;align-items:center;gap:6px;height:32px;padding:0 14px;background:var(--g1);border-bottom:1px solid var(--g2)}
.nwx-browser__bar i{width:8px;height:8px;border-radius:50%;background:var(--g3)}
.nwx-browser__bar em{font-style:normal;font-size:11px;color:var(--g5);margin-left:12px;letter-spacing:.04em}
.nwx-browser img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.nwx-results__shot figcaption{font-size:12px;color:var(--g5);margin-top:16px;letter-spacing:.06em}
/* 分業（濃紺反転） */
.nwx.nwx-division .nwx-lead{color:rgba(233,236,245,.7)}
.nwx.nwx-division .sec-ttl{color:#fff}
.nwx-division__who{display:flex;align-items:center;gap:12px;font-family:inherit;font-size:13px;letter-spacing:.16em;color:var(--c);margin:0 0 16px}
.nwx-division__who .nwx-ic{width:40px;height:40px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.nwx.nwx-division .nwx-division__step h3{font-size:26px;margin:0 0 16px}
.nwx.nwx-division .nwx-division__step p:not(.nwx-division__who){font-size:15px;line-height:2;color:rgba(233,236,245,.7);max-width:26em}
.nwx-doc__intent{display:none!important}
.nwx-doc__foot,.nwx-doc__bar{font-family:inherit!important}
/* 比較（淡いブランド色） */
.nwx-cmp{background:var(--tint)}
.nwx-cmp__pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;margin:0 auto}
.nwx-cmp__side{background:#fff;border-radius:16px;padding:48px 48px 40px;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--g2);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.nwx-cmp__side:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--g2),0 24px 48px -24px rgba(29,34,48,.3)}
.nwx-cmp__side.is-us{background:#1d2230;color:#dfe3ee;box-shadow:none}
.nwx-cmp__label{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.14em;color:var(--g5);margin:0 0 16px}
.nwx-cmp__label .nwx-ic{width:20px;height:20px;color:var(--acc)}
.nwx-cmp__side.is-us .nwx-cmp__label,.nwx-cmp__side.is-us .nwx-cmp__label .nwx-ic{color:#b9bff0}
.nwx.nwx.nwx.nwx.nwx .nwx-cmp__side h3{font-size:22px;margin:0 0 32px;color:#1d2230;letter-spacing:.04em}
.nwx.nwx.nwx.nwx.nwx .nwx-cmp__side.is-us h3{color:#fff}
.nwx-cmp__price{display:flex;align-items:baseline;gap:6px;margin:0 0 32px;font-size:14px}
.nwx-cmp__price b{font-family:"Satoshi","Roboto",sans-serif;font-size:56px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.nwx-cmp__price small{font-size:11px;letter-spacing:.1em;opacity:.6;margin-left:4px}
.nwx-cmp__side dl{margin:0 0 40px;flex:1;border-top:1px solid var(--g2)}
.nwx-cmp__side.is-us dl{border-color:rgba(255,255,255,.12)}
.nwx-cmp__side dl div{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--g2)}
.nwx-cmp__side.is-us dl div{border-color:rgba(255,255,255,.12)}
.nwx-cmp__side dt{font-size:12px;letter-spacing:.14em;color:var(--g5);padding-top:3px}
.nwx-cmp__side.is-us dt{color:rgba(223,227,238,.55)}
.nwx-cmp__side dd{margin:0;font-size:15px;line-height:1.8}
.nwx.nwx-cmp a.nwx-cmp__cta{align-self:flex-start;background:var(--nwx-green);color:#fff;text-decoration:none;font-weight:700;font-size:15px;border-radius:999px;padding:16px 36px;transition:transform .3s,box-shadow .3s}
.nwx.nwx-cmp a.nwx-cmp__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(96,194,2,.6)}
.nwx.nwx-cmp a.nwx-cmp__link{align-self:flex-start;color:#1d2230;font-weight:700;font-size:15px;text-decoration:none;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;padding-bottom:6px;transition:background-size .4s}
.nwx.nwx-cmp a.nwx-cmp__link::after{content:" →"}
.nwx.nwx-cmp a.nwx-cmp__link:hover{background-size:40% 1px}
.nwx.nwx-cmp .nwx-cmp__more{text-align:center;font-size:14px;color:var(--g5);margin:48px 0 0}
.nwx.nwx-cmp .nwx-cmp__more a{color:var(--acc)}
/* 品質：分担レーン図（白） */
.nwx-qc{background:#fff}
.nwx-lanes{max-width:960px;margin:0 auto;display:grid;grid-template-columns:4fr auto 2fr;align-items:start;gap:0 24px}
.nwx-lane{display:grid;grid-template-rows:auto auto}
.nwx-lane__who{font-size:13px;letter-spacing:.2em;color:var(--g5);margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--g8)}
.nwx-lane--you .nwx-lane__who{color:var(--acc);border-color:var(--acc)}
.nwx-lane ol{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative}
.nwx-lane ol::before{content:"";position:absolute;left:12%;right:12%;top:28px;height:1px;background:var(--g3)}
.nwx-lane__node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;font-size:14px;line-height:1.6;color:var(--g8);padding:0 4px}
.nwx-lane__node .nwx-ic{width:56px;height:56px;padding:15px;border-radius:50%;background:#fff;border:1px solid var(--g3);color:#1d2230;position:relative;transition:border-color .3s,transform .3s}
.nwx-lane__node:hover .nwx-ic{border-color:var(--acc);transform:translateY(-2px)}
.nwx-lane__node.is-you .nwx-ic{border-color:var(--acc);color:var(--acc)}
.nwx-lane__handoff{align-self:start;margin-top:57px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--acc);font-size:11px;letter-spacing:.06em;width:88px;text-align:center;line-height:1.5}
.nwx-lane__handoff .nwx-ic{width:20px;height:20px}
.nwx-qc__opt{text-align:center;font-size:13px;color:var(--g5);margin:64px 0 0}
/* 選び方（淡いグレー） */
.nwx-choose{background:var(--g1)}
.nwx-choose__list{max-width:920px;margin:0 auto;border-top:1px solid var(--g8)}
.nwx-choose__row{display:grid;grid-template-columns:320px 1fr;gap:48px;padding:40px 8px;border-bottom:1px solid var(--g2);transition:background .3s}
.nwx-choose__row:hover{background:#fff}
.nwx-choose__row dt{display:flex;align-items:center;gap:16px;font-size:19px;font-weight:700;color:#1d2230;line-height:1.6;letter-spacing:.04em}
.nwx-choose__ic{flex:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--g3);border-radius:50%;color:var(--acc);background:#fff}
.nwx-choose__row dd{margin:0;font-size:15px;line-height:2;color:var(--g8);align-self:center}
.nwx-choose__row dd span{display:block;margin-top:8px;font-size:13px;color:var(--acc)}
/* 既存「実際の納品物イメージ」の画像：角丸・影・トリミング（このページの #research に限定） */
.nwx-aiw #research .p-research-listItemUpper{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #e8ebf0,0 24px 48px -28px rgba(29,34,48,.4);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.nwx-aiw #research .p-research-listItemUpper img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top left}
.nwx-aiw #research .p-research-listItem:hover .p-research-listItemUpper{transform:translateY(-4px);box-shadow:0 0 0 1px #e8ebf0,0 32px 56px -28px rgba(29,34,48,.45)}
@media (max-width:1047px){
  .nwx-results__grid{grid-template-columns:1fr;gap:56px}
  .nwx-browser{transform:none}
}
@media (max-width:768px){
  .nwx{padding:88px 0 80px}
  .nwx-lead{margin:0 auto 48px;font-size:15px;text-align:left}
  .nwx-h2,.nwx .sec-ttl{font-size:26px}
  .nwx-results__stats{grid-template-columns:1fr 1fr}
  .nwx-stat+.nwx-stat{padding-left:20px}
  .nwx-stat__v b{font-size:64px}
  .nwx-btns--left{justify-content:center}
  .nwx-cmp__pair{grid-template-columns:1fr;gap:16px}
  .nwx-cmp__side{padding:32px 24px}
  .nwx-cmp__price b{font-size:48px}
  .nwx-lanes{grid-template-columns:1fr;gap:0}
  .nwx-lane ol{grid-auto-flow:row;gap:16px}
  .nwx-lane ol::before{left:27px;right:auto;top:28px;bottom:28px;width:1px;height:auto}
  .nwx-lane__node{flex-direction:row;text-align:left;align-items:center}
  .nwx-lane__handoff{flex-direction:row;width:auto;margin:32px 0;gap:12px;font-size:12px}
  .nwx-qc__opt{text-align:left;margin-top:40px}
  .nwx-choose__row{grid-template-columns:1fr;gap:16px;padding:32px 0}
  .nwx-choose__row dt{font-size:17px}
  .nwx-btn{width:100%;max-width:360px}
}
@media (prefers-reduced-motion:reduce){.nwx-browser,.nwx-cmp__side,.nwx-aiw #research .p-research-listItemUpper{transition:none!important;transform:none!important}}

/* 修正版：向いていないケース直下の補足 */
.nwx-inline-note{max-width:1120px;margin:24px auto 0;padding:0 20px;font-size:14px;text-align:center;color:var(--nwx-ink)}

/* 既存テーマの .ai-writing .nl-leftContainer h3:not():not() (#4e4b79) より優先 */
.nwx.nwx.nwx.nwx.nwx h3{color:#212938}
.nwx.nwx.nwx.nwx.nwx-division .nwx-division__step h3{color:#fff}

/* reveal（JS有効かつモーション許可時のみ隠す） */
.nwx-js.nwx-motion .nwx-rv{opacity:0;transform:translateY(12px)}

/* =========================================================
   responsive
   ========================================================= */
@media (max-width:1047px){
  .nwx-division__grid{gap:36px}
}
@media (max-width:768px){
  .nwx-division__grid{grid-template-columns:1fr;gap:0}
  .nwx-division__stage{order:-1;margin:0 -4px}
  .nwx-doc__intent,.nwx-doc__h1,.nwx-margin--b{display:none}
  .nwx-doc__txt{margin:0 8px}
  .nwx-doc__bar{height:32px}
  .nwx-doc__body{padding:16px 16px 18px}
  .nwx-doc__h1{font-size:15px;margin-bottom:10px}
  .nwx-doc__block{margin-bottom:10px}
  .nwx-doc__block--3{display:none}
  .nwx-doc__h2{font-size:13px;padding:6px 10px;margin-bottom:6px}
  .nwx-doc__intent{font-size:10px;margin-bottom:4px}
  .nwx-doc__txt{font-size:12.5px;line-height:1.8}
  .nwx-margin{font-size:11.5px;padding:3px 8px;margin-top:4px}
  .nwx-doc__foot{display:none}
  .nwx-division__steps{position:relative;z-index:1}
  .nwx-division__step,.nwx-division__step:first-child{min-height:0;padding:44px 0 44px 22px}
  .nwx-division__step:last-child{padding-bottom:12px}
  .nwx-division__step h3{font-size:21px}
  .nwx-btn{width:100%;max-width:360px;min-height:56px;padding:0 20px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .nwx *,.nwx *::before,.nwx *::after{transition:none!important;animation:none!important}
}
/* FV：h1直下の別名 */
.nwx-h1-alias{font-size:13px;font-weight:700;letter-spacing:.1em;opacity:.78;margin:8px 0 0!important;line-height:1.6}
/* CVの2ボタン：PCは横並び、資料DLは副ボタン（白） */
.nwx-cvpair{margin-top:28px}
.nwx-cvpair .btn-cv-wrap{flex:0 1 380px;width:auto!important;max-width:100%}
.nwx-cvpair .btn-cv-wrap .btn-cv{width:100%}
.nwx-cvpair .btn-cv-wrap:not(.nwx-cv-consult) .btn-cv{background:#fff!important;border-color:#fff!important}
.nwx-cvpair .btn-cv-wrap:not(.nwx-cv-consult) .btn-cv-inner{color:#212938!important}
@media (max-width:768px){.nwx-cvpair{flex-direction:column;align-items:center}.nwx-cvpair .btn-cv-wrap{flex:none;width:100%!important}}
.nwx-cvpair .btn-cv-wrap:not(.nwx-cv-consult) .btn-cv::after{background:#fff!important;border-color:#d9e0ea!important}
.nwx-doc__intent{display:none!important}.nwx-doc__foot,.nwx-doc__bar{font-family:inherit!important}
.nwx-results .nwx-h2{text-align:left}@media (max-width:768px){.nwx-results .nwx-h2{text-align:center}}
/* 改行：文節単位（BudouX の <wbr> と併用） */
.nwx{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
.nwx h2,.nwx h3,.nwx .sec-ttl,.nwx-h2,.nwx dt,.nwx-lead{text-wrap:balance}
.nwx p,.nwx dd,.nwx li{text-wrap:pretty}