@charset "UTF-8";
/* ==========================================================================
   オウンドメディア構築LP（/ownedmedia）リニューアル 2610
   page-ownedmedia.php から読み込み
   追加セクション（.nwx-s 配下）・事例キャプション（.nwx-s-cap）・関連ブログのサムネイル（.nwx-tips-img）だけに効く。既存の共通部品には効かせない
   ========================================================================== */

/* ---------- 関連ブログのサムネイル（width/height属性を付けたぶん高さは自動のまま） ---------- */
.internal_tips_item img.nwx-tips-img{height:auto}

/* ---------- 線アイコンの寸法（旧：インラインstyle） ---------- */
.nwx-i.nwx-i--20{width:20px!important;height:20px!important;max-width:none!important}
.nwx-i.nwx-i--24{width:24px!important;height:24px!important;max-width:none!important}
.nwx-i.nwx-i--28{width:28px!important;height:28px!important;max-width:none!important}

/* =====================================================================
   nwx-s.css v2 — 新規セクション専用（2026-10-01）
   スコープ: .nwx-s とその中、および .nwx-s-cap（既存事例に足したキャプション）だけ。
   既存の本番部品（FV・ロゴ帯・アンカーナビ・CTA・資格・フォーム・フッター）には効かせない。
   8pxグリッド／色: ブランドの紺＋グレー階調＋アクセント1色（ブランド青）／細罫線
   背景は 白 → 淡いブランド色（--tint）→ 濃紺反転（--ink）で切り替える
   ===================================================================== */
.nwx-s{
  --ink:#14244a;
  --g8:#2f3a52; --g6:#58627a; --g4:#8b93a6; --g3:#c7cdd8; --g2:#e3e7ee; --g1:#f3f6fa;
  --tint:#eef4fb; --ac:#1b76df;
  --line:rgba(20,36,74,.12);
  --shadow:0 1px 2px rgba(20,36,74,.04),0 12px 32px -16px rgba(20,36,74,.22);
  --ease:cubic-bezier(.2,.7,.1,1);
  --num:"Roboto","Helvetica Neue",Arial,sans-serif;
  position:relative;color:var(--ink);background:#fff;padding:136px 0;text-align:left;
}
.nwx-s *,.nwx-s *::before,.nwx-s *::after{box-sizing:border-box}
.nwx-s--tint{background:var(--tint)}
.nwx-s--ink{background:var(--ink);color:#fff;--line:rgba(255,255,255,.16);--g8:rgba(255,255,255,.9);--g6:rgba(255,255,255,.74);--g4:rgba(255,255,255,.58);--g3:rgba(255,255,255,.32);--g2:rgba(255,255,255,.14)}
.nwx-s__in{max-width:1120px;margin:0 auto;padding:0 48px}

/* 見出しまわり：大きな見出し＋短いリード（＋右にビジュアル） */
.nwx-s__head{display:grid;grid-template-columns:1fr;gap:48px;margin:0 0 72px;align-items:center}
.nwx-s__head--vis{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.nwx-s .nwx-s__h{font-size:40px;line-height:1.45;font-weight:700;letter-spacing:.02em;margin:0 0 24px;color:inherit;text-align:left;padding:0;border:0;background:none}
.nwx-s .nwx-s__h::before,.nwx-s .nwx-s__h::after{content:none}
.nwx-s .nwx-s__lead{font-size:18px;line-height:2.1;color:var(--g6);margin:0;max-width:32em;text-align:left}
.nwx-s__vis{justify-self:end;width:100%;max-width:460px;color:var(--ink)}
.nwx-s--ink .nwx-s__vis{color:#fff}
.nwx-s__vis svg{display:block;width:100%;height:auto;overflow:visible}
.nwx-s .nwx-s__note{font-size:12px;line-height:1.8;color:var(--g4);margin:48px 0 0;text-align:left}
.nwx-s p,.nwx-s li,.nwx-s h3,.nwx-s dt,.nwx-s dd{text-align:left}
.nwx-s a{color:inherit;text-decoration:underline;text-decoration-color:var(--g3);text-underline-offset:4px;transition:text-decoration-color .3s,color .3s}
.nwx-s a:hover{text-decoration-color:var(--ac)}
.nwx-s b,.nwx-s strong{font-weight:700}
.nwx-i{display:block;flex:none}
.nwx-s .nwx-s__h,.nwx-s h3,.nwx-s .nwx-s-case__res,.nwx-s .nwx-s-split__what{color:var(--ink)}
.nwx-s--ink .nwx-s__h,.nwx-s--ink h3,.nwx-s--ink .nwx-s-split__what,.nwx-s--ink .nwx-s-rows__k{color:#fff!important}
.nwx-s__vis svg{max-width:none}

/* ---- 行（左：見出し・アイコン／右：内容）細罫線 ---- */
.nwx-s-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.nwx-s-rows>li{display:grid;grid-template-columns:320px 1fr;gap:16px 56px;padding:36px 0;border-bottom:1px solid var(--line)}
.nwx-s-rows__k{display:flex;gap:16px;align-items:flex-start;font-size:17px;line-height:1.7;font-weight:700;margin:0}
.nwx-s-rows__k .nwx-i{color:var(--ac);margin-top:2px}
.nwx-s--ink .nwx-s-rows__k .nwx-i{color:#8cc0ff}
.nwx-s-rows__k small{display:block;font-weight:400;font-size:13px;color:var(--g4);margin-top:4px}
.nwx-s-rows__v{font-size:16px;line-height:2.1;color:var(--g6);margin:0}
.nwx-s-rows__v p{margin:0}
.nwx-s-rows__v p+p{margin-top:12px}

/* ---- 料金：大きな等幅数字・細い区切り線・余白 ---- */
.nwx-s-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 20px;margin:0}
.nwx-s-price+.nwx-s-price{margin-top:12px}
.nwx-s-price__yen{font-family:var(--num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum";font-size:48px;line-height:1.1;font-weight:300;letter-spacing:-.01em;color:var(--ink)}
.nwx-s-price__yen span{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;margin-left:6px;color:var(--g8)}
.nwx-s-price--sub .nwx-s-price__yen{font-size:32px}
.nwx-s-price__term{font-size:13px;color:var(--g4);letter-spacing:.02em}
.nwx-s-rows>li.is-main .nwx-s-price__yen{color:var(--ac)}
.nwx-s-rows__desc{margin-top:12px!important;font-size:15px}

/* ---- 細線タイムライン（アイコンつき）---- */
.nwx-s-steps{list-style:none;margin:0;padding:0;position:relative}
.nwx-s-steps>li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:0 32px;padding:0 0 48px}
.nwx-s-steps>li:last-child{padding-bottom:0}
.nwx-s-steps>li::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:1px;background:var(--line)}
.nwx-s-steps>li:last-child::before{content:none}
.nwx-s-steps__ic{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:background .4s var(--ease),color .4s,border-color .4s}
.nwx-s--ink .nwx-s-steps__ic{color:#fff}
.nwx-s-steps>li.is-key .nwx-s-steps__ic{background:var(--ac);border-color:var(--ac);color:#fff}
.nwx-s-steps__t{padding-top:12px}
.nwx-s-steps__h{font-size:21px;line-height:1.6;font-weight:700;margin:0 0 8px;color:inherit}
.nwx-s-steps__h small{display:block;font-size:13px;font-weight:400;color:var(--g4);margin-bottom:4px;letter-spacing:.04em}
.nwx-s-steps__p{font-size:16px;line-height:2.1;color:var(--g6);margin:0;max-width:40em}
.nwx-s-steps__sub{font-size:13px;line-height:1.8;color:var(--g4);margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px}

/* ---- 状況 → おすすめ（役割分担）---- */
.nwx-s-split{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nwx-s-split>div{position:relative;padding:40px 32px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);transition:transform .5s var(--ease),border-color .4s}
.nwx-s-split>div:hover{transform:translateY(-4px);border-color:var(--g3)}
.nwx-s-split .nwx-i{color:var(--ac);margin-bottom:24px}
.nwx-s--ink .nwx-s-split .nwx-i{color:#8cc0ff}
.nwx-s-split__when{font-size:14px;line-height:1.8;color:var(--g4);margin:0 0 8px}
.nwx-s-split__what{font-size:20px;line-height:1.6;font-weight:700;margin:0 0 12px}
.nwx-s-split__p{font-size:15px;line-height:2;color:var(--g6);margin:0}
.nwx-s-split .is-here{border-color:var(--ac);background:rgba(27,118,223,.14)}
.nwx-s-split__tag{position:absolute;top:16px;right:16px;font-size:12px;padding:2px 12px;border-radius:99px;background:var(--ac);color:#fff}

/* ---- 導線カード（ホバーで少し浮く）---- */
.nwx-s-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nwx-s-cards a{display:flex;flex-direction:column;gap:12px;height:100%;padding:32px;border-radius:16px;background:#fff;border:1px solid var(--g2);text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(20,36,74,.04);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.nwx-s-cards a:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.nwx-s-cards .nwx-i{color:var(--ac)}
.nwx-s-cards b{font-size:17px;line-height:1.6}
.nwx-s-cards small{font-size:14px;line-height:1.8;color:#58627a}
.nwx-s-cards__go{margin-top:auto;display:flex;justify-content:flex-end;color:#8b93a6;transition:color .3s,transform .4s var(--ease)}
.nwx-s-cards a:hover .nwx-s-cards__go{color:var(--ac);transform:translateX(4px)}
.nwx-s-cols__h{font-size:14px;font-weight:700;margin:0 0 16px;color:var(--g4);letter-spacing:.04em}
.nwx-s-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.nwx-s-cols .nwx-s-cards{grid-template-columns:1fr;gap:12px}
.nwx-s-cols .nwx-s-cards a{flex-direction:row;align-items:center;gap:16px;padding:20px 24px}
.nwx-s-cols .nwx-s-cards__go{margin:0 0 0 auto}

/* ---- 定義（ひと言でいうと）---- */
.nwx-s-define{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;padding:40px 48px;border-radius:16px;background:#fff;box-shadow:var(--shadow);margin:0}
.nwx-s-define .nwx-i{color:var(--ac)}
.nwx-s-define p{font-size:20px;line-height:2;margin:0;color:var(--g8)}
.nwx-s-define b{color:var(--ink)}

/* ---- 事例（写真は角丸・柔らかい影・トリミング）---- */
.nwx-s-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:72px 48px}
.nwx-s-cases>li:first-child{grid-column:1/-1}
.nwx-s-case{display:block;text-decoration:none!important;color:inherit}
.nwx-s-cases>li:first-child .nwx-s-case{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.nwx-s-case__img{margin:0 0 28px;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:var(--g1);box-shadow:var(--shadow);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.nwx-s-cases>li:first-child .nwx-s-case__img{margin:0;aspect-ratio:4/3}
.nwx-s-case__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s var(--ease)}
.nwx-s-case:hover .nwx-s-case__img{transform:translateY(-4px)}
.nwx-s-case:hover .nwx-s-case__img img{transform:scale(1.03)}
.nwx-s-case__who{font-size:13px;line-height:1.8;color:var(--g4);margin:0 0 12px;letter-spacing:.02em}
.nwx-s-case__res{font-size:26px;line-height:1.55;font-weight:700;margin:0 0 16px;color:var(--ink)}
.nwx-s-cases>li:first-child .nwx-s-case__res{font-size:32px}
.nwx-s-case__p{font-size:16px;line-height:2.1;color:var(--g6);margin:0}
.nwx-s-case__more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:700;color:var(--ink)}
.nwx-s-case__more .nwx-i{transition:transform .4s var(--ease)}
.nwx-s-case:hover .nwx-s-case__more .nwx-i{transform:translateX(4px);color:var(--ac)}
.nwx-s .nwx-s__more{margin:72px 0 0;text-align:center}
.nwx-s__more a{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;border-radius:99px;border:1px solid var(--ink);text-decoration:none;font-size:15px;font-weight:700;color:var(--ink);transition:background .35s,color .35s,transform .5s var(--ease)}
.nwx-s__more a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}

/* 既存の事例に足したキャプション（写真の下の要点）*/
.nwx-s-cap{margin:16px 0 0!important;font-size:14px!important;line-height:1.9!important;color:#58627a!important;text-align:left!important}

/* ---- 目次 ---- */
.nwx-s-toc{padding:48px 0;background:#fff;border-bottom:1px solid var(--g2)}
.nwx-s-toc__row{display:flex;align-items:baseline;gap:16px 40px;flex-wrap:wrap}
.nwx-s-toc__h{font-size:14px;font-weight:700;margin:0;color:var(--g4)}
.nwx-s-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px}
.nwx-s-toc a{font-size:15px;text-decoration:none;color:var(--ink);background:linear-gradient(var(--ac),var(--ac)) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease),color .3s;padding-bottom:2px}
.nwx-s-toc a:hover{background-size:100% 1px;color:var(--ac)}

/* ---- 既存セクションの中に置く平置きブロック（料金・定義など）---- */
.nwx-s--flat{padding:80px 0 0;background:transparent}
.nwx-s--flat .nwx-s__head{margin-bottom:48px}
.nwx-s--flat .nwx-s__h{font-size:32px}
.nwx-s-details{padding:48px 0 0}
.nwx-s-details>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:var(--ink);padding:14px 28px;border:1px solid var(--g3);border-radius:99px;transition:border-color .3s}
.nwx-s-details>summary:hover{border-color:var(--ink)}
.nwx-s-details>summary::-webkit-details-marker{display:none}
.nwx-s-details>summary::after{content:"+";font-weight:400;color:var(--g4)}
.nwx-s-details[open]>summary::after{content:"−"}
.nwx-s-details>.nwx-s__in{padding:48px 0 0;max-width:760px;margin:0}

/* ---- 未使用のラベル ---- */
.nwx-tbc{display:inline-block;font-size:11px;line-height:1.6;font-weight:700;background:#fff3b0;color:#5b4a00;padding:0 8px;margin:0 4px;border-radius:2px;vertical-align:middle}

/* ---- 控えめな登場と線の描画（JS有効時・画面外の要素のみ／reduced-motion では無効）---- */
.nwx-s .nwx-rv{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s var(--ease)}
.nwx-s .nwx-rv.is-in{opacity:1;transform:none}
.nwx-s .nwx-draw.nwx-rv{opacity:1;transform:none}
.nwx-s .nwx-draw.nwx-rv .nwx-ln{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1.8s var(--ease)}
.nwx-s .nwx-draw.nwx-rv.is-in .nwx-ln{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){
  .nwx-s .nwx-rv,.nwx-s .nwx-draw.nwx-rv .nwx-ln{opacity:1;transform:none;stroke-dashoffset:0;transition:none}
  .nwx-s *{transition:none!important}
}

/* ---- タブレット・SP ---- */
@media (max-width:1024px){
  .nwx-s__head--vis{grid-template-columns:1fr}
  .nwx-s__vis{justify-self:start;max-width:420px}
  .nwx-s-rows>li{grid-template-columns:240px 1fr;gap:16px 32px}
  .nwx-s-cards{grid-template-columns:1fr 1fr}
  .nwx-s-split{grid-template-columns:1fr}
}
@media (max-width:767px){
  .nwx-s{padding:88px 0}
  .nwx-s__in{padding:0 24px}
  .nwx-s__head{margin-bottom:48px;gap:32px}
  .nwx-s .nwx-s__h{font-size:27px;margin-bottom:16px}
  .nwx-s--flat .nwx-s__h{font-size:23px}
  .nwx-s .nwx-s__lead{font-size:16px;line-height:2}
  .nwx-s__vis{max-width:100%}
  .nwx-s-rows>li{grid-template-columns:1fr;gap:12px;padding:28px 0}
  .nwx-s-rows__v{font-size:15px}
  .nwx-s-price__yen{font-size:40px}
  .nwx-s-price--sub .nwx-s-price__yen{font-size:28px}
  .nwx-s-steps>li{grid-template-columns:44px 1fr;gap:0 20px;padding-bottom:40px}
  .nwx-s-steps>li::before{left:21px;top:44px}
  .nwx-s-steps__ic{width:44px;height:44px}
  .nwx-s-steps__t{padding-top:6px}
  .nwx-s-steps__h{font-size:18px}
  .nwx-s-steps__p{font-size:15px}
  .nwx-s-split,.nwx-s-cards,.nwx-s-cols{grid-template-columns:1fr}
  .nwx-s-split>div{padding:32px 24px}
  .nwx-s-define{grid-template-columns:1fr;gap:16px;padding:32px 24px}
  .nwx-s-define p{font-size:17px}
  .nwx-s-cases{grid-template-columns:1fr;gap:56px}
  .nwx-s-cases>li:first-child .nwx-s-case{grid-template-columns:1fr;gap:0}
  .nwx-s-cases>li:first-child .nwx-s-case__img{margin-bottom:28px;aspect-ratio:16/10}
  .nwx-s-case__res,.nwx-s-cases>li:first-child .nwx-s-case__res{font-size:22px}
  .nwx-s-toc{padding:40px 0}
  .nwx-s--flat{padding-top:56px}
}

/* ---- ファネル図（BtoB）：段が上から順に伸びる→ラベル→粒子がゆっくり下へ。段⇔タイムライン連動 ---- */
.nwx-fn-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:80px;align-items:start}
.nwx-fn{position:sticky;top:120px;color:#fff}
.nwx-fn svg{display:block;width:100%;height:auto;overflow:visible}
.fn-st{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.fn-st rect{transform-box:fill-box;transform-origin:50% 50%;transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i)*150ms),fill .4s ease,stroke-opacity .4s ease}
.fn-st text{transition:opacity .6s ease calc(var(--i)*150ms + 380ms);pointer-events:none}
.nwx-fn.fn-armed:not(.is-in) .fn-st rect{transform:scaleX(0)}
.nwx-fn.fn-armed:not(.is-in) .fn-st text{opacity:0}
.nwx-fn.fn-done .fn-st rect,.nwx-fn.fn-done .fn-st text{transition-delay:0s}
.fn-st:hover .fn-band,.fn-st:focus-visible .fn-band,.fn-st.is-on .fn-band{stroke-opacity:1;fill:rgba(255,255,255,.08)}
.fn-st:hover .fn-key,.fn-st:focus-visible .fn-key,.fn-st.is-on .fn-key{fill:#3a8cf0}
.fn-st:focus-visible rect{stroke:#8cc0ff;stroke-opacity:1}
.fn-p{opacity:0}
.nwx-fn.is-in .fn-p{animation:fnFall 6.4s linear infinite;animation-delay:calc(1.8s + var(--d))}
.nwx-fn.is-in .fn-line{animation:fnDash 9s linear infinite}
@keyframes fnFall{0%{transform:translateY(0);opacity:0}12%{opacity:.5}80%{opacity:.35}100%{transform:translateY(372px);opacity:0}}
@keyframes fnDash{to{stroke-dashoffset:-64}}
.fn-tip{margin-top:32px;min-height:96px;padding:20px 24px;border:1px solid rgba(255,255,255,.16);border-radius:12px;opacity:.72;transform:translateY(4px);transition:opacity .45s cubic-bezier(.2,.8,.2,1),transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s}
.fn-tip.is-on{opacity:1;transform:none;border-color:rgba(140,192,255,.5)}
.nwx-s .fn-tip__k{font-size:15px;font-weight:700;margin:0 0 4px;color:#fff}
.nwx-s .fn-tip__v{font-size:14px;line-height:1.9;margin:0;color:rgba(255,255,255,.74)}
.nwx-fn-grid .nwx-s-steps>li{transition:opacity .4s ease}
.nwx-fn-grid .nwx-s-steps>li.is-hl .nwx-s-steps__ic{border-color:#8cc0ff;box-shadow:0 0 0 6px rgba(140,192,255,.14)}
.nwx-fn-grid .nwx-s-steps>li.is-key.is-hl .nwx-s-steps__ic{border-color:var(--ac)}
@media (prefers-reduced-motion:reduce){
  .nwx-fn .fn-p,.nwx-fn .fn-line{animation:none!important}
  .nwx-fn .fn-p{opacity:0!important}
  .nwx-fn .fn-st rect,.nwx-fn .fn-st text,.fn-tip{transition:none!important}
}
@media (max-width:1024px){.nwx-fn-grid{grid-template-columns:1fr;gap:56px}.nwx-fn{position:relative;top:auto;max-width:460px}}

/* ---- 依頼前チェック（オウンドメディア）：縦線の描画→ノードがポップ→チェック描画→ラベル。左の本文と連動 ---- */
.nwx-ck-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:start}
.nwx-ck{position:sticky;top:120px;color:var(--ink)}
.nwx-ck svg{display:block;width:100%;max-width:360px;height:auto;overflow:visible}
.nwx-ck-list{list-style:none;margin:0;padding:0}
.nwx-ck-list>li{display:grid;grid-template-columns:48px 1fr;gap:0 24px;padding:24px 0;border-bottom:1px solid var(--line);transition:background .4s ease}
.nwx-ck-list>li:first-child{border-top:1px solid var(--line)}
.nwx-ck-list__ic{width:48px;height:48px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ac);transition:border-color .4s,box-shadow .4s}
.nwx-ck-list>li.is-hl .nwx-ck-list__ic{border-color:var(--ac);box-shadow:0 0 0 6px rgba(27,118,223,.1)}
.nwx-ck-list .nwx-s-steps__h{margin-top:8px}
.ck-node{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}
.ck-line{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ck-dot{transform-box:fill-box;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*220ms + 120ms),fill .35s,stroke .35s,stroke-opacity .35s}
.ck-mark{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*220ms + 360ms),stroke .35s}
.ck-lab{transition:opacity .5s ease calc(var(--i)*220ms + 260ms),transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--i)*220ms + 260ms),font-weight .2s}
.nwx-ck.ck-armed:not(.is-in) .ck-line{stroke-dashoffset:100}
.nwx-ck.ck-armed:not(.is-in) .ck-dot{transform:scale(0)}
.nwx-ck.ck-armed:not(.is-in) .ck-mark{stroke-dashoffset:100}
.nwx-ck.ck-armed:not(.is-in) .ck-lab{opacity:0;transform:translateX(8px)}
.nwx-ck.ck-done .ck-dot,.nwx-ck.ck-done .ck-mark,.nwx-ck.ck-done .ck-lab{transition-delay:0s}
.ck-node:hover .ck-dot,.ck-node:focus-visible .ck-dot,.ck-node.is-on .ck-dot{fill:#1b76df;stroke:#1b76df;stroke-opacity:1}
.ck-node:hover .ck-mark,.ck-node:focus-visible .ck-mark,.ck-node.is-on .ck-mark{stroke:#fff}
.ck-node.is-on .ck-lab,.ck-node:hover .ck-lab{font-weight:700}
@media (prefers-reduced-motion:reduce){.nwx-ck .ck-line,.nwx-ck .ck-dot,.nwx-ck .ck-mark,.nwx-ck .ck-lab{transition:none!important}}
@media (max-width:1024px){.nwx-ck-grid{grid-template-columns:1fr;gap:48px}.nwx-ck{position:relative;top:auto;order:-1;max-width:360px}}

/* ---- 改行位置：文節で折り返す（<wbr> は gen_blocks.py が BudouX で自動挿入）。変な位置の泣き別れを防ぐ ---- */
.nwx-s{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
.nwx-s .nwx-s__h,.nwx-s h3,.nwx-s .nwx-s-case__res,.nwx-s .nwx-s-split__what,.nwx-s .nwx-s-rows__k,.nwx-s .nwx-s-cards b,.nwx-s .fn-tip__k{text-wrap:balance}
.nwx-s p,.nwx-s .nwx-s__lead,.nwx-s li,.nwx-s dd,.nwx-s small{text-wrap:pretty}
.nwx-s svg text{word-break:normal}