/* セキュリティ図鑑 — main.css
   ファクタリング図鑑の「やわらかい光」を引き継ぐ：白い地にぼかした光、角丸12〜22px、やわらかい影、紺のピル型ボタン、見出しは中央。
   色だけ変える：紺 #0E2240 ＋ 青緑（ティール）#0E9F95 ＋ 青 #2457F5。数字・日付は等幅（IBM Plex Mono）。
   可否は緑と赤、注意は琥珀。被害対応の導線だけ朱（--alert）を使う。 */

:root{
  --bg:#FFFFFF;
  --soft:#F7FAFC;
  --panel:#FFFFFF;
  --well:#F1F5F9;
  --tint:#E9F7F5;
  --ink:#0B1A2C;
  --ink2:#22344A;
  --sub:#566577;
  --faint:#8A97A5;
  --line:#E3E9F0;
  --line2:#D0DAE5;
  --navy:#0E2240;
  --navy2:#08172D;
  --teal:#0E9F95;
  --teal2:#0B7F77;
  --blue:#2457F5;
  --blue2:#1A44C8;
  --ok:#0E8A5F;
  --warn:#A86A00;
  --ng:#C8371D;
  --alert:#D2452C;
  --sans:"Zen Kaku Gothic New","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1180px;
  --r:12px;
  --r-l:20px;
  --shadow:0 1px 2px rgba(11,26,44,.04),0 8px 24px rgba(14,34,64,.07);
  --shadow-l:0 2px 4px rgba(11,26,44,.04),0 18px 44px rgba(14,34,64,.12);
  --glow:radial-gradient(40% 55% at 20% 36%,rgba(36,87,245,.15),transparent 70%),radial-gradient(36% 48% at 80% 30%,rgba(14,159,149,.17),transparent 70%),radial-gradient(30% 40% at 55% 82%,rgba(124,92,255,.10),transparent 70%);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.85;letter-spacing:.01em}
img,svg{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue2);text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
button{font:inherit;color:inherit}
h1,h2,h3,h4{text-wrap:balance;word-break:auto-phrase}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.narrow{max-width:800px;margin-left:auto;margin-right:auto}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sr:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;padding:8px 14px;z-index:99;border-radius:8px}
.center{text-align:center}
.small{font-size:13px;color:var(--sub)}
.ic{flex:none}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- ヘッダー ---------- */
.site-head{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.admin-bar .site-head{top:32px}
.head-in{display:flex;align-items:center;gap:24px;height:68px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);flex:none}
.logo:hover{color:var(--ink);text-decoration:none}
.logo-mk{width:32px;height:32px;flex:none}
.logo .lg{font-weight:900;font-size:19px;letter-spacing:.02em;line-height:1;display:block}
.logo .sub{display:block;font-size:10.5px;color:var(--sub);margin-top:5px;letter-spacing:.04em}
.main-nav{display:flex;gap:4px;margin-left:auto;font-size:14px;font-weight:500;align-items:center}
.main-nav a{color:var(--ink);padding:7px 12px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.main-nav a:hover{text-decoration:none;background:var(--well);color:var(--ink)}
.main-nav a[aria-current]{background:var(--tint);color:var(--teal2)}
.main-nav .nav-alert{color:var(--alert)}
.main-nav .nav-alert:hover{background:#FDF1EE;color:var(--alert)}
.head-cta{display:inline-flex;align-items:center;gap:7px;background:var(--navy);color:#fff;font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 6px 14px rgba(14,34,64,.22);white-space:nowrap}
.head-cta:hover{background:var(--navy2);color:#fff;text-decoration:none}
.menu-btn{display:none;margin-left:auto;background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}

/* ---------- パンくず ---------- */
.crumbs{font-size:12.5px;color:var(--sub);padding-top:16px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--faint)}
.crumbs a{color:var(--sub)}

/* ---------- 節 ---------- */
.sec{padding:76px 0}
.sec.tight{padding:52px 0}
.sec.band{background:var(--soft)}
.sec-head{text-align:center;margin-bottom:26px}
.sec-head h2{font-weight:900;font-size:28px;line-height:1.4;margin:0}
.sec-en{display:block;font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:6px;letter-spacing:.06em}
.sec-lead{max-width:660px;color:var(--sub);margin:-10px auto 30px;text-align:center}
.sub-h{font-size:15px;font-weight:700;color:var(--sub);margin:28px 0 12px;display:flex;align-items:center;gap:10px}
.sub-h::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- ボタン ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14.5px;padding:12px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;line-height:1.4;transition:transform .12s,box-shadow .12s,background .12s;white-space:nowrap}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-main{background:var(--navy);color:#fff;box-shadow:0 6px 14px rgba(14,34,64,.22)}
.btn-main:hover{background:var(--navy2);color:#fff}
.btn-line{background:var(--panel);border-color:var(--line2);color:var(--ink)}
.btn-line:hover{border-color:var(--navy);color:var(--ink)}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{color:var(--navy)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.btn-ghost:hover{border-color:#fff;color:#fff}
.btn-sm{font-size:13px;padding:8px 16px}
.btn .arw{font-family:var(--mono)}

/* ---------- チップ・タグ・印 ---------- */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.chip{display:inline-block;font-size:13.5px;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--panel);color:var(--ink);line-height:1.5}
a.chip:hover{border-color:var(--navy);text-decoration:none;color:var(--ink)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:0 8px;border:1px solid var(--line2);border-radius:999px;color:var(--sub);line-height:1.8;background:var(--panel);white-space:nowrap}
.tag.ok{border-color:#BDE5DF;color:var(--teal2);background:#F0FAF8}
.tag.pr{border-color:var(--ink2);color:var(--ink);font-family:var(--mono)}
.stamp{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ok);background:#F2FAF6;border:1px solid #BFE3D2;border-radius:999px;padding:3px 10px;white-space:nowrap}
.stamp::before{content:"✓"}
.stamp span{font-family:var(--sans);font-weight:700}

/* ---------- トップの最初の画面 ---------- */
.hero{position:relative;overflow:hidden;padding:68px 0 76px;text-align:center}
.hero::before{content:"";position:absolute;inset:-30% -10% -10% -10%;background:var(--glow);filter:blur(12px);pointer-events:none}
.hero-in{position:relative}
.hero-kick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--navy);background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;padding:5px 16px;margin:0 0 20px;backdrop-filter:blur(6px)}
.hero-kick .ic{color:var(--teal)}
.hero h1{font-weight:900;font-size:54px;line-height:1.24;letter-spacing:-.02em;margin:0 0 16px}
.grad{background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:16.5px;color:var(--sub);max-width:600px;margin:0 auto 28px}
.glass{max-width:800px;margin:0 auto;background:rgba(255,255,255,.74);border:1px solid rgba(220,230,240,.95);border-radius:24px;padding:20px 22px 22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-l);text-align:left}
.glass-k{margin:4px 0 10px;font-weight:700;font-size:14px}
.glass-k small{font-weight:500;color:var(--sub);font-size:12px;margin-left:8px}
.glass-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.glass-chips.g4{grid-template-columns:repeat(3,1fr)}
.glass-chips button{font-size:13.5px;font-weight:700;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line2);cursor:pointer;line-height:1.4;transition:background .12s,color .12s,border-color .12s}
.glass-chips button:hover{border-color:var(--navy)}
.glass-chips button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.glass-go{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;flex-wrap:wrap}
.glass-alt{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--alert)}
.glass-alt:hover{color:var(--alert)}

/* ---------- 入口のタイル ---------- */
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tiles-wide{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.tiles-sm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-bottom:8px}
.tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.tile:hover{text-decoration:none;color:var(--ink);border-color:var(--teal);transform:translateY(-2px)}
.tile-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.tile-n{font-weight:700;font-size:14.5px;line-height:1.45}
.tile-c{font-size:12px;color:var(--sub)}
.tiles-sm .tile{padding:9px 12px;border-radius:12px;box-shadow:none}
.tiles-sm .tile-ic{width:30px;height:30px;border-radius:9px}
.tiles-sm .tile-ic .ic{width:18px;height:18px}
.tiles-sm .tile-n{font-size:13.5px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;box-shadow:var(--shadow)}
.panel-h{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 14px;color:var(--navy)}

/* ---------- ランキングの抜粋 ---------- */
.mini-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}
.mini-rank{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:18px 18px 10px;box-shadow:var(--shadow)}
.mini-rank h3{margin:0 0 8px;font-size:15.5px}
.mini-rank h3 a{color:var(--ink);display:flex;align-items:center;gap:8px}
.mini-rank h3 .ic{color:var(--teal)}
.mini-rank ol{list-style:none;margin:0;padding:0}
.mini-rank li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.mini-rank li a{flex:1;color:var(--ink);font-weight:700}
.mini-sc{font-weight:600;color:var(--teal2)}
.rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:600;flex:none}

/* ---------- 被害の帯 ---------- */
.alert-band{background:linear-gradient(135deg,#FFF6F3,#FFF);border-top:1px solid #F6DCD5;border-bottom:1px solid #F6DCD5}
.alert-in{display:flex;align-items:center;justify-content:space-between;gap:32px}
.alert-in h2{font-size:26px;margin:4px 0 8px;font-weight:900}
.alert-in p{margin:0;color:var(--sub);max-width:640px}
.alert-k{display:inline-flex;align-items:center;gap:6px;color:var(--alert)!important;font-weight:700;font-size:13.5px}

/* ---------- 決まりごと ---------- */
.rules{counter-reset:r;list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.rules li{counter-increment:r;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px 14px 56px}
.rules li::before{content:counter(r);position:absolute;left:16px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--tint);color:var(--teal2);font-family:var(--mono);font-weight:600;font-size:13px;display:grid;place-items:center}
.rules b{display:block}

/* ---------- 下部の帯・フッター ---------- */
.cta-band{background:var(--navy);color:#fff;padding:44px 0;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 80% at 85% 50%,rgba(14,159,149,.35),transparent 70%);pointer-events:none}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.cta-in h2{margin:0;font-size:24px;font-weight:900}
.cta-k{margin:0 0 4px;color:#9FE6DE;font-size:13.5px;font-weight:700}
.site-foot{background:var(--navy2);color:#C3CDD9;font-size:13.5px;padding:48px 0 20px}
.site-foot a{color:#C3CDD9}
.site-foot a:hover{color:#fff}
.foot-in{display:grid;grid-template-columns:1.1fr 2fr;gap:40px}
.foot-brand .logo{color:#fff}
.foot-brand p{margin:12px 0 0;line-height:1.8}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.foot-cols h3{color:#fff;font-size:13.5px;margin:0 0 8px}
.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot-bot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:16px;font-size:12px;color:#8C9AAA}

/* ---------- ページの見出し部 ---------- */
.page-hero{position:relative;overflow:hidden;padding:44px 0 40px;border-bottom:1px solid var(--line)}
.page-hero::before{content:"";position:absolute;inset:-40% -10% 0 30%;background:var(--glow);filter:blur(16px);opacity:.8;pointer-events:none}
.page-hero .wrap{position:relative}
.page-kick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--teal2);margin:0 0 8px}
.page-kick a{color:var(--teal2)}
.page-hero h1{font-size:38px;font-weight:900;line-height:1.3;margin:0 0 12px;letter-spacing:-.01em}
.page-lead{max-width:720px;color:var(--sub);margin:0 0 18px}
.hero-stats{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}
.hero-stats li{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:14px;padding:8px 16px;display:flex;align-items:baseline;gap:8px}
.hero-stats b{font-size:22px;color:var(--navy)}
.hero-stats span{font-size:12.5px;color:var(--sub)}

/* ---------- 絞り込み ---------- */
.filters{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:24px;display:grid;gap:10px}
.flt{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start}
.flt-k{font-size:13px;font-weight:700;color:var(--sub);padding-top:6px}
.flt-chips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{font-size:13px;padding:5px 12px;border:1px solid var(--line2);border-radius:999px;background:#fff;cursor:pointer;line-height:1.5}
.fchip .num{font-size:11px;color:var(--faint)}
.fchip:hover{border-color:var(--navy)}
.fchip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.fchip[aria-pressed=true] .num{color:#B9C6D6}
.flt-count{margin:4px 0 0;font-size:13.5px;border-top:1px solid var(--line);padding-top:10px}
.flt-count b{font-size:18px;color:var(--navy)}
.flt-reset{background:none;border:0;color:var(--blue);cursor:pointer;font-size:13px;margin-left:10px}
.empty{text-align:center;color:var(--sub);padding:40px 0}
.note-box{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:14px;margin-top:24px}

/* ---------- カード ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}
.card-top{display:flex;align-items:center;gap:12px}
.card-name{flex:1;min-width:0}
.card-cat{display:block;font-size:11.5px;font-weight:700;color:var(--teal2)}
.card-name h3{margin:0;font-size:17px;line-height:1.4}
.card-name h3 a{color:var(--ink)}
.card-sub{display:block;font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-why{margin:0;font-size:13px;display:flex;gap:6px;align-items:center;color:var(--teal2);font-weight:700}
.card-warn{margin:0;font-size:12.5px;color:var(--warn);display:flex;align-items:center;gap:6px;background:#FFF8EC;border-radius:8px;padding:5px 10px}
.card-sum{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.75}
.card-badges{margin:0;display:flex;gap:6px;flex-wrap:wrap}
.card-btns{display:flex;gap:8px;margin-top:auto}
.card-btns .btn{flex:1}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.facts div{padding:7px 8px;text-align:center;border-left:1px solid var(--line)}
.facts div:first-child{border-left:0}
.facts dt{font-size:10.5px;color:var(--sub)}
.facts dd{margin:0;font-size:12.5px;font-weight:700;line-height:1.4}

.logo-b{position:relative;width:var(--s);height:var(--s);border-radius:12px;background:var(--well);border:1px solid var(--line);display:grid;place-items:center;flex:none;overflow:hidden}
.logo-b b{font-size:calc(var(--s)*.42);color:var(--navy)}
.logo-b img{position:absolute;inset:18%;width:64%;height:64%;object-fit:contain;background:var(--well)}

/* 評価の輪と内訳 */
.ring{position:relative;width:var(--s);height:var(--s);flex:none;display:inline-grid;place-items:center}
.ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--well);stroke-width:6}
.ring-fg{fill:none;stroke:var(--teal);stroke-width:6;stroke-linecap:round}
.ring-n{position:relative;font-weight:600;font-size:calc(var(--s)*.32);color:var(--navy)}
.ring-l .ring-bg,.ring-l .ring-fg{stroke-width:5}
.pies{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.pies li{flex:1;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;background:var(--soft);border-radius:10px;padding:6px 8px;min-width:0}
.pies .pie{grid-row:span 2}
.pie{--p:0;width:22px;height:22px;border-radius:50%;flex:none;background:conic-gradient(var(--teal) calc(var(--p)*1%),var(--line) 0);-webkit-mask:radial-gradient(circle,transparent 5px,#000 5.5px);mask:radial-gradient(circle,transparent 5px,#000 5.5px)}
.pie-l{font-size:11px;color:var(--sub);white-space:nowrap;line-height:1.3}
.pie-n{font-size:12px;font-weight:600;line-height:1.3}
.pie-n small{font-size:10px;color:var(--faint)}

/* ---------- 軸のページ ---------- */
.ax-hero-in{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.ax-top{list-style:none;margin:0;padding:14px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-l);display:grid;gap:4px}
.ax-top li{display:flex;align-items:center;gap:10px;padding:6px 4px}
.ax-top li+li{border-top:1px solid var(--line)}
.ax-top a{flex:1;color:var(--ink);font-weight:700}
.more-row{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-bottom:12px;align-items:start}
.more-k{font-size:13px;font-weight:700;color:var(--sub);padding-top:6px}

/* 表 */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);box-shadow:var(--shadow)}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{background:var(--soft);font-size:12px;color:var(--sub);white-space:nowrap}
.tbl tbody th{font-weight:700;white-space:nowrap}
.tbl tbody th a{color:var(--ink)}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
.cmp thead th{text-align:center;color:var(--ink);font-size:13px}
.cmp thead th a{display:block;color:var(--ink);margin-top:4px}
.cmp td{text-align:center}
.formula th small{display:block;color:var(--sub);font-weight:500}
.formula td.num{text-align:right}
.kv{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;font-size:14px}
.kv th,.kv td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kv th{width:38%;background:var(--soft);font-weight:700;font-size:13px;color:var(--ink2)}
.kv td small{display:block;color:var(--sub);font-size:12px;margin-top:2px}
.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}
.kv.small{font-size:13px}

/* よくある質問 */
.faq{display:grid;gap:8px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 18px}
.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;gap:10px}
.faq summary::before{content:"Q";font-family:var(--mono);color:var(--teal);font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:0 0 14px;color:var(--ink2)}

/* ---------- 詳細ページ（LP型） ---------- */
.lp-hero{position:relative;overflow:hidden;padding:44px 0 52px;background:linear-gradient(180deg,#F5FAFC,#fff)}
.lp-hero::before{content:"";position:absolute;inset:-30% -10% 0 20%;background:var(--glow);filter:blur(16px);pointer-events:none}
.lp-hero-in{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
.lp-kick{margin:0 0 6px;font-size:13px;font-weight:700}
.lp-kick a{color:var(--teal2);display:inline-flex;align-items:center;gap:6px}
.lp-hero h1{font-size:42px;font-weight:900;margin:0;line-height:1.25;letter-spacing:-.01em}
.lp-vendor{margin:6px 0 14px;font-size:13px;color:var(--sub)}
.lp-sum{margin:0 0 18px;font-size:15.5px;color:var(--ink2);max-width:620px}
.lp-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}
.lp-nums div{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.lp-nums dt{font-size:11.5px;color:var(--sub)}
.lp-nums dd{margin:0;font-weight:900;font-size:16px;line-height:1.4}
.lp-btns{display:flex;gap:10px;flex-wrap:wrap}
.lp-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow-l);text-align:center;transform:rotate(1.2deg)}
.lp-card-top{display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:12px}
.lp-card-top b{display:block;font-size:16px}
.lp-card-top span{font-size:12px;color:var(--sub)}
.lp-card .ring{margin:4px auto 0}
.lp-card-k{margin:2px 0 12px;font-size:12px;color:var(--sub)}
.lp-card-f{margin:12px 0 0}
.warn-sec{padding:24px 0 0}
.warn-box{background:#FFF8EC;border:1px solid #F1D9A8;border-radius:var(--r-l);padding:16px 20px}
.warn-box h2{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 6px;color:var(--warn)}
.warn-box ul{margin:0;padding-left:20px;font-size:14px}
.warn-box li{margin:4px 0}
.warn-note{margin:8px 0 0;font-size:12px;color:var(--sub)}
.lp-nav{position:sticky;top:68px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-top:24px}
.lp-nav .wrap{display:flex;gap:4px;overflow-x:auto;padding-top:8px;padding-bottom:8px}
.lp-nav a{white-space:nowrap;font-size:13px;color:var(--ink2);padding:5px 12px;border-radius:999px}
.lp-nav a:hover{background:var(--well);text-decoration:none}
.feat-grid{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.feat-grid li{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.feat-grid .ic{color:var(--teal)}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-box{background:var(--tint);border-radius:var(--r-l);padding:18px 22px}
.fit-box h3{margin:0 0 6px;font-size:16px}
.fit-box ul{margin:0;padding-left:20px}
.fit-box.voice{background:var(--soft);border:1px solid var(--line)}
.fit-box.narrow{margin-top:20px}
.proof{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.proof li{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.proof .ic{color:var(--ok);margin-top:3px}
.muted-box{background:var(--soft);border:1px dashed var(--line2);border-radius:14px;padding:16px 18px;color:var(--sub);margin:0}
.sbars{display:grid;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.sbar-h{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.sbar-t{height:10px;border-radius:999px;background:var(--well);overflow:hidden}
.sbar-t i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.navy-band{background:var(--navy);color:#fff;padding:48px 0;position:relative;overflow:hidden}
.navy-band::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 90% at 90% 40%,rgba(14,159,149,.35),transparent 70%);pointer-events:none}
.navy-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px}
.navy-in h2{margin:0 0 6px;font-size:24px;font-weight:900}
.navy-in p{margin:0;color:#C3CDD9;font-size:14px}
.navy-k{color:#9FE6DE!important;font-weight:700;font-size:13px}
.navy-btns{display:flex;flex-direction:column;gap:10px;flex:none}
.navy-btns .btn-main{background:#fff;color:var(--navy)}
.alldata{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:0 20px}
.alldata summary{cursor:pointer;font-weight:700;padding:16px 0}
.alldata h3{font-size:15px;margin:18px 0 6px}
.srcs{font-size:12.5px;padding-left:20px;word-break:break-all}
.srcs li{margin:4px 0}
.srcs li span:first-child{display:inline-block;min-width:80px;color:var(--sub)}
.dom-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.dom-grid li{border:1px solid var(--line);border-radius:14px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px}
.dom-grid li span{font-size:11.5px;color:var(--sub)}
.dom-grid li.on{background:var(--tint);border-color:#BDE5DF}
.dom-grid li.on .ic{color:var(--teal2)}
.dom-grid li.off{opacity:.45}

/* ---------- 被害にあったら ---------- */
.alert-hero::before{background:radial-gradient(40% 60% at 80% 30%,rgba(210,69,44,.12),transparent 70%)}
.alert-hero .page-kick{color:var(--alert)}
.case-pick{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.case-pick a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);font-weight:700;font-size:14px;box-shadow:var(--shadow);line-height:1.5}
.case-pick a:hover{border-color:var(--alert);text-decoration:none;color:var(--ink)}
.case-pick .ic{color:var(--alert)}
.case-pick small{display:block;font-size:11px;color:var(--sub);font-weight:500}
.case{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:22px 24px;margin-bottom:16px;scroll-margin-top:90px}
.case h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 10px}
.case h2 .ic{color:var(--alert)}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:8px}
.steps li{counter-increment:s;position:relative;padding-left:40px}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--mono);font-size:12px;display:grid;place-items:center}
.windows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.windows a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 18px;color:var(--ink)}
.windows a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.windows span{font-size:13px;color:var(--sub)}

/* ---------- 診断 ---------- */
.shindan{display:grid;gap:16px}
.sq{border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;margin:0;background:var(--panel);box-shadow:var(--shadow)}
.sq legend{font-weight:900;font-size:16px;padding:0 6px;display:flex;gap:8px;align-items:center}
.sq legend .num{color:var(--teal)}
.sq-opts{display:flex;flex-wrap:wrap;gap:8px}
.sq-opts label{cursor:pointer}
.sq-opts input{position:absolute;opacity:0}
.sq-opts span{display:inline-block;font-size:13.5px;padding:7px 14px;border:1px solid var(--line2);border-radius:999px;background:#fff}
.sq-opts input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.sq-opts input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.sres{margin-top:28px}
.sres h2{font-size:22px;text-align:center}
.sres-list{display:grid;gap:8px}
.sr-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:var(--ink)}
.sr-row:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.sr-n{flex:1}
.sr-n b{display:block}
.sr-n small{color:var(--sub)}
.sr-s{font-size:20px;font-weight:600;color:var(--teal2)}

/* ---------- ランキング ---------- */
.rk-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;justify-content:center}
.rk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.rk{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;box-shadow:var(--shadow);scroll-margin-top:90px}
.rk h2{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 8px}
.rk h2 .ic{color:var(--teal)}
.rk ol{list-style:none;margin:0;padding:0}
.rk li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.rk-n{flex:1;min-width:0}
.rk-n a{color:var(--ink);font-weight:700}
.rk-n small{display:block;font-size:12px;color:var(--sub)}
.rk-more{display:block;text-align:right;font-size:13px;margin-top:8px}

/* ---------- 解説 ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.post-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;color:var(--ink);box-shadow:var(--shadow)}
.post-card:hover{text-decoration:none;color:var(--ink);border-color:var(--teal)}
.post-thumb{aspect-ratio:1200/630;background:linear-gradient(135deg,var(--tint),#EEF2FF);display:grid;place-items:center;color:var(--teal)}
.post-thumb img{width:100%;height:100%;object-fit:cover}
.post-body{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.post-cat{font-size:11.5px;font-weight:700;color:var(--teal2)}
.post-date{font-size:11.5px;color:var(--sub)}
.cat-chips{margin-top:8px}
.art-hero h1{font-size:34px}
.art-meta{font-size:12px;color:var(--sub);margin:0 0 16px}
.answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;padding:14px 18px}
.answer b{color:var(--teal2);font-size:13px}
.answer p{margin:4px 0 0}
.prose,.gprose{font-size:16px;line-height:1.95}
.prose h2,.gprose h2{font-size:24px;margin:2em 0 .6em;padding-bottom:.3em;border-bottom:2px solid var(--line)}
.prose h3,.gprose h3{font-size:19px;margin:1.6em 0 .4em}
.prose table,.gprose table{border-collapse:collapse;width:100%;font-size:14px;margin:1em 0}
.prose th,.prose td,.gprose th,.gprose td{border:1px solid var(--line);padding:8px 10px}
.prose th,.gprose th{background:var(--soft)}
.pager .nav-links{display:flex;gap:6px;justify-content:center}
.pager .page-numbers{padding:6px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--ink)}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- 画面幅 ---------- */
@media (max-width:1080px){
  .main-nav a{padding:7px 9px}
  .head-cta{display:none}
  .mini-ranks,.cards-3,.post-grid{grid-template-columns:repeat(2,1fr)}
  .dom-grid{grid-template-columns:repeat(4,1fr)}
  .feat-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .wrap{padding:0 16px}
  .menu-btn{display:block}
  .main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 16px 16px;gap:2px}
  .nav-open .main-nav{display:flex}
  .logo .sub{display:none}
  .hero{padding:44px 0 52px}
  .hero h1{font-size:34px}
  .hero-lead{font-size:15px}
  .glass{padding:16px}
  .glass-chips{grid-template-columns:repeat(2,1fr)}
  .glass-chips.g4{grid-template-columns:repeat(2,1fr)}
  .sec{padding:52px 0}
  .sec.tight{padding:36px 0}
  .sec-head h2{font-size:22px}
  .split,.fit,.ax-hero-in,.lp-hero-in,.foot-in,.rk-grid{grid-template-columns:1fr}
  .mini-ranks,.cards-3,.post-grid,.cards{grid-template-columns:1fr}
  .tiles,.tiles-wide,.tiles-sm{grid-template-columns:1fr 1fr;gap:8px}
  .tile{grid-template-columns:auto 1fr;column-gap:8px;row-gap:0;padding:10px;border-radius:14px}
  .tile-ic{width:32px;height:32px;border-radius:10px;grid-row:span 2}
  .tile-ic .ic{width:18px;height:18px}
  .tile-n{font-size:13px}
  .tile-c{grid-column:2}
  .alert-in,.cta-in,.navy-in{flex-direction:column;align-items:flex-start}
  .page-hero h1,.lp-hero h1{font-size:28px}
  .lp-nums{grid-template-columns:repeat(2,1fr)}
  .lp-card{transform:none}
  .flt,.more-row{grid-template-columns:1fr;gap:4px}
  .flt-k{padding-top:0}
  .case-pick{grid-template-columns:1fr}
  .dom-grid{grid-template-columns:repeat(3,1fr)}
  .foot-cols{grid-template-columns:1fr 1fr}
  .kv th{width:42%}
  .lp-nav{top:68px}
}
@media (max-width:420px){
  .facts{grid-template-columns:repeat(2,1fr)}
  .facts div:nth-child(3){border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line)}
}

/* ---------- ニュース ---------- */
.nw-hero-in{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:end}
.nw-hero-in .hero-stats{justify-content:flex-end}
.nw-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.nw-tabs a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;padding:7px 14px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink)}
.nw-tabs a:hover{border-color:var(--navy);text-decoration:none;color:var(--ink)}
.nw-tabs a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.nw-tabs .num{font-size:11.5px;color:var(--faint)}
.nw-tabs a[aria-current] .num{color:#B9C6D6}
.nw-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.nw-main{display:grid;gap:16px;min-width:0}
.nw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nw-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nw-card{--tone:var(--navy);--tone-bg:#EEF2F8}
.nw-t-teal{--tone:var(--teal2);--tone-bg:var(--tint)}
.nw-t-alert{--tone:var(--alert);--tone-bg:#FDF0EC}
.nw-t-blue{--tone:var(--blue);--tone-bg:#EDF2FF}
.nw-t-warn{--tone:var(--warn);--tone-bg:#FFF6E6}
.nw-card a{display:flex;flex-direction:column;height:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.nw-card a:hover{text-decoration:none;color:var(--ink);border-color:var(--tone);transform:translateY(-2px)}
.nw-card-art{display:flex;align-items:center;padding:14px 18px;background:linear-gradient(120deg,var(--tone-bg),#fff 85%);color:var(--tone);border-bottom:1px solid var(--line)}
.nw-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 18px 18px}
.nw-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--sub)}
.nw-card-t{font-size:16px;line-height:1.55}
.nw-card-ex{font-size:13.5px;color:var(--ink2);line-height:1.75}
.nw-card-go{margin-top:4px;font-weight:700;font-size:13.5px;color:var(--tone)}
.nw-card.is-big a{flex-direction:row}
.nw-card.is-big .nw-card-art{width:200px;flex:none;justify-content:center;border-bottom:0;border-right:1px solid var(--line);background:linear-gradient(160deg,var(--tone-bg),#fff)}
.nw-card.is-big .nw-card-body{padding:22px 24px}
.nw-card.is-big .nw-card-t{font-size:22px;line-height:1.45}
.nw-kind{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:1px 9px;border-radius:999px;background:var(--tone-bg,#EEF2F8);color:var(--tone,var(--navy));white-space:nowrap}
.nw-teal{--tone:var(--teal2);--tone-bg:var(--tint)}
.nw-alert{--tone:var(--alert);--tone-bg:#FDF0EC}
.nw-blue{--tone:var(--blue);--tone-bg:#EDF2FF}
.nw-warn{--tone:var(--warn);--tone-bg:#FFF6E6}
.nw-navy{--tone:var(--navy);--tone-bg:#EEF2F8}
a.nw-kind:hover{text-decoration:none;color:var(--tone)}
.nw-side{display:grid;gap:16px;position:sticky;top:88px}
.nw-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;box-shadow:var(--shadow)}
.nw-box h2{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 10px}
.nw-box h2 .ic{color:var(--teal)}
.nw-log,.nw-watch{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}
.nw-log li{display:grid;grid-template-columns:88px 1fr;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
.nw-log li:first-child{border-top:0;padding-top:0}
.nw-log time{color:var(--teal2);font-weight:600}
.nw-watch a{display:flex;gap:10px;align-items:flex-start;color:var(--ink)}
.nw-watch a:hover{text-decoration:none}
.nw-watch a:hover b{color:var(--blue)}
.nw-watch b{display:block;font-size:13.5px}
.nw-watch small{display:block;color:var(--sub);font-size:12px;line-height:1.6}
.nw-art-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--sub);margin:0 0 10px}
.nw-art-stats{margin:16px 0 10px}
.nw-toc{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:24px}
.nw-toc p{margin:0 0 4px;font-weight:700;font-size:13px;color:var(--sub)}
.nw-toc ol{margin:0;padding-left:20px}
.nw-sub{font-size:20px;margin:36px 0 12px}
.nw-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:10px;margin-bottom:24px}
.nw-links a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:var(--ink);box-shadow:var(--shadow)}
.nw-links a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.nw-links span{font-size:11.5px;font-weight:700;color:var(--teal2)}
.nw-src{margin-top:8px}
@media (max-width:1080px){.nw-layout{grid-template-columns:1fr}.nw-side{position:static;grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .nw-hero-in{grid-template-columns:1fr}
  .nw-hero-in .hero-stats{justify-content:flex-start}
  .nw-grid,.nw-grid-3,.nw-side{grid-template-columns:1fr}
  .nw-card.is-big a{flex-direction:column}
  .nw-card.is-big .nw-card-art{width:auto;justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line)}
  .nw-card.is-big .nw-card-t{font-size:18px}
}
.nw-next{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#FFF6F3;border:1px solid #F6DCD5;border-radius:var(--r-l);padding:16px 20px;margin:0 0 20px}
.nw-next b{display:flex;align-items:center;gap:6px;color:var(--alert)}
.nw-next p{margin:2px 0 0;font-size:13.5px;color:var(--sub)}
@media (max-width:860px){.nw-next{flex-direction:column;align-items:flex-start}}

/* ---------- お問い合わせ ---------- */
.ct-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ct-points li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13px;color:var(--sub)}
.ct-points .ic{color:var(--teal);margin-top:2px}
.ct-points b{display:block;color:var(--ink);font-size:14px}
.ct-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.ct-h{font-weight:900;font-size:16px;margin:0 0 12px}
.ct-types{display:grid;gap:8px}
.ct-type{display:flex;gap:12px;align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;box-shadow:var(--shadow)}
.ct-type:hover{border-color:var(--navy)}
.ct-type[aria-pressed=true]{border-color:var(--teal);background:var(--tint)}
.ct-ic{width:36px;height:36px;border-radius:10px;background:var(--well);display:grid;place-items:center;color:var(--teal2);flex:none}
.ct-t b{display:block;font-size:14.5px}
.ct-t small{display:block;font-size:12px;color:var(--sub)}
.ct-tip{display:none;font-size:12.5px;color:var(--ink2);margin-top:6px;line-height:1.7}
.ct-type[aria-pressed=true] .ct-tip{display:block}
.ct-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:22px 24px;box-shadow:var(--shadow)}
.ct-row{display:grid;gap:6px;margin-bottom:14px}
.ct-row label{font-size:13.5px;font-weight:700}
.ct-row em{font-style:normal;font-size:11px;color:#fff;background:var(--alert);border-radius:999px;padding:0 7px;margin-left:4px}
.ct-row input,.ct-row select,.ct-row textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.ct-row input:focus,.ct-row select:focus,.ct-row textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.ct-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-agree{font-size:12.5px;color:var(--sub);margin:0 0 10px}
.ct-msg{font-size:14px;margin:0 0 12px;min-height:1px}
.ct-msg.is-ok{background:#F2FAF6;border:1px solid #BFE3D2;color:var(--ok);border-radius:10px;padding:10px 12px}
.ct-msg.is-ng{background:#FDF3F1;border:1px solid #EBCFC9;color:var(--ng);border-radius:10px;padding:10px 12px}
.ct-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-note{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:18px 22px}
.ct-note h2{font-size:16px;margin:0 0 8px}
.ct-note ul,.ct-note ol{margin:0;padding-left:20px;font-size:14px}
.ct-note.is-ng h2{color:var(--ng)}
@media (max-width:860px){.ct-points,.ct-grid,.ct-notes,.ct-2{grid-template-columns:1fr}}

/* ---------- 詳細ページの追加部品（公的な記録・プラン・沿革） ---------- */
.pub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.pub-stats div{background:var(--tint);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}
.pub-stats b{font-size:24px;color:var(--navy);line-height:1.3}
.pub-stats span{font-size:12px;color:var(--sub)}
.pub-h{display:flex;align-items:baseline;gap:8px;font-size:16px;margin:26px 0 10px}
.pub-h .num{font-size:12px;color:var(--sub);font-weight:500}
.pub-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pub-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}
.pub-list b{font-size:14px}
.pub-list span{font-size:12px;color:var(--sub)}
.pub-tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line);display:grid;gap:8px}
.pub-tl li{position:relative;display:grid;grid-template-columns:96px 1fr;gap:10px;font-size:14px}
.pub-tl li::before{content:"";position:absolute;left:-20px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--teal)}
.pub-tl time{color:var(--teal2);font-weight:600}
.svc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;margin-bottom:20px}
.svc-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;box-shadow:var(--shadow)}
.svc-item b{font-size:15px}
.svc-item p{margin:6px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.75}
.deep-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.deep-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:16px 20px}
.deep-box h3{font-size:15px;margin:0 0 6px}
.deep-box h3+p{margin-top:0}
.deep-box p{font-size:14px;margin:0 0 12px}
.plan-tbl th{white-space:normal}
@media (max-width:860px){.pub-stats{grid-template-columns:1fr 1fr}.deep-2{grid-template-columns:1fr}.pub-tl li{grid-template-columns:1fr;gap:0}}

/* ---------- トップ（初心者向け） ---------- */
.hero-b{padding-bottom:64px}
.hero-b h1{font-size:50px}
.who-k{font-weight:700;font-size:14px;margin:0 0 12px;color:var(--ink2)}
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1040px;margin:0 auto;text-align:left}
.who-card{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:22px;padding:20px;color:var(--ink);box-shadow:var(--shadow-l);transition:transform .12s,border-color .12s}
.who-card:hover{text-decoration:none;color:var(--ink);border-color:var(--teal);transform:translateY(-3px)}
.who-ic{width:52px;height:52px;border-radius:16px;background:var(--tint);color:var(--teal2);display:grid;place-items:center;margin-bottom:8px;flex:none}
.who-card b{font-size:18px;line-height:1.4}
.who-card small{font-size:12.5px;color:var(--sub)}
.who-go{margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:700;color:var(--teal2)}
.who-card.is-alert{background:#FFF6F3;border-color:#F6DCD5}
.who-card.is-alert .who-ic{background:#FDE7E1;color:var(--alert)}
.who-card.is-alert .who-go{color:var(--alert)}
.who-card.is-alert:hover{border-color:var(--alert)}
.wq-filter{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:18px}
.wq-filter button{font-size:13.5px;font-weight:700;padding:7px 16px;border-radius:999px;border:1px solid var(--line2);background:#fff;cursor:pointer}
.wq-filter button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.wq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.wq-item{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.wq-item[open]{border-color:var(--teal)}
.wq-item summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}
.wq-item summary::-webkit-details-marker{display:none}
.wq-item summary b{flex:1;font-size:15.5px;line-height:1.5}
.wq-ic{width:40px;height:40px;border-radius:12px;background:var(--tint);color:var(--teal2);display:grid;place-items:center;flex:none}
.wq-plus{width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);position:relative;flex:none}
.wq-plus::before,.wq-plus::after{content:"";position:absolute;left:5px;right:5px;top:10px;height:1.5px;background:var(--ink2)}
.wq-plus::after{transform:rotate(90deg);transition:transform .15s}
.wq-item[open] .wq-plus::after{transform:none}
.wq-a{padding:0 18px 16px 68px}
.wq-a p{margin:0 0 10px;font-size:14.5px;line-height:1.85}
.wq-free{background:#F2FAF6;border-radius:10px;padding:8px 12px;font-size:13.5px!important}
.wq-free span{display:inline-block;font-size:11.5px;font-weight:700;color:var(--ok);margin-right:8px}
.wq-link{font-weight:700;font-size:14px}
.ck{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:20px 22px;box-shadow:var(--shadow)}
.ck-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ck-n{font-size:14px;white-space:nowrap}
.ck-n b{font-size:22px;color:var(--teal2)}
.ck-track{flex:1;height:10px;border-radius:999px;background:var(--well);overflow:hidden}
.ck-track i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .25s}
.ck-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ck-list label{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.ck-list label:hover{border-color:var(--teal)}
.ck-list input{position:absolute;opacity:0}
.ck-box{width:26px;height:26px;border-radius:8px;border:2px solid var(--line2);display:grid;place-items:center;color:transparent;flex:none;margin-top:2px}
.ck-list input:checked+.ck-box{background:var(--teal);border-color:var(--teal);color:#fff}
.ck-list input:focus-visible+.ck-box{outline:2px solid var(--teal);outline-offset:2px}
.ck-list input:checked~span b{color:var(--sub);text-decoration:line-through}
.ck-list b{display:block;font-size:15px}
.ck-list small{display:block;font-size:13px;color:var(--sub);line-height:1.7}
.ck-done{margin:14px 0 0;background:var(--tint);border-radius:12px;padding:10px 14px;font-weight:700;color:var(--teal2)}
.for-sec{scroll-margin-top:70px}
.for-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.for-head .who-ic{margin:0}
.for-k{margin:0;font-size:12.5px;font-weight:700;color:var(--teal2)}
.for-head h2{margin:0;font-size:26px;font-weight:900}
.for-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:none}
.for-steps li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.for-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;margin-bottom:8px}
.for-steps b{display:block;font-size:16px;line-height:1.5}
.for-steps p{margin:6px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.75}
.for-sub{font-weight:700;font-size:14px;color:var(--sub);margin:0 0 10px}
.for-picks,.plain-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.for-picks a,.plain-tiles a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--ink)}
.for-picks a:hover,.plain-tiles a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.for-picks b,.plain-tiles b{display:block;font-size:14.5px}
.for-picks small,.plain-tiles small{display:block;font-size:12px;color:var(--sub)}
.for-more{margin:18px 0 0}
.gl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.gl div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.gl dt{font-weight:900;font-size:15px;color:var(--navy)}
.gl dd{margin:4px 0 0;font-size:13px;color:var(--ink2);line-height:1.7}
.deeper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:8px}
.deeper-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink);box-shadow:var(--shadow)}
.deeper-card:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.deeper-card b{font-size:16px;margin-top:6px}
.deeper-card small{font-size:12.5px;color:var(--sub);line-height:1.6}
@media (max-width:1080px){.who,.deeper,.gl{grid-template-columns:repeat(2,minmax(0,1fr))}.for-picks,.plain-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .hero-b h1{font-size:32px}
  .who-card{padding:14px;border-radius:18px}
  .who-ic{width:42px;height:42px;border-radius:12px}
  .who-card b{font-size:15.5px}
  .wq,.for-steps{grid-template-columns:1fr}
  .wq-a{padding:0 16px 14px}
  .for-picks,.plain-tiles{grid-template-columns:1fr}
  .for-head h2{font-size:21px}
}
@media (max-width:420px){.gl,.deeper{grid-template-columns:1fr}}

/* ---------- トップ（法人向け・イラスト） ---------- */
.th{position:relative;overflow:hidden;padding:56px 0 48px;background:linear-gradient(180deg,#F6FAFF 0%,#FFFFFF 100%)}
.th::before{content:"";position:absolute;inset:-30% -10% 0 -10%;background:var(--glow);filter:blur(14px);opacity:.8;pointer-events:none}
.th-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}
.th h1{font-size:52px;font-weight:900;line-height:1.22;letter-spacing:-.02em;margin:0 0 16px}
.th-lead{font-size:16.5px;color:var(--ink2);max-width:560px;margin:0 0 24px}
.th-cta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px}
.th-btn{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 12px;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.th-btn:hover{text-decoration:none;color:var(--ink);border-color:var(--teal);transform:translateY(-2px)}
.th-btn>span{width:40px;height:40px;border-radius:12px;background:var(--tint);color:var(--teal2);display:grid;place-items:center;margin-bottom:6px}
.th-btn b{font-size:15px;line-height:1.4}
.th-btn small{font-size:12px;color:var(--sub)}
.th-btn.is-alert{background:#FFF7F4;border-color:#F6DCD5}
.th-btn.is-alert>span{background:#FDE7E1;color:var(--alert)}
.th-btn.is-alert:hover{border-color:var(--alert)}
.th-note{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sub);margin:16px 0 0}
.th-note .ic{color:var(--teal)}
.th-art{margin:0}
.th-art img{width:100%;height:auto;display:block}
.stats{background:var(--navy);color:#fff;padding:30px 0 22px;position:relative;overflow:hidden}
.stats::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 90% at 10% 50%,rgba(36,87,245,.35),transparent 70%),radial-gradient(40% 90% at 90% 50%,rgba(14,159,149,.35),transparent 70%);pointer-events:none}
.stats .wrap{position:relative}
.stats-k{display:flex;align-items:center;gap:8px;justify-content:center;font-weight:700;font-size:15px;margin:0 0 16px;color:#FFE1D8}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column}
.stat b{font-size:34px;line-height:1.1;color:#fff}
.stat b small{font-size:15px;margin-left:2px;color:#9FE6DE}
.stat span{font-weight:700;font-size:14px;margin-top:4px}
.stat em{font-style:normal;font-size:12px;color:#B7C3D3}
.stats-src{text-align:center;font-size:12px;color:#B7C3D3;margin:14px 0 0}
.stats-src a{color:#9FE6DE}
.sz-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.sz-tab{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:#fff;border:2px solid var(--line);border-radius:22px;padding:14px 14px 16px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .12s,transform .12s}
.sz-tab:hover{transform:translateY(-2px);border-color:var(--line2)}
.sz-tab[aria-selected=true]{border-color:var(--teal);background:linear-gradient(180deg,#F2FBF9,#fff)}
.sz-tab img{width:100%;max-width:220px;height:auto}
.sz-tab b{font-size:17px;margin-top:4px}
.sz-tab small{font-size:12.5px;color:var(--sub)}
.sz-pane{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.map-art{margin:0 auto 20px;max-width:860px}
.map-art img{width:100%;height:auto;display:block}
.map-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.map-list li{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.map-n{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}
.map-list b{font-size:16px}
.map-list p{margin:4px 0 8px;font-size:13.5px;color:var(--ink2);line-height:1.7}
.map-links{display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:700;font-size:13.5px;margin:0!important}
.bud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bud-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}
.bud-lv{display:flex;gap:4px;margin-bottom:10px}
.bud-lv i{width:22px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.bud-card h3{margin:0 0 6px;font-size:18px}
.bud-card p{font-size:14px;color:var(--ink2);margin:0 0 10px;line-height:1.8}
.co-band{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}
.co-copy h2{font-size:26px;font-weight:900;margin:4px 0 10px;line-height:1.4}
.co-copy p{color:var(--ink2);margin:0 0 18px}
.co-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-tiles a{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:var(--ink);box-shadow:var(--shadow)}
.co-tiles a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.co-tiles b{display:block;font-size:14.5px}
.co-tiles small{display:block;font-size:12px;color:var(--sub);line-height:1.6}
.personal{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--tint);border-radius:var(--r-l);padding:20px 24px}
.personal h2{margin:2px 0 0;font-size:19px}
.personal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.personal a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700;color:var(--ink)}
.personal a:hover{border-color:var(--teal);text-decoration:none}
.personal .ic{color:var(--teal2)}
@media (max-width:1080px){.map-list,.bud{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .th{padding:32px 0 36px}
  .th-in,.co-band{grid-template-columns:1fr}
  .th h1{font-size:32px}
  .th-art{order:-1;max-width:420px;margin:0 auto}
  .th-cta{grid-template-columns:1fr}
  .th-btn{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}
  .th-btn>span{margin:0;flex:none}
  .th-btn small{margin-left:auto;text-align:right}
  .sz-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sz-tab{padding:8px 6px 10px;border-radius:16px}
  .sz-tab b{font-size:12.5px}
  .sz-tab small{display:none}
  .map-list,.bud,.co-tiles{grid-template-columns:1fr}
  .stat b{font-size:26px}
}

/* ---------- 余白と文字の見直し（2026-10-27「箱の中の余白が小さい・見づらい」）----------
   方針：箱の内側は最低 20px（大きい箱は 24〜28px）。本文は 14.5px 以上、行間 1.85。小さい灰色の字は減らす。節のあいだも広げる */
.sec{padding:88px 0}
.sec.tight{padding:60px 0}
.sec-head{margin-bottom:32px}
.sec-head h2{font-size:30px}
.sec-lead{font-size:15.5px;margin:-14px auto 36px;line-height:1.9}
.card{padding:24px;gap:16px;border-radius:22px}
.card-name h3{font-size:18px}
.card-sum{font-size:14.5px;line-height:1.85}
.facts div{padding:10px 8px}
.facts dt{font-size:11.5px}
.facts dd{font-size:13.5px}
.pies li{padding:8px 10px}
.tile{padding:18px 20px;gap:14px}
.tiles-sm .tile{padding:14px 16px}
.panel{padding:28px}
.th-btn{padding:20px 20px 18px;gap:4px;border-radius:20px}
.th-btn b{font-size:16px}
.th-btn small{font-size:13px}
.stat{padding:20px 22px}
.stat span{font-size:15px;margin-top:6px}
.stat em{font-size:13px;margin-top:2px}
.sz-tab{padding:18px 18px 22px}
.sz-pane{padding:28px}
.for-steps{gap:16px}
.for-steps li{padding:24px 26px}
.for-steps b{font-size:17px}
.for-steps p{font-size:14.5px;line-height:1.85;margin-top:8px}
.for-picks,.plain-tiles{gap:12px}
.for-picks a,.plain-tiles a{padding:16px 20px;gap:14px}
.for-picks b,.plain-tiles b{font-size:15px}
.for-picks small,.plain-tiles small{font-size:12.5px;margin-top:2px}
.map-list{gap:16px}
.map-list li{padding:24px 26px;gap:16px;border-radius:20px}
.map-list b{font-size:17px}
.map-list p{font-size:14.5px;line-height:1.85;margin:6px 0 12px}
.map-links{font-size:14px;gap:6px 16px}
.wq{gap:14px}
.wq-item{border-radius:20px}
.wq-item summary{padding:20px 22px;gap:14px}
.wq-item summary b{font-size:16px}
.wq-a{padding:0 26px 24px 80px}
.wq-a p{font-size:15px;line-height:1.95;margin-bottom:14px}
.wq-free{padding:12px 16px!important}
.co-tiles{gap:12px}
.co-tiles a{padding:18px 20px;gap:14px}
.co-tiles small{font-size:12.5px;margin-top:2px}
.personal{padding:28px 32px}
.nw-card-art{padding:16px 22px}
.nw-card-body{padding:20px 24px 24px;gap:8px}
.nw-card-t{font-size:16.5px}
.nw-card-ex{font-size:14px;line-height:1.85}
.nw-box{padding:22px 24px}
.kv th,.kv td{padding:16px 20px}
.tbl th,.tbl td{padding:13px 16px}
.faq details{padding:0 24px}
.faq summary{padding:18px 0}
.faq p{margin:0 0 18px;line-height:1.9}
.fit-box{padding:24px 28px}
.deep-box{padding:22px 26px}
.svc-item{padding:20px 22px}
.proof li{padding:16px 20px}
.muted-box{padding:20px 22px}
.warn-box{padding:20px 24px}
.sbars{padding:24px 26px}
.pub-stats div{padding:16px 18px}
.pub-list li{padding:14px 18px}
.alldata{padding:0 24px}
.rules li{padding:18px 22px 18px 60px}
.rules li::before{top:18px}
.case{padding:26px 28px}
.windows a{padding:16px 20px}
.case-pick a{padding:18px 20px}
.filters{padding:22px 24px;gap:14px}
.ct-type{padding:18px 20px}
.ct-form{padding:28px 30px}
.ct-note{padding:22px 26px}
.sq{padding:22px 24px}
.sr-row{padding:14px 18px}
.rk{padding:24px 26px}
.mini-rank{padding:22px 22px 14px}
.lp-nums div{padding:14px 16px}
.lp-card{padding:28px}
.ax-top{padding:18px}
.hero-stats li{padding:10px 18px}
.bud-card{padding:26px}
@media (max-width:860px){
  .sec{padding:60px 0}
  .sec.tight{padding:44px 0}
  .sec-head h2{font-size:23px}
  .card{padding:20px}
  .th-btn{padding:16px 18px}
  .sz-pane{padding:18px}
  .for-steps li,.map-list li{padding:20px 22px}
  .wq-item summary{padding:16px 18px}
  .wq-a{padding:0 20px 20px}
  .personal{padding:22px}
  .kv th,.kv td{padding:12px 14px}
}
.for-picks.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1080px){.for-picks.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.for-picks.n4{grid-template-columns:1fr}}

/* ---------- トップ：6つの対策（MECE） ---------- */
.th-six{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.th-six a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line2);border-radius:999px;padding:6px 14px 6px 6px;font-weight:700;font-size:14px;color:var(--ink)}
.th-six a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.th-six .num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px}
.th-six li:nth-child(-n+3) .num{background:var(--blue)}
.th-six li:nth-child(4) .num,.th-six li:nth-child(5) .num{background:var(--warn)}
.th-six li:nth-child(6) .num{background:var(--teal)}
.six-before{--ph:var(--blue);--ph-bg:#EDF2FF}
.six-during{--ph:var(--warn);--ph-bg:#FFF6E6}
.six-after{--ph:var(--teal2);--ph-bg:var(--tint)}
.six-line{display:flex;gap:8px;margin-bottom:22px}
.six-seg{position:relative;background:var(--ph-bg);border-radius:16px;padding:16px 20px 14px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,0 0)}
.six-seg b{display:block;font-size:16px;color:var(--ph)}
.six-seg>span{display:block;font-size:12.5px;color:var(--sub)}
.six-seg ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.six-seg li{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}
.six-seg li .num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ph);color:#fff;font-size:12px}
.six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.six-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--ph);border-radius:20px;padding:24px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column;scroll-margin-top:90px}
.six-h{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.six-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ph);color:#fff;font-size:15px}
.six-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ph-bg);color:var(--ph)}
.six-tag{margin-left:auto;font-size:12px;font-weight:700;color:var(--ph);background:var(--ph-bg);border-radius:999px;padding:3px 10px}
.six-card h3{margin:0 0 6px;font-size:24px;font-weight:900;display:flex;align-items:baseline;gap:8px}
.six-card h3 small{font-size:12.5px;font-weight:500;color:var(--sub)}
.six-what{margin:0 0 14px;font-size:15px;line-height:1.85;color:var(--ink2)}
.six-first{margin:0 0 14px;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.75}
.six-first span{display:block;font-size:11.5px;font-weight:700;color:var(--ok);margin-bottom:2px}
.six-links{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:700;font-size:14px}
.six-src{text-align:center;font-size:12.5px;color:var(--sub);margin:20px auto 0;max-width:760px}
.focus{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:16px}
.focus-k{font-weight:900;font-size:14px}
.focus ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.focus li{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;padding:5px 12px 5px 5px;border-radius:999px;background:var(--well);color:var(--faint)}
.focus li .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#C9D3DF;color:#fff;font-size:11.5px}
.focus li.on{background:var(--tint);color:var(--teal2)}
.focus li.on .num{background:var(--teal)}
.focus-next{margin:16px 0 18px;font-size:14px;color:var(--ink2);background:#fff;border-left:4px solid var(--teal);border-radius:8px;padding:10px 14px}
@media (max-width:1080px){.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .six-line{flex-direction:column}
  .six-seg{clip-path:none}
  .six{grid-template-columns:1fr}
  .six-card h3{font-size:21px}
}
.th-six{display:grid;grid-template-columns:repeat(6,auto);justify-content:start;gap:6px;margin-bottom:26px}
.th-six a{padding:6px 12px 6px 6px;font-size:13.5px}
.th-go{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.th-go .btn{padding:14px 28px;font-size:15.5px}
.th-alert{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14.5px;color:var(--alert)}
.th-alert:hover{color:var(--alert)}
.sz-pane .for-n{display:none}
@media (max-width:860px){.th-six{grid-template-columns:repeat(3,auto)}}

/* ---------- トップ：自社チェック ---------- */
.sc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 30px;box-shadow:var(--shadow-l)}
.sc-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sc-q{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;transition:background .15s,border-color .15s}
.sc-q p{flex:1;margin:0;font-size:15px;line-height:1.7}
.sc-q p b{display:block;font-size:12.5px;color:var(--ph)}
.sc-q.is-yes{background:#F4FBF8;border-color:#BFE3D2}
.sc-q.is-no{background:#FFF8F5;border-color:#F3D3C9}
.sc-yn{display:flex;gap:6px;flex:none}
.sc-yn button{font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;border:1px solid var(--line2);background:#fff;cursor:pointer;min-width:72px}
.sc-yn button:hover{border-color:var(--navy)}
.sc-yn button[data-v="1"][aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:#fff}
.sc-yn button[data-v="0"][aria-pressed=true]{background:var(--alert);border-color:var(--alert);color:#fff}
.sc-res{margin-top:22px;border-top:1px dashed var(--line2);padding-top:22px}
.sc-score{margin:0 0 12px;font-size:15px;font-weight:700}
.sc-score b{font-size:28px;color:var(--teal2)}
.sc-next{background:var(--ph-bg);border-radius:18px;padding:22px 24px}
.sc-next p{margin:0 0 12px;font-size:15px;line-height:1.85}
.sc-next .six-first{background:#fff}
.sc-k{display:flex;align-items:center;gap:8px;font-size:18px!important;font-weight:900}
.sc-k b{font-size:20px;color:var(--ph)}
@media (max-width:860px){
  .sc{padding:20px}
  .sc-q{flex-wrap:wrap;gap:10px 12px}
  .sc-q p{flex-basis:calc(100% - 50px)}
  .sc-yn{width:100%}
  .sc-yn button{flex:1}
}

/* ---------- トップ：何が起きるのか ---------- */
.risk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.risk-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 24px;box-shadow:var(--shadow);text-align:center}
.risk-card img{width:100%;max-width:200px;height:auto;margin:0 auto 6px;display:block}
.risk-card h3{font-size:17px;margin:0 0 8px;line-height:1.5}
.risk-card p{font-size:14px;line-height:1.85;color:var(--ink2);margin:0;text-align:left}
.impact{margin-top:28px;background:#FFF7F4;border:1px solid #F6DCD5;border-radius:24px;padding:26px 28px}
.impact-k{margin:0 0 16px;font-weight:900;font-size:18px;color:var(--alert);text-align:center}
.impact ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.impact li{background:#fff;border-radius:16px;padding:18px 20px}
.impact-ic{width:40px;height:40px;border-radius:12px;background:#FDE7E1;color:var(--alert);display:grid;place-items:center;margin-bottom:8px}
.impact b{display:block;font-size:16px}
.impact li p{margin:6px 0 0;font-size:13.5px;line-height:1.8;color:var(--ink2)}
.so{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center}
.so p{margin:0;font-size:17px}
.so b{display:block;font-size:20px;margin-bottom:2px}
.six-card h3{font-size:20px;line-height:1.5;margin-bottom:8px}
@media (max-width:1080px){.risk,.impact ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.risk,.impact ul{grid-template-columns:1fr}.impact{padding:20px}.so b{font-size:18px}}
.risk-card h3{word-break:keep-all;overflow-wrap:anywhere}

/* ---------- 無料診断ツール ---------- */
.tool-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;font-size:13.5px;color:var(--ink2)}
.tool-meta span{display:inline-flex;align-items:center;gap:6px}
.tool-meta .ic{color:var(--teal)}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:14px}
.tool-grid.big{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
.tool-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.tool-card:hover{transform:translateY(-2px);border-color:var(--teal);text-decoration:none;color:var(--ink)}
.tool-card b{font-size:17px;margin-top:6px}
.tool-card small{font-size:14px;color:var(--ink2);line-height:1.8}
.tool-tm{margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:700;color:var(--teal2)}
.tool-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow-l)}
.tool-label{display:block;font-weight:900;font-size:16px;margin-bottom:10px}
.tool-input{display:flex;gap:10px}
.tool-input input{flex:1;min-width:0;font:inherit;font-size:16px;padding:14px 16px;border:2px solid var(--line2);border-radius:14px}
.tool-input input:focus{outline:none;border-color:var(--teal)}
.tool-input .btn{padding:14px 26px;font-size:16px}
.tool-agree{display:flex;align-items:center;gap:8px;font-size:13.5px;margin:14px 0 0;cursor:pointer}
.tool-note{font-size:13px;color:var(--sub);margin:12px 0 0;line-height:1.8}
.tool-msg{margin:12px 0 0;font-size:14px;min-height:1px}
.tool-msg.is-ng{color:var(--ng);font-weight:700}
.tool-res{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);scroll-margin-top:90px}
.tool-cta{margin-top:18px;background:var(--tint);border-radius:18px;padding:20px 24px}
.tool-cta p{margin:0 0 10px;font-size:14.5px;line-height:1.85}
.g-head{display:flex;align-items:center;gap:18px;margin-bottom:12px}
.g-badge{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-family:var(--mono);font-size:38px;font-weight:600;color:#fff;flex:none}
.g-A{background:var(--ok)}.g-B{background:var(--teal)}.g-C{background:var(--warn)}.g-D{background:#D2652C}.g-E{background:var(--ng)}
.g-score{margin:0;font-size:15px}.g-score b{font-size:34px;color:var(--navy)}
.g-label{margin:0;font-weight:900;font-size:17px}
.ck-items{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.ck-items li{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.ck-items b{font-size:15px}
.ck-items p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--ink2)}
.ck-badge{flex:none;min-width:64px;text-align:center;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;margin-top:2px}
.ck-items .is-ok .ck-badge{background:#E6F6EE;color:var(--ok)}
.ck-items .is-warn .ck-badge{background:#FFF3DC;color:var(--warn)}
.ck-items .is-ng{border-color:#F3D3C9;background:#FFF9F7}
.ck-items .is-ng .ck-badge{background:#FDE3DC;color:var(--ng)}
.ck-items .is-info .ck-badge{background:var(--well);color:var(--sub)}
.ck-fix{background:var(--soft);border-radius:10px;padding:8px 12px;margin-top:8px!important}
.ck-fix span{display:block;font-size:11.5px;font-weight:700;color:var(--teal2)}
.lv-bar{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:14px;color:var(--sub);margin-bottom:22px}
.lv-bar i{flex:1;height:8px;border-radius:999px;background:var(--well);overflow:hidden}
.lv-bar b{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));transition:width .2s}
.lv-cat{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--ph);margin:0 0 8px}
.lv-text{font-size:22px;font-weight:900;line-height:1.6;margin:0 0 26px;min-height:3.2em}
.lv-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lv-btns button{font:inherit;font-weight:900;font-size:18px;padding:18px 10px;border-radius:18px;border:2px solid var(--line2);background:#fff;cursor:pointer;transition:transform .1s,border-color .1s}
.lv-btns button:hover{transform:translateY(-2px)}
.lv-yes:hover{border-color:var(--ok);color:var(--ok)}
.lv-no:hover{border-color:var(--alert);color:var(--alert)}
.lv-unk{font-size:16px!important;color:var(--sub)}
.lv-back{background:none;border:0;color:var(--blue);cursor:pointer;margin-top:16px;font-size:14px}
.lv-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:center;margin:8px 0 10px}
.radar{width:100%;max-width:300px}
.rd-grid{fill:none;stroke:var(--line2);stroke-width:1}
.rd-area{fill:rgba(14,159,149,.22);stroke:var(--teal);stroke-width:2.5}
.rd-lab{font-family:var(--mono);font-size:14px;font-weight:600;fill:var(--ink2)}
.lv-six{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lv-six li{display:grid;grid-template-columns:auto 1fr 90px 44px;align-items:center;gap:10px;font-size:14px}
.lv-six-bar{height:8px;border-radius:999px;background:var(--well);overflow:hidden}
.lv-six-bar i{display:block;height:100%;background:var(--ph)}
.lv-h{font-size:18px;margin:26px 0 12px}
.lv-todo{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lv-todo li{display:flex;gap:14px;border:1px solid var(--line);border-left:4px solid var(--ph);border-radius:14px;padding:16px 18px}
.lv-todo b{font-size:15px;line-height:1.7}
.lv-todo em{font-style:normal;color:var(--sub);font-weight:500;font-size:13px}
.lv-todo p{margin:6px 0 0;font-size:14px;line-height:1.8}
.lv-allok{background:var(--tint);border-radius:14px;padding:16px 18px}
.sim-q{margin-bottom:22px}
.sim-label{display:flex;align-items:center;gap:10px;font-weight:900;font-size:16px;margin:0 0 10px}
.sim-label .num{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px}
.sim-opts{display:flex;flex-wrap:wrap;gap:8px}
.sim-opts button{font:inherit;font-weight:700;font-size:15px;padding:11px 18px;border-radius:999px;border:2px solid var(--line2);background:#fff;cursor:pointer}
.sim-opts button:hover{border-color:var(--navy)}
.sim-opts button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.sim-res{border-top:1px dashed var(--line2);padding-top:24px;margin-top:8px}
.sim-total{background:linear-gradient(120deg,var(--navy),#16325A);color:#fff;border-radius:20px;padding:22px 26px;margin-bottom:16px}
.sim-total p{margin:0;font-size:14px;color:#B7C3D3}
.sim-total b{display:block;font-size:34px;line-height:1.3;margin:4px 0}
.sim-total span{font-size:12.5px;color:#B7C3D3}
.sim-tbl td.num{white-space:nowrap;font-weight:600}
.sim-notes{font-size:13.5px;color:var(--ink2);line-height:1.85;padding-left:20px}
.cost-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cost-list li{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.cost-list b{font-size:15px}
.cost-list p{margin:4px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.75}
.cost-list .num{font-weight:600;font-size:16px;white-space:nowrap;color:var(--navy)}
.cost-list li>a{font-weight:700;font-size:13.5px;white-space:nowrap}
@media (max-width:860px){
  .tool-box,.tool-res{padding:20px}
  .tool-input{flex-direction:column}
  .lv-text{font-size:18px}
  .lv-btns button{font-size:16px;padding:16px 6px}
  .lv-grid{grid-template-columns:1fr}
  .radar{margin:0 auto}
  .lv-six li{grid-template-columns:auto 1fr 60px 40px}
  .cost-list li{grid-template-columns:1fr;gap:6px}
  .sim-total b{font-size:26px}
}

/* ---------- トップ（イラスト中心・文字少なめ。2026-10-27「文字が多くて見づらい」） ---------- */
.t2-hero{position:relative;overflow:hidden;padding:64px 0 72px;background:linear-gradient(180deg,#F4F8FF 0%,#FFFFFF 100%)}
.t2-hero::before{content:"";position:absolute;inset:-30% -10% 0 -10%;background:var(--glow);filter:blur(16px);opacity:.9;pointer-events:none}
.t2-hero-in{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center}
.t2-kick{display:inline-block;margin:0 0 18px;font-size:13px;font-weight:700;color:var(--teal2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 16px}
.t2-hero h1{font-size:56px;font-weight:900;line-height:1.2;letter-spacing:-.02em;margin:0 0 20px}
.t2-lead{font-size:19px;line-height:1.8;color:var(--ink2);margin:0 0 30px;font-weight:500}
.t2-btns{display:flex;gap:12px;flex-wrap:wrap}
.t2-big{padding:16px 34px;font-size:16px}
.t2-alert{display:inline-flex;align-items:center;gap:6px;margin-top:22px;font-size:14px;font-weight:700;color:var(--alert)}
.t2-alert:hover{color:var(--alert)}
.t2-hero-art{margin:0}
.t2-hero-art img{width:100%;height:auto;display:block}
.t2-sec{padding:104px 0}
.t2-small{padding:56px 0}
.t2-tint{background:#F6F9FC}
.t2-narrow{max-width:860px}
.t2-h{display:flex;align-items:center;justify-content:center;gap:14px;font-size:34px;font-weight:900;line-height:1.35;text-align:center;margin:0 0 44px;letter-spacing:-.01em}
.t2-h.t2-left{justify-content:flex-start;text-align:left;margin-bottom:16px}
.t2-step{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;font-family:var(--mono);font-size:20px;flex:none}
.t2-sub{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-24px 0 36px}
.t2-chip{font-size:14px;font-weight:700;padding:7px 16px;border-radius:999px}
.t2-chip.is-before{background:#EAF0FF;color:var(--blue)}
.t2-chip.is-after{background:#FFF3DC;color:var(--warn)}
.t2-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px 24px 30px;box-shadow:0 2px 4px rgba(11,26,44,.03),0 14px 34px rgba(14,34,64,.06);color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
a.t2-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(11,26,44,.04),0 22px 44px rgba(14,34,64,.10);border-color:var(--line2);text-decoration:none;color:var(--ink)}
.t2-card img{width:100%;max-width:200px;height:auto;margin-bottom:14px}
.t2-card h3{margin:0 0 8px;font-size:19px;font-weight:900;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.t2-card p{margin:0;font-size:14.5px;color:var(--sub);line-height:1.7}
.t2-risk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.t2-impact{margin:36px auto 0;max-width:900px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.t2-impact p{margin:0;font-weight:900;font-size:16px;color:var(--alert)}
.t2-impact ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.t2-impact li{display:inline-flex;align-items:center;gap:8px;background:#FFF4F1;color:#9A2E1B;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px}
.t2-impact .ic{color:var(--alert)}
.t2-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.t2-n{position:absolute;top:20px;left:20px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:600}
.t2-six-before .t2-n{background:var(--blue)}
.t2-six-during .t2-n{background:var(--warn)}
.t2-six-after .t2-n{background:var(--teal)}
.t2-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.t2-tool{justify-content:flex-start}
.t2-tool img{max-width:170px}
.t2-tool h3{font-size:17px}
.t2-go{display:inline-block;margin-top:14px;font-size:14px;font-weight:700;color:var(--teal2)}
.t2-tool.is-main{grid-column:1/-1;flex-direction:row;text-align:left;gap:36px;padding:32px 44px;background:linear-gradient(120deg,#0E2240,#16325A);border:0;color:#fff}
.t2-tool.is-main:hover{color:#fff}
.t2-tool.is-main img{max-width:240px;margin:0;background:#fff;border-radius:24px;padding:8px}
.t2-tool.is-main h3{font-size:26px;color:#fff}
.t2-tool.is-main p{font-size:16px;color:#C3CDD9}
.t2-tool.is-main .t2-go{background:#fff;color:var(--navy);padding:12px 24px;border-radius:999px;margin-top:20px}
.t2-faq{display:grid;gap:12px}
.t2-faq details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 26px;box-shadow:var(--shadow)}
.t2-faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:22px 30px 22px 0;position:relative}
.t2-faq summary::-webkit-details-marker{display:none}
.t2-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:22px;color:var(--teal)}
.t2-faq details[open] summary::after{content:"−"}
.t2-faq details>div{padding:0 0 22px}
.t2-faq p{margin:0 0 12px;font-size:15px;line-height:1.95;color:var(--ink2)}
.t2-faq a{font-weight:700}
.t2-stats{padding:64px 0 52px}
.t2-stats .stats-k{font-size:18px;margin-bottom:24px;color:#fff}
.t2-stats .stat{padding:24px;text-align:center;align-items:center}
.t2-stats .stat b{font-size:46px}
.t2-co{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.t2-co figure{margin:0}
.t2-co figure img{width:100%;max-width:440px;height:auto;display:block;margin:0 auto}
.t2-co-lead{font-size:18px;line-height:1.9;color:var(--ink2);margin:0 0 28px}
.t2-news{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.t2-news a{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;color:var(--ink)}
.t2-news a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.t2-news time{font-size:13px;color:var(--sub)}
.t2-news b{font-size:15.5px;line-height:1.6}
@media (max-width:1080px){
  .t2-risk,.t2-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t2-six{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .t2-hero{padding:32px 0 48px}
  .t2-hero-in,.t2-co{grid-template-columns:1fr}
  .t2-hero-art{order:-1;max-width:400px;margin:0 auto}
  .t2-hero h1{font-size:34px}
  .t2-lead{font-size:16.5px}
  .t2-sec{padding:68px 0}
  .t2-h{font-size:24px;margin-bottom:30px;flex-direction:column;gap:10px}
  .t2-risk,.t2-six,.t2-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .t2-card{padding:20px 14px 22px;border-radius:22px}
  .t2-card h3{font-size:15.5px}
  .t2-card p{font-size:13px}
  .t2-n{top:12px;left:12px;width:28px;height:28px;font-size:13px}
  .t2-tool.is-main{flex-direction:column;text-align:center;padding:26px 20px}
  .t2-tool.is-main img{max-width:180px}
  .t2-tool.is-main h3{font-size:21px}
  .t2-stats .stat b{font-size:34px}
  .t2-news a{grid-template-columns:auto 1fr;gap:6px 10px}
  .t2-news b{grid-column:1/-1}
}
.t2-hero h1,.t2-h{word-break:keep-all;overflow-wrap:anywhere}
.t2-hero-in{grid-template-columns:1.1fr 1fr}
.t2-hero h1{font-size:52px}
@media (max-width:860px){.t2-hero h1{font-size:32px}}
@media (max-width:860px){.t2-hero-in{grid-template-columns:1fr}}

/* ---------- トップ A「製品の画面風」（2026-10-27 ユーザーが選択）。イラストの代わりに画面の部品で見せる ---------- */
.a-hero{background:radial-gradient(60% 80% at 85% 20%,rgba(14,159,149,.12),transparent 70%),radial-gradient(50% 70% at 10% 10%,rgba(36,87,245,.10),transparent 70%),#F7FAFD;padding:64px 0 72px}
.a-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}
.a-kick{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:var(--teal2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin:0 0 18px}
.a-kick i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(14,159,149,.18)}
.a-hero h1{font-size:50px;line-height:1.2;font-weight:900;margin:0 0 18px;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.a-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.a-lead{font-size:16.5px;color:var(--ink2);margin:0 0 26px;max-width:540px;line-height:1.9}
.a-btns{display:flex;gap:10px;flex-wrap:wrap}
.a-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:12px;transition:transform .12s}
.a-btn:hover{text-decoration:none;transform:translateY(-1px)}
.a-btn.main{background:var(--navy);color:#fff}.a-btn.main:hover{color:#fff}
.a-btn.line{background:#fff;color:var(--ink);border:1px solid var(--line2)}.a-btn.line:hover{color:var(--ink);border-color:var(--navy)}
.a-trust{display:flex;gap:26px;margin:26px 0 0;padding:0;list-style:none;color:var(--sub);font-size:13px;flex-wrap:wrap}
.a-trust b{display:block;font-size:24px;color:var(--ink);line-height:1.2}
.a-alert{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:14px;font-weight:700;color:var(--alert)}
.a-alert:hover{color:var(--alert)}
.a-dash{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -20px rgba(14,34,64,.25);overflow:hidden}
.a-dash-top{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:#FBFCFE;font-size:12.5px;color:var(--sub)}
.a-dash-top i{width:9px;height:9px;border-radius:50%;background:#E3E8EF}
.a-dash-top span{margin-left:8px;font-family:var(--mono)}
.a-dash-top em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:2px 10px}
.a-dash-body{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:22px}
.a-gauge{position:relative;width:150px;height:150px}
.a-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.a-gauge b{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:var(--navy)}
.a-gauge small{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:11px;color:var(--sub)}
.a-bars{display:grid;gap:8px;align-content:center}
.a-bar{display:grid;grid-template-columns:96px 1fr 36px;gap:8px;align-items:center;font-size:12.5px}
.a-bar i{height:7px;border-radius:999px;background:#EEF2F7;overflow:hidden}
.a-bar u{display:block;height:100%;border-radius:999px;background:var(--blue)}
.a-bar u.dur{background:#B7791F}.a-bar u.aft{background:var(--teal)}
.a-bar .num{font-size:11.5px;text-align:right;color:var(--sub)}
.a-alerts{border-top:1px solid var(--line);padding:14px 22px 20px;display:grid;gap:8px}
.a-alerts p{margin:0 0 2px;font-size:12px;font-weight:700;color:var(--sub)}
.a-al{display:flex;align-items:center;gap:10px;font-size:13px;padding:9px 12px;border-radius:10px}
.a-al s{text-decoration:none;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;flex:none}
.a-al.ng{background:#FFF6F3}.a-al.ng s{background:#FDE2DA;color:var(--alert)}
.a-al.warn{background:#FFF8EA}.a-al.warn s{background:#FDEBC8;color:#B7791F}
.a-al.ok{background:#F1FAF6}.a-al.ok s{background:#DDF3E9;color:var(--ok)}
.a-sec{padding:88px 0}
.a-sec.soft{background:#F5F8FC}
.a-small{padding:56px 0}
.a-narrow{max-width:900px}
.a-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.a-head.center{justify-content:center;text-align:center}
.a-head small{display:block;font-family:var(--mono);font-size:12px;color:var(--teal2);letter-spacing:.06em;margin-bottom:6px}
.a-head h2{font-size:32px;font-weight:900;margin:0;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
.a-head>p{margin:0;color:var(--sub);max-width:440px;font-size:14.5px;line-height:1.85}
.a-risk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.a-rk{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.a-rk-ui{height:156px;padding:14px;background:#F3F6FA;border-bottom:1px solid var(--line);display:grid;place-items:center}
.a-rk-b{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.a-rk-b h3{margin:0;font-size:17px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.a-rk-b p{margin:0;font-size:14px;color:var(--ink2);line-height:1.8}
.a-fact{margin-top:auto!important;padding-top:12px;border-top:1px dashed var(--line2);font-size:13px!important;color:var(--sub)!important}
.a-fact b{color:var(--alert);font-size:15px}
.a-win{width:100%;max-width:230px;background:#fff;border:1px solid var(--line2);border-radius:10px;overflow:hidden;font-size:10.5px;line-height:1.6;box-shadow:0 8px 20px -10px rgba(14,34,64,.3)}
.a-win-t{display:flex;gap:4px;padding:6px 8px;background:#F7F9FC;border-bottom:1px solid var(--line)}
.a-win-t i{width:6px;height:6px;border-radius:50%;background:#DDE3EA}
.a-win-c{padding:10px}
.a-win-c.ransom{background:#2A0E14;color:#FFD9D2;text-align:center}
.a-win-c.ransom b{display:block;font-size:13px;color:#FF8A73;margin:4px 0}
.a-win-c.ransom u{display:inline-block;text-decoration:none;margin-top:6px;background:#FF5A3C;color:#fff;border-radius:4px;padding:2px 8px}
.a-win-c.deface{background:#111;color:#fff;text-align:center;padding:20px 10px}
.a-win-c.deface b{font-size:16px;letter-spacing:.12em}
.a-win-c.leak table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:9.5px}
.a-win-c.leak td{border-bottom:1px solid var(--line);padding:3px 2px;color:var(--ink2)}
.a-win-c.leak tr.x td{background:#FFF1EC;color:var(--alert)}
.a-win-c.chat{display:grid;gap:6px}
.a-win-c.chat p{margin:0;padding:6px 8px;border-radius:8px;background:#EEF2F8}
.a-win-c.chat p.me{background:#E8F0FF;justify-self:end}
.a-win-c.chat mark{background:#FDE2DA;color:var(--alert);border-radius:3px;padding:0 3px}
.a-impact{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.a-impact div{background:#FFF8F6;border:1px solid #F6DCD5;border-radius:14px;padding:16px 18px;font-size:13.5px;color:var(--ink2)}
.a-impact b{display:block;font-size:15px;color:#9A2E1B;margin-bottom:2px}
.a-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.a-sx{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:8px;color:var(--ink);transition:transform .12s,border-color .12s}
.a-sx:hover{transform:translateY(-2px);border-color:var(--line2);text-decoration:none;color:var(--ink)}
.a-sx-n{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:var(--sub)}
.a-sx-n b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:15px}
.a-sx.pre .a-sx-n b{background:var(--blue)}.a-sx.dur .a-sx-n b{background:#B7791F}.a-sx.aft .a-sx-n b{background:var(--teal)}
.a-sx h3{margin:4px 0 0;font-size:18px;line-height:1.5}
.a-sx p{margin:0;font-size:14px;color:var(--ink2);line-height:1.8}
.a-todo{margin-top:auto!important;padding:12px 14px;background:#F5F8FC;border-radius:10px;font-size:13.5px!important}
.a-todo span{display:block;font-size:11px;font-weight:700;color:var(--ok)}
.a-src{text-align:center;font-size:12.5px;color:var(--sub);margin:22px auto 0;max-width:760px}
.a-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.a-tool{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px 22px;color:var(--ink);display:flex;flex-direction:column;gap:6px;transition:transform .12s,border-color .12s}
.a-tool:nth-child(4),.a-tool:nth-child(5){grid-column:span 3}
.a-tool:hover{transform:translateY(-2px);border-color:var(--teal);text-decoration:none;color:var(--ink)}
.a-tool h3{margin:10px 0 0;font-size:17px}
.a-tool p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.8}
.a-go{margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:700;color:var(--teal2)}
.a-tool-ui{background:#F3F6FA;border:1px solid var(--line);border-radius:14px;padding:16px;min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.a-tool-ui.dark{background:linear-gradient(120deg,var(--navy),#16325A);border:0;color:#fff}
.a-tool-ui small{font-size:11.5px;color:var(--sub)}
.a-tool-ui.dark small,.a-tool-ui.dark span{color:#B7C3D3;font-size:11.5px}
.a-tool-ui b{font-size:24px;line-height:1.2}
.a-tool-ui b.big{color:var(--navy)}
.a-tool-ui:has(.a-mini-g){flex-direction:row;align-items:center;gap:16px}
.a-mini-g{position:relative;width:96px;height:96px;flex:none}
.a-mini-g svg{width:100%;height:100%;transform:rotate(-90deg)}
.a-mini-g b{position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:var(--navy)}
.a-mini-rows{flex:1;display:grid;gap:8px}
.a-mini-rows i{display:block;height:8px;border-radius:999px;background:var(--blue)}
.a-mini-rows i.dur{background:#B7791F}
.a-url{background:#fff;border:1px solid var(--line2);border-radius:8px;padding:6px 10px;font-size:11.5px;color:var(--sub)}
.a-res{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.a-res li{display:flex;align-items:center;gap:8px;font-size:12px;background:#fff;border-radius:8px;padding:5px 8px}
.a-res s{text-decoration:none;font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 7px;flex:none}
.a-res .ok s{background:#DDF3E9;color:var(--ok)}.a-res .warn s{background:#FDEBC8;color:#B7791F}.a-res .ng s{background:#FDE2DA;color:var(--alert)}
.a-cost{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.a-cost li{display:flex;justify-content:space-between;font-size:12px;background:#fff;border-radius:8px;padding:5px 9px}
.a-faq{display:grid;gap:10px}
.a-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 24px}
.a-faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:16px;padding:20px 30px 20px 0;position:relative}
.a-faq summary::-webkit-details-marker{display:none}
.a-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:20px;color:var(--teal)}
.a-faq details[open] summary::after{content:"−"}
.a-faq details>div{padding:0 0 20px}
.a-faq p{margin:0 0 10px;font-size:14.5px;line-height:1.95;color:var(--ink2)}
.a-faq a{font-weight:700}
.a-stats{background:var(--navy);color:#fff;padding:60px 0 46px;position:relative;overflow:hidden}
.a-stats::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 90% at 10% 50%,rgba(36,87,245,.35),transparent 70%),radial-gradient(40% 90% at 90% 50%,rgba(14,159,149,.35),transparent 70%);pointer-events:none}
.a-stats .wrap{position:relative}
.a-stats-k{text-align:center;font-weight:900;font-size:18px;margin:0 0 24px}
.a-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.a-stats-row div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 22px 20px}
.a-stats-row b{display:block;font-size:42px;line-height:1.1}
.a-stats-row b small{font-size:16px;margin-left:2px;color:#9FE6DE}
.a-stats-row span{display:block;font-weight:700;font-size:14.5px;margin-top:6px}
.a-stats-row em{display:block;font-style:normal;font-size:12.5px;color:#B7C3D3;margin-top:2px}
.a-stats-src{text-align:center;font-size:12px;color:#B7C3D3;margin:16px 0 0}
.a-stats-src a{color:#9FE6DE}
.a-co{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.a-co .a-head{margin-bottom:16px}
.a-co-lead{font-size:15.5px;color:var(--ink2);line-height:1.9;margin:0 0 16px}
.a-co-pts{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px}
.a-co-pts li{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}
.a-co-pts .ic{color:var(--teal)}
.a-cocard{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 60px -24px rgba(14,34,64,.25);overflow:hidden;color:var(--ink);transition:transform .12s}
.a-cocard:hover{transform:translateY(-2px);text-decoration:none;color:var(--ink)}
.a-cocard-b{padding:24px}
.a-cocard-n{margin:0 0 12px;font-size:20px;font-weight:900}
.a-cocard-n span{display:block;font-size:13px;font-weight:500;color:var(--sub)}
.a-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.a-chips span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--well);color:var(--ink2)}
.a-chips span.ok{background:#DDF3E9;color:var(--ok)}
.a-pub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.a-pub div{background:#F5F8FC;border-radius:12px;padding:12px 14px}
.a-pub b{display:block;font-size:24px;color:var(--navy);line-height:1.2}
.a-pub span{font-size:11.5px;color:var(--sub)}
.a-cocard-src{margin:12px 0 0;font-size:11px;color:var(--faint)}
.a-news{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.a-news a{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;color:var(--ink)}
.a-news a:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.a-news time{font-size:12.5px;color:var(--sub)}
.a-news b{font-size:15px;line-height:1.6}
@media (max-width:1080px){
  .a-risk,.a-impact,.a-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-tool,.a-tool:nth-child(4),.a-tool:nth-child(5){grid-column:auto}
}
@media (max-width:860px){
  .a-hero{padding:36px 0 48px}
  .a-hero-in,.a-co{grid-template-columns:1fr}
  .a-hero h1{font-size:32px}
  .a-dash-body{grid-template-columns:1fr;justify-items:center}
  .a-bars{width:100%}
  .a-sec{padding:60px 0}
  .a-head h2{font-size:24px}
  .a-risk,.a-impact,.a-six,.a-tools{grid-template-columns:1fr}
  .a-stats-row b{font-size:32px}
  .a-news a{grid-template-columns:auto 1fr;gap:6px 10px}
  .a-news b{grid-column:1/-1}
}
@media (max-width:860px){.a-dash-top span{display:none}}

/* ---------- 無料診断：ダッシュボード風の外枠とレポート（2026-10-27、参考：Campi の全部診断） ---------- */
.tl{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;padding-top:28px;padding-bottom:72px}
.tl-side{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 14px;box-shadow:var(--shadow)}
.tl-brand{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:4px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:10px;color:var(--ink)}
.tl-brand:hover{text-decoration:none;color:var(--ink)}
.tl-brand>span{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff}
.tl-brand b{font-size:15px;line-height:1.3}
.tl-brand small{font-size:11.5px;color:var(--sub)}
.tl-side nav{display:grid;gap:2px}
.tl-side nav p{margin:12px 8px 4px;font-size:11.5px;font-weight:700;color:var(--faint)}
.tl-side nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700;color:var(--ink2)}
.tl-side nav a .ic{color:var(--sub)}
.tl-side nav a:hover{background:var(--soft);text-decoration:none;color:var(--ink)}
.tl-side nav a[aria-current]{background:var(--navy);color:#fff}
.tl-side nav a[aria-current] .ic{color:#3DD6C6}
.tl-note{margin:14px 8px 0;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;color:var(--sub);line-height:1.7}
.tl-main{min-width:0;display:grid;gap:22px}
.tl-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:center;background:radial-gradient(60% 90% at 90% 10%,rgba(14,159,149,.35),transparent 70%),radial-gradient(50% 80% at 0% 100%,rgba(36,87,245,.35),transparent 70%),linear-gradient(135deg,#0B1D38,#132E52);color:#fff;border-radius:28px;padding:40px 44px}
.tl-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.tl-hero-copy,.tl-hero-card{position:relative;z-index:1}
.tl-en{margin:0 0 12px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:#9FE6DE}
.tl-hero h1{margin:0 0 14px;font-size:34px;font-weight:900;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}
.tl-hero.big h1{font-size:44px;line-height:1.25}
.tl-hero h1 em{font-style:normal;color:#5EE6D6}
.tl-lead{margin:0 0 18px;font-size:15px;line-height:1.9;color:#D4DEEA}
.tl-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tl-badges li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.tl-cta{display:inline-flex;margin-top:24px;background:linear-gradient(90deg,#3DD6C6,#7FE3D8);color:#0B1D38;font-weight:900;font-size:16px;padding:16px 30px;border-radius:999px;box-shadow:0 12px 30px -8px rgba(61,214,198,.6)}
.tl-cta:hover{text-decoration:none;color:#0B1D38;transform:translateY(-1px)}
.tl-hero-card{display:flex;justify-content:center}
.rc{width:100%;max-width:280px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:22px 22px 18px;transform:rotate(4deg);box-shadow:0 30px 60px -20px rgba(0,0,0,.5);backdrop-filter:blur(6px)}
.rc-en{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:#9FE6DE}
.rc-t{margin:6px 0 10px;font-size:20px;font-weight:900}
.rc-radar{width:100%;max-width:170px;display:block;margin:0 auto 8px}
.rc-radar .g{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1}
.rc-radar .a{fill:rgba(94,230,214,.3);stroke:#5EE6D6;stroke-width:2.5;stroke-linejoin:round}
.rc-dl{margin:0;display:grid;gap:0}
.rc-dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px}
.rc-dl dt{color:#B7C3D3}
.rc-dl dd{margin:0;font-weight:700}
.rc-dl dd.ng{color:#FF9C86}
.tl-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 28px;box-shadow:var(--shadow)}
.tl-panel.warm{background:#FFFBF4;border-color:#F5E6C8}
.tl-panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.tl-panel-h h2{margin:0;font-size:19px;font-weight:900}
.tl-panel-h p{margin:0;font-size:13px;color:var(--sub)}
.tl-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px}
.tl-r{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink)}
.tl-r:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.tl-r-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--sub);border:1px solid var(--line)}
.tl-r.has .tl-r-ic{background:var(--tint);color:var(--teal2);border-color:transparent}
.tl-r-b small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--faint)}
.tl-r-b b{display:block;font-size:14.5px}
.tl-r-b em{display:block;font-style:normal;font-size:12.5px;color:var(--sub)}
.tl-r-g{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--mono);font-size:20px;font-weight:600;color:var(--faint);background:#fff;border:1px dashed var(--line2)}
.tl-r-g.g-A,.tl-r-g.g-B,.tl-r-g.g-C,.tl-r-g.g-D,.tl-r-g.g-E,.tl-r-g.done{border:0;color:#fff}
.tl-r-g.done{background:var(--teal);font-size:18px}
.tl-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px}
.tl-step{display:flex;flex-direction:column;gap:4px;background:var(--soft);border-radius:18px;padding:18px;color:var(--ink);border:1px solid transparent}
.tl-step:hover{border-color:var(--teal);text-decoration:none;color:var(--ink)}
.tl-step-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:#3DD6C6;margin-bottom:8px}
.tl-step small{font-size:11px;letter-spacing:.12em;color:#B7791F;font-weight:600}
.tl-step b{font-size:15.5px;line-height:1.5}
.tl-step em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--blue)}
.tl-step p{margin:4px 0 0;font-size:13px;color:var(--sub);line-height:1.75}
.tl-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}
.tl-chips li{display:flex;align-items:center;gap:10px;background:#FFF3DF;border-radius:14px;padding:14px 16px;font-weight:700;font-size:14px}
.tl-chips .ic{color:#B7791F}
.tl-about{padding:8px 4px}
.tl-about h2{font-size:22px;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.tl-about ul{margin:0;padding-left:20px;font-size:14px;color:var(--ink2);line-height:1.95}
.tl-body>div{display:grid;gap:12px}
.tl-body .tool-box{box-shadow:var(--shadow)}
.tl-more{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 26px}
.tl-more h2{margin:0 0 12px;font-size:17px}
.tl-more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:10px}
.tl-more-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;background:var(--soft);border-radius:14px;padding:12px 14px;color:var(--ink)}
.tl-more-grid a:hover{text-decoration:none;color:var(--ink);background:var(--tint)}
.tl-more-grid span{grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--teal2)}
.tl-more-grid b{font-size:13.5px;line-height:1.4}
.tl-more-grid small{font-size:12px;color:var(--teal2);font-weight:700}
/* レポート */
.rp{display:grid;gap:18px}
.rp-head,.tool-res .rp-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:radial-gradient(60% 120% at 100% 0%,rgba(14,159,149,.35),transparent 70%),linear-gradient(135deg,#0B1D38,#16325A);color:#fff;border-radius:22px;padding:26px 28px}
.rp-en{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#9FE6DE}
.rp-title{margin:6px 0 8px;font-size:21px;font-weight:900;line-height:1.4;word-break:break-all}
.rp-sum{margin:0;font-size:14px;line-height:1.85;color:#D4DEEA}
.rp-sum b{color:#fff}
.rp-counts{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.rp-counts span{font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:999px}
.rp-counts .ok{background:rgba(52,199,141,.18);color:#7DE3B5}.rp-counts .warn{background:rgba(240,168,48,.18);color:#F7C463}.rp-counts .ng{background:rgba(255,120,95,.18);color:#FF9C86}
.rp-score{display:grid;justify-items:center;gap:2px;text-align:center;min-width:130px}
.rp-score .g-badge{width:64px;height:64px;font-size:34px;border-radius:18px}
.rp-score p{margin:6px 0 0}
.rp-score b{font-size:36px;line-height:1}
.rp-score small{font-size:13px;color:#B7C3D3;margin-left:2px}
.rp-score em{font-style:normal;font-size:12px;color:#D4DEEA;max-width:150px}
.rp-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 26px}
.rp-radar .radar{max-width:300px}
.rp-six{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rp-six li{display:grid;grid-template-columns:auto minmax(0,1fr) 120px 48px;gap:10px;align-items:center;font-size:14px}
.rp-six-t{font-weight:700}
.rp-six-bar{height:10px;border-radius:999px;background:var(--well);overflow:hidden}
.rp-six-bar i{display:block;height:100%;border-radius:999px;background:var(--ph)}
.rp-six b{text-align:right;font-size:14px}
.rp-sec{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 26px}
.rp-sec h3{margin:0 0 14px;font-size:18px}
.rp-todo{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rp-todo li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;background:var(--soft);border-radius:16px;padding:18px 20px;border-left:4px solid var(--ph)}
.rp-k{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:15px}
.rp-cat{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:12.5px;font-weight:700;color:var(--ph)}
.rp-cat em{font-style:normal;font-size:11px;color:var(--sub);background:#fff;border-radius:999px;padding:1px 8px}
.rp-todo b{font-size:15.5px;line-height:1.6}
.rp-todo p{margin:6px 0 0;font-size:14px;line-height:1.8}
.rp-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rp-next a{display:flex;flex-direction:column;background:var(--tint);border-radius:14px;padding:14px 16px;color:var(--ink)}
.rp-next a:hover{text-decoration:none;color:var(--ink);background:#D9F3EF}
.rp-next b{font-size:14.5px}
.rp-next span{font-size:12.5px;color:var(--teal2);font-weight:700}
.rp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.rp-copied{font-size:13px;font-weight:700;color:var(--ok)}
.tool-res{padding:0;border:0;box-shadow:none;background:none;display:grid;gap:14px}
.tool-res .ck-items{margin:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}
@media (max-width:1080px){.tl{grid-template-columns:1fr}.tl-side{position:static}.tl-side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-side nav p{grid-column:1/-1}}
@media (max-width:860px){
  .tl-hero{grid-template-columns:1fr;padding:28px 22px;border-radius:22px}
  .tl-hero h1,.tl-hero.big h1{font-size:26px}
  .tl-hero-card{display:none}
  .tl-side nav{grid-template-columns:1fr}
  .rp-head,.tool-res .rp-head{grid-template-columns:1fr;text-align:left}
  .rp-score{justify-items:start;text-align:left;grid-template-columns:auto auto;align-items:center;column-gap:14px}
  .rp-grid{grid-template-columns:1fr}
  .rp-six li{grid-template-columns:auto minmax(0,1fr) 70px 40px}
  .rp-next{grid-template-columns:1fr}
}
.tl-r-g.g-A{background:var(--ok)}.tl-r-g.g-B{background:var(--teal)}.tl-r-g.g-C{background:var(--warn)}.tl-r-g.g-D{background:#D2652C}.tl-r-g.g-E{background:var(--ng)}
.tl-brand b{word-break:keep-all}
.tl-hero h1{font-size:30px;overflow-wrap:normal}
.tl-hero.big h1{font-size:38px}
@media (max-width:860px){.tl-hero h1,.tl-hero.big h1{font-size:24px;overflow-wrap:anywhere}}

/* ---------- トップ：立体アイコン（v3、2026-10-27「もっとイラストを」） ---------- */
.a-dash-wrap{position:relative}
.a-float{position:absolute;z-index:2;height:auto;filter:drop-shadow(0 10px 18px rgba(14,34,64,.18));animation:a-fl 6s ease-in-out infinite}
.a-float.f1{top:-38px;left:-34px}
.a-float.f2{bottom:-26px;right:-22px;animation-delay:-3s}
@keyframes a-fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.a-float{animation:none}}
.a-sx-art{display:grid;place-items:center;background:linear-gradient(180deg,#F7FAFF,#fff);border-radius:14px;margin:-6px -6px 6px;padding:6px 0}
.a-sx.dur .a-sx-art{background:linear-gradient(180deg,#FFFAF0,#fff)}
.a-sx.aft .a-sx-art{background:linear-gradient(180deg,#F0FBF9,#fff)}
.a-sx-art img{width:140px;height:auto;transition:transform .2s}
.a-sx:hover .a-sx-art img{transform:translateY(-4px) scale(1.03)}
.a-faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.a-faq-side{position:sticky;top:96px}
.a-faq-side .a-head{margin-bottom:10px}
.a-faq-side>p{margin:0 0 10px;font-size:14.5px;color:var(--ink2);line-height:1.9}
.a-faq-art{width:100%;max-width:260px;height:auto;display:block}
.personal-h{display:flex;align-items:center;gap:16px}
.personal-h img{width:64px;height:auto;flex:none}
@media (max-width:860px){
  .a-float.f1{top:-24px;left:-6px;width:64px}
  .a-float.f2{bottom:-18px;right:-4px;width:52px}
  .a-faq-wrap{grid-template-columns:1fr;gap:10px}
  .a-faq-side{position:static}
  .a-faq-art{max-width:160px;margin:0 auto}
}

/* ---------- トップの「まずは、無料で診断」：ダッシュボードの画面風（参考：Campi の診断ダッシュボード） ---------- */
.a-tb{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -24px rgba(14,34,64,.28);overflow:hidden}
.a-tb-top{display:flex;align-items:center;gap:7px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fff}
.a-tb-top>i{width:11px;height:11px;border-radius:50%;background:#FF5F57}
.a-tb-top>i:nth-child(2){background:#FEBC2E}.a-tb-top>i:nth-child(3){background:#28C840}
.a-tb-url{margin-left:12px;display:inline-flex;align-items:center;gap:6px;background:#F1F4F8;border-radius:999px;padding:5px 16px;font-family:var(--mono);font-size:12.5px;color:var(--ink2);min-width:0;overflow:hidden;white-space:nowrap}
.a-tb-url svg{color:var(--warn);flex:none}
.a-tb-top em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:2px 10px;white-space:nowrap}
.a-tb-body{display:grid;grid-template-columns:250px minmax(0,1fr)}
.a-tb-side{border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;background:#fff}
.a-tb-brand{display:flex;align-items:center;gap:10px;padding:0 6px 16px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.a-tb-brand>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal))}
.a-tb-brand b{display:block;font-size:14px;line-height:1.3}
.a-tb-brand small{font-size:11px;color:var(--sub)}
.a-tb-side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--ink2);line-height:1.4}
.a-tb-side a svg{flex:none;color:var(--sub)}
.a-tb-side a:hover{background:var(--well);text-decoration:none;color:var(--ink)}
.a-tb-side a.on{background:var(--navy);color:#fff}
.a-tb-side a.on svg{color:#fff}
.a-tb-main{background:#F1F4F8;padding:22px 26px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.a-tb-en{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--teal2)}
.a-tb-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-8px}
.a-tb-h h3{margin:0;font-size:24px;display:flex;align-items:baseline;gap:12px}
.a-tb-h h3 small{font-size:13px;color:var(--sub);font-weight:700}
.a-tb-h>span{font-size:12px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px;white-space:nowrap}
.a-tb-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px}
.a-tb-hero{background:linear-gradient(120deg,var(--navy2),#1C4A7E);color:#fff;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px}
.a-tb-hero svg{width:150px;flex:none}
.a-tb-hero small{font-size:12px;font-weight:700;color:#FBBF77}
.a-tb-hero p{margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.75}
.a-tb-list{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 18px;display:flex;flex-direction:column;justify-content:center}
.a-tb-list div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed var(--line)}
.a-tb-list div:last-child{border-bottom:0}
.a-tb-list dt{font-size:12.5px;color:var(--sub)}
.a-tb-list dd{margin:0;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;text-align:right}
.a-tb-list s{text-decoration:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;color:#fff;font-family:var(--mono)}
.a-tb-list s.g-A{background:var(--ok)}.a-tb-list s.g-C{background:var(--warn)}
.a-tb-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.a-tb-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.a-tb-stats small{display:block;font-size:12px;color:var(--sub)}
.a-tb-stats b{font-size:24px;line-height:1.3}
.a-tb-stats b.ng{color:var(--ng)}
.a-tb-stats b i{font-style:normal;font-size:12px;color:var(--sub);margin-left:2px}
.a-tb-stats .bar{display:block;height:5px;border-radius:9px;background:#E8EDF3;margin-top:6px;overflow:hidden}
.a-tb-stats .bar span{display:block;height:100%;background:var(--teal)}
.a-tb-next{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(100deg,#FFF8EC,#FFFDF8);border:2px solid #F2A541;border-radius:16px;padding:14px 20px;color:var(--ink)}
.a-tb-next:hover{text-decoration:none;color:var(--ink);box-shadow:0 8px 20px -10px rgba(242,165,65,.6)}
.a-tb-next small{display:block;font-size:12px;font-weight:700;color:#B4610C}
.a-tb-next b{display:block;font-size:17px}
.a-tb-next span{font-size:12.5px;color:var(--sub)}
.a-tb-next em{font-style:normal;flex:none;background:var(--navy);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:10px 22px}
.a-tb-rest{margin:0;font-size:12.5px;color:var(--sub);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.a-tb-rest a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-weight:700;color:var(--ink);font-size:12.5px}
.a-tb-cta{margin-top:22px}
@media (max-width:900px){
  .a-tb-body{grid-template-columns:1fr}
  .a-tb-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px;gap:6px}
  .a-tb-brand{display:none}
  .a-tb-side a{white-space:nowrap;flex:none}
  .a-tb-row{grid-template-columns:1fr}
  .a-tb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .a-tb-main{padding:16px 14px}
  .a-tb-url{font-size:11px;padding:4px 10px;margin-left:6px}
  .a-tb-hero{flex-direction:column;align-items:flex-start}
  .a-tb-hero svg{width:130px;align-self:center}
  .a-tb-next{flex-direction:column;align-items:flex-start}
  .a-tb-h h3{font-size:20px}
}

/* ---------- サービス図鑑・会社図鑑の一覧：左に絞り込みのサイドバー（ユーザー指定） ---------- */
.lst{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}
.lst-side{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:4px;scrollbar-width:thin}
.lst-side .filters{margin:0;padding:18px;gap:18px;box-shadow:none}
.lst-side-h{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--line)}
.lst-side-h svg{color:var(--teal)}
.lst-side .flt{grid-template-columns:1fr;gap:8px}
.lst-side .flt-k{padding-top:0;font-size:12px;letter-spacing:.04em;color:var(--sub)}
.lst-side .flt-chips{gap:6px}
.lst-side .fchip{font-size:12.5px}
.lst-cta{display:flex;flex-direction:column;gap:2px;background:linear-gradient(120deg,var(--navy2),#1C4A7E);color:#fff;border-radius:var(--r-l);padding:16px 18px}
.lst-cta:hover{text-decoration:none;color:#fff;box-shadow:var(--shadow-l)}
.lst-cta small{font-size:11.5px;font-weight:700;color:#FBBF77}
.lst-cta b{font-size:16px}
.lst-cta span{font-size:12.5px;color:#C9D6E6;line-height:1.7}
.lst-cta em{font-style:normal;align-self:flex-start;margin-top:8px;background:#fff;color:var(--navy);font-weight:700;font-size:13px;border-radius:999px;padding:6px 16px}
.lst-other{font-size:13px;font-weight:700;padding:0 4px}
.lst-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.lst-bar{margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:10px 16px;font-size:13.5px}
.lst-bar b{font-size:20px;color:var(--navy);margin-right:2px}
.lst-bar .flt-reset{margin:0}
.lst-main .cards{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.lst-main .note-box,.lst-main .empty{margin:0}
@media (max-width:900px){
  .lst{grid-template-columns:1fr;gap:16px}
  .lst-side{position:static;max-height:none;overflow:visible}
  .lst-side .flt-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .lst-side .fchip{flex:none}
  .lst-cta,.lst-other{display:none}
  .lst-bar{position:sticky;top:64px;z-index:5}
}

/* ---------- サービスの詳細：本文＋右の固定サイドバー（ユーザー「情報量が少なすぎ」） ---------- */
.sv{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-top:40px;padding-bottom:72px}
.sv-main{min-width:0;display:flex;flex-direction:column;gap:56px}
.sv-warn{margin:0}
.sv-sec{scroll-margin-top:90px;min-width:0}
.sv-h{margin:0 0 18px;font-size:24px;line-height:1.4;display:flex;flex-direction:column;gap:2px;text-wrap:balance}
.sv-h small{font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--teal2)}
.sv-h3{margin:28px 0 12px;font-size:17px}
.sv-sub{margin:0 0 12px;font-size:13px;color:var(--sub)}
.sv-note{margin:10px 0 0;font-size:12.5px;color:var(--sub);line-height:1.8}
.sv-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.sv-2>div{min-width:0}
.sv-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sv-chips li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink2)}
.sv-chips li svg{color:var(--teal)}
.sv-chips li.w{background:#FFF7EA;border-color:#F5D9A8;color:#8A5600}
.sv-chips li.w svg{color:var(--warn)}
.sv-glance{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sv-glance div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.sv-glance dt{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sub)}
.sv-glance dt svg{color:var(--teal)}
.sv-glance dd{margin:4px 0 0;font-size:14.5px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}
.sv-pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sv-pos-c{background:linear-gradient(180deg,#fff,#F7FAFC);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.sv-pos-k{margin:0;font-size:12.5px;font-weight:700;color:var(--sub)}
.sv-pos-v{margin:2px 0 10px;font-size:14px;font-weight:700}
.sv-pos-v b{font-size:34px;line-height:1.1;color:var(--navy);margin-right:2px}
.sv-pos-v small{font-size:12.5px;color:var(--sub);margin-left:4px}
.sv-pos-s{margin:10px 0 0;font-size:12.5px;color:var(--ink2);line-height:1.6}
.sv-dots{position:relative;height:22px;border-radius:999px;background:#EEF2F7;margin:0 6px}
.sv-dots i,.sv-dots b{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#B8C4D2}
.sv-dots b{width:16px;height:16px;background:var(--teal);box-shadow:0 0 0 4px rgba(14,159,149,.2);z-index:1}
.sv-meter{height:10px;border-radius:999px;background:#EEF2F7;overflow:hidden;margin:6px 0}
.sv-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:999px}
.sv-feat{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sv-feat li{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:700;line-height:1.6}
.sv-feat svg{color:var(--teal);flex:none;margin-top:2px}
.sv-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sv-fit-b{border-radius:16px;padding:16px 20px;border:1px solid var(--line)}
.sv-fit-b.ok{background:#EEF9F6;border-color:#CBEBE3}
.sv-fit-b.ng{background:#FBF6F3;border-color:#F0DED4}
.sv-fit-b h3{margin:0 0 8px;font-size:15px;display:flex;align-items:center;gap:6px}
.sv-fit-b.ok h3 svg{color:var(--ok)}.sv-fit-b.ng h3 svg{color:var(--ng)}
.sv-fit-b ul{margin:0;padding-left:1.2em;font-size:14px;line-height:1.9}
.sv-fit-b p{margin:0;font-size:13.5px;color:var(--sub)}
.sv-voice{margin-top:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:12px;padding:18px 22px}
.sv-voice h3{margin:0 0 6px;font-size:15px}
.sv-voice p{margin:0;font-size:14.5px;line-height:1.95;color:var(--ink2)}
.sv-price-big{background:linear-gradient(120deg,var(--navy2),#1C4A7E);color:#fff;border-radius:16px;padding:18px 22px;margin-bottom:14px}
.sv-price-big small{font-size:12px;color:#B7C3D3;font-weight:700}
.sv-price-big b{display:block;font-size:30px;line-height:1.3}
.sv-price-big p{margin:6px 0 0;font-size:13px;color:#D3DDEA;line-height:1.8}
.sv .plan-tbl td.num b{color:var(--teal2)}
.sv-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sv-check label{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;cursor:pointer;line-height:1.7}
.sv-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--teal);flex:none}
.sv-check input:checked+span{color:var(--sub);text-decoration:line-through}
.sv .cmp th.me{background:var(--tint)}
.sv-alts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv-alt{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink)}
.sv-alt:hover{text-decoration:none;border-color:var(--teal);color:var(--ink)}
.sv-alt small{font-size:11.5px;font-weight:700;color:var(--teal2)}
.sv-alt-t{display:flex;align-items:center;gap:10px}
.sv-alt-t b{font-size:14px;line-height:1.4}
.sv-alt-m{font-size:12.5px;color:var(--sub);display:flex;gap:8px;align-items:center}
.sv-alt-m em{font-style:normal;font-weight:700;color:var(--navy);background:var(--well);border-radius:6px;padding:1px 8px}
.sv-guide{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px 24px}
.sv-guide>p{margin:0 0 12px;font-size:14.5px;line-height:1.95}
.sv-guide ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.sv-guide li{background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.75;display:flex;flex-direction:column}
.sv-guide li b{font-size:13.5px}
.sv-guide li span{color:var(--ink2)}
.sv-guide>a{font-weight:700;font-size:14px}
.sv-news{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sv-news a{display:flex;gap:12px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);flex-wrap:wrap}
.sv-news a:hover{text-decoration:none;background:var(--soft)}
.sv-news span{font-size:12.5px;color:var(--sub)}
.sv-news em{font-style:normal;font-size:11px;font-weight:700;background:var(--well);border-radius:999px;padding:1px 9px}
.sv-news b{font-size:14px;flex:1 1 300px}
.sv-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.sv-side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.sv-side-top{display:flex;align-items:center;gap:10px}
.sv-side-top>div{flex:1;min-width:0}
.sv-side-top b{display:block;font-size:14px;line-height:1.4}
.sv-side-top span{font-size:11.5px;color:var(--sub)}
.sv-side-card dl{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-side-card dl div{background:var(--well);border-radius:10px;padding:8px 10px}
.sv-side-card dt{font-size:11px;color:var(--sub)}
.sv-side-card dd{margin:0;font-size:13px;font-weight:700;line-height:1.4}
.sv-side-card .btn{width:100%;justify-content:center}
.sv-toc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 10px;display:flex;flex-direction:column}
.sv-toc p{margin:0 8px 6px;font-size:12px;font-weight:700;color:var(--sub)}
.sv-toc a{font-size:13px;color:var(--ink2);padding:6px 10px;border-radius:8px;line-height:1.4}
.sv-toc a:hover{background:var(--well);text-decoration:none}
@media (max-width:1000px){
  .sv{grid-template-columns:1fr;gap:0}
  .sv-side{display:none}
  .sv-glance{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .sv{padding-top:28px}
  .sv-main{gap:44px}
  .sv-pos,.sv-2,.sv-fit,.sv-feat,.sv-alts{grid-template-columns:1fr}
  .sv-h{font-size:21px}
}
.sv-1{display:grid;gap:22px}
.sv-1 .kv th{width:34%}
.sv-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sv-plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sv-plan-n{margin:0;font-size:14.5px;font-weight:700;line-height:1.5}
.sv-plan-m{margin:0;font-size:12.5px;color:var(--sub);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px}
.sv-plan-m b{font-size:26px;color:var(--teal2);line-height:1.2}
.sv-plan-m span{flex-basis:100%;font-size:12px;color:var(--ink2)}
.sv-plan-p{margin:0;font-size:13px;color:var(--ink2);line-height:1.7;background:var(--well);border-radius:8px;padding:6px 10px}
.sv-plan-i{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.7;display:flex;gap:6px}
.sv-plan-i svg{color:var(--teal);flex:none;margin-top:4px}
@media (max-width:700px){.sv-plans{grid-template-columns:1fr}}

/* ---------- サービス詳細：初心者向け（ひとことで・そもそも・ヒント・言葉）とアイコンつきの見出し ---------- */
.sv-h{flex-direction:row;align-items:center;gap:14px}
.sv-h>span:last-child{display:flex;flex-direction:column;gap:2px}
.sv-h-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 8px 18px -8px rgba(36,87,245,.55)}
.sv-hint{margin:-6px 0 16px;display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.8;color:var(--ink2);background:#F2F7FF;border:1px solid #DCE7FB;border-radius:12px;padding:10px 14px}
.sv-hint svg{color:var(--blue);flex:none;margin-top:4px}
.sv-easy{position:relative;overflow:hidden;border-radius:22px;padding:22px;background:linear-gradient(135deg,#EEF4FF 0%,#EAF8F5 100%);border:1px solid #DCE7F3}
.sv-easy::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(14,159,149,.18),transparent 70%);pointer-events:none}
.sv-easy-k{margin:0 0 14px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:5px 14px}
.sv-easy-g{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sv-easy-g>div{background:rgba(255,255,255,.9);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0;box-shadow:0 6px 18px -12px rgba(14,34,64,.35)}
.sv-easy-g .i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;color:#fff}
.sv-easy-g .c1{background:linear-gradient(135deg,#3B6CF6,#2457F5)}
.sv-easy-g .c2{background:linear-gradient(135deg,#19B5A9,#0B7F77)}
.sv-easy-g .c3{background:linear-gradient(135deg,#F5B342,#E08A12)}
.sv-easy-g .c4{background:linear-gradient(135deg,#F07A5F,#D2452C)}
.sv-easy-g small{font-size:12px;font-weight:700;color:var(--sub)}
.sv-easy-g b{font-size:17px;line-height:1.4}
.sv-easy-g p{margin:0;font-size:13px;line-height:1.75;color:var(--ink2)}
.sv-easy-g p b{font-size:inherit;color:var(--ng)}
.sv-easy-g ul{margin:0;padding:0;list-style:none;font-size:13px;line-height:1.7;display:grid;gap:3px}
.sv-easy-g li::before{content:"✓ ";color:var(--teal);font-weight:700}
.sv-what{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px}
.sv-what-art{border-radius:18px;background:radial-gradient(circle at 50% 45%,#E8F0FF,#F5F8FC 70%);display:grid;place-items:center;padding:12px}
.sv-what-art img{width:100%;height:auto}
.sv-what-b{min-width:0}
.sv-what-l{margin:0;font-size:16.5px;font-weight:700;line-height:1.8}
.sv-what-like{margin:10px 0 14px;display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--teal2);font-weight:700;line-height:1.7}
.sv-what-like svg{flex:none;margin-top:3px}
.sv-what-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sv-what-2>div{border-radius:14px;padding:12px 14px}
.sv-what-2 .ok{background:#EEF9F6}.sv-what-2 .ng{background:#FBF4F1}
.sv-what-2 b{display:block;font-size:13px;margin-bottom:4px}
.sv-what-2 ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px;line-height:1.65}
.sv-what-2 li{display:flex;gap:6px;align-items:flex-start}
.sv-what-2 li svg{flex:none;margin-top:3px}
.sv-what-2 .ok svg{color:var(--ok)}.sv-what-2 .ng svg{color:var(--ng)}
.yn{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 12px}
.yn.y{background:#E3F5EE;color:var(--ok)}
.yn.n{background:#F1F4F8;color:var(--faint)}
.sv-words{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sv-words div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;border-top:3px solid var(--teal)}
.sv-words dt{font-size:14.5px;font-weight:700}
.sv-words dd{margin:2px 0 0;font-size:13px;line-height:1.75;color:var(--ink2)}
.sv-glance div{transition:transform .12s}
.sv-glance dt svg{width:22px;height:22px;padding:4px;border-radius:7px;background:var(--tint);box-sizing:border-box}
@media (max-width:1000px){.sv-easy-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .sv-what{grid-template-columns:1fr;padding:18px}
  .sv-what-art{max-width:200px;margin:0 auto}
  .sv-what-2,.sv-words{grid-template-columns:1fr}
  .sv-h-ic{width:38px;height:38px;border-radius:12px}
  .sv-easy{padding:16px}
}
@media (max-width:700px){
  .sv-what-art{width:100%;max-width:220px;justify-self:center;box-sizing:border-box}
  .sv-easy-g{grid-template-columns:1fr}
  .sv-easy-g>div{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:start}
  .sv-easy-g>div>.i{grid-row:span 3;margin:0}
}

/* ---------- サービス詳細：章立て・読みやすさ（ユーザー「もっと見やすく」） ---------- */
.sv-main{gap:48px}
.sv-chap{display:flex;align-items:center;gap:16px;margin:24px 0 -8px;padding:18px 22px;border-radius:18px;background:var(--navy);color:#fff;scroll-margin-top:90px;position:relative;overflow:hidden}
.sv-chap::after{content:"";position:absolute;right:-40px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.35),transparent 70%)}
.sv-main>.sv-chap:first-child{margin-top:0}
.sv-chap>span{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;background:linear-gradient(135deg,#3B6CF6,#19B5A9)}
.sv-chap b{display:block;font-size:21px;line-height:1.35}
.sv-chap small{font-size:13px;color:#B7C3D3}
.sv-h{font-size:22px}
.sv-glance{grid-template-columns:repeat(3,minmax(0,1fr))}
.sv-glance dd{font-size:15px}
.sv-fit-b ul{font-size:15px;line-height:1.85;display:grid;gap:4px}
.sv-fit-b h3{font-size:16px}
.sv-voice{padding:20px 24px}
.sv-voice h3{display:flex;align-items:center;gap:8px;color:var(--navy)}
.sv-voice-lead{margin:4px 0 10px!important;font-size:16px!important;font-weight:700;color:var(--ink)!important;line-height:1.8!important}
.sv-voice ul,.sv-dots-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.sv-voice li,.sv-dots-list li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.85;color:var(--ink2)}
.sv-voice li::before,.sv-dots-list li::before{content:"";position:absolute;left:2px;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
.sv-what-2 ul,.sv-easy-g p,.sv-easy-g ul{font-size:14px}
.sv-hint{font-size:14px}
.sv-plan-i,.sv-plan-p{font-size:13.5px}
.sv .deep-box p,.sv .proof li{font-size:14.5px}
.sv-toc a.sv-toc-c{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);margin-top:6px}
.sv-toc a.sv-toc-c span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--navy);color:#fff;flex:none}
.sv-toc a:not(.sv-toc-c){padding-left:38px;font-size:12.5px}
.sv-toc a.on{background:var(--tint);color:var(--teal2);font-weight:700}
.sv-toc{max-height:calc(100vh - 360px);overflow-y:auto;scrollbar-width:thin}
@media (max-width:700px){
  .sv-chap{padding:14px 16px;gap:12px}
  .sv-chap>span{width:38px;height:38px;font-size:18px}
  .sv-chap b{font-size:18px}
  .sv-glance{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.lp-btns .btn svg{margin-right:6px;vertical-align:-3px}
.lp-vendor a{color:var(--ink2);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.sv-side-co{margin-top:10px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:var(--ink);font-size:13px;font-weight:700;line-height:1.4}
.sv-side-co:hover{text-decoration:none;border-color:var(--teal);color:var(--ink)}
.sv-side-co>span:not(.logo-b){flex:1;min-width:0}
.sv-side-co .logo-b{flex:none}
.sv-side-co small{display:block;font-size:11px;font-weight:400;color:var(--sub)}
.sv-side-co em{font-style:normal;color:var(--teal2)}

/* ---------- サービス詳細：文字を減らす（ユーザー「文字がごちゃごちゃ」） ---------- */
.sv-more{margin-top:8px}
.sv-more summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--teal2);list-style:none;padding:4px 0}
.sv-more summary::-webkit-details-marker{display:none}
.sv-more summary::after{content:"＋";font-size:12px}
.sv-more[open] summary::after{content:"−"}
.sv-more>ul,.sv-more>dl{margin-top:8px}
.sv-more.inv summary{color:#9FE3DA}
.sv-more.inv p{margin:6px 0 0;font-size:13px;color:#D3DDEA;line-height:1.8}
.sv-plan-p.sm{background:none;padding:0;font-size:12px;color:var(--faint)}
.sv-chap{padding:14px 20px}
.sv-chap b{font-size:20px}
.sv-easy-g>div{padding:16px 16px 18px}
.sv-easy-g b{font-size:18px}
.sv-easy-g p{color:var(--sub)}
.sv-main{gap:56px}
.sv-hint{padding:8px 12px;font-size:13.5px}
.sv-glance div{padding:12px 14px}
.sv-what-l{font-size:16px;margin-bottom:14px}

/* ---------- サービス詳細：「入れると守れること」を主役に（見出し部のすぐ下・全幅） ---------- */
.pr-band{position:relative;overflow:hidden;padding:56px 0 60px;background:linear-gradient(180deg,#F3F7FF 0%,#EEF8F6 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:70px}
.pr-band::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 10% 30%,rgba(36,87,245,.10),transparent 70%),radial-gradient(35% 55% at 90% 70%,rgba(14,159,149,.12),transparent 70%);pointer-events:none}
.pr-band .wrap{position:relative}
.pr-head{text-align:center;max-width:760px;margin:0 auto 32px}
.pr-en{margin:0 0 6px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--teal2)}
.pr-head h2{margin:0;font-size:32px;line-height:1.45;font-weight:900;text-wrap:balance;word-break:keep-all}
.pr-head h2 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-lead{margin:12px auto 0;font-size:15.5px;line-height:1.9;color:var(--ink2)}
.pr-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center}
.pr-art{text-align:center}
.pr-art img{width:100%;max-width:240px;height:auto;filter:drop-shadow(0 18px 30px rgba(36,87,245,.18))}
.pr-art p{margin:8px 0 0;display:inline-flex;gap:6px;align-items:flex-start;text-align:left;font-size:13.5px;font-weight:700;color:var(--teal2);line-height:1.7;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--shadow)}
.pr-art p svg{flex:none;margin-top:3px}
.pr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pr-card{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #E1E8F2;border-radius:18px;padding:18px 44px 18px 18px;box-shadow:0 10px 26px -18px rgba(14,34,64,.4);min-width:0}
.pr-card.plus{border-color:#BFE7DF;background:linear-gradient(180deg,#fff,#F3FBF9)}
.pr-ic{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 16px -8px rgba(14,34,64,.5)}
.pr-ic.c1{background:linear-gradient(135deg,#4C7DFF,#2457F5)}
.pr-ic.c2{background:linear-gradient(135deg,#7C6CFF,#5442E0)}
.pr-ic.c3{background:linear-gradient(135deg,#22C3B5,#0B7F77)}
.pr-ic.c4{background:linear-gradient(135deg,#F6B445,#E08A12)}
.pr-card>div{min-width:0}
.pr-card b{display:block;font-size:16px;line-height:1.5}
.pr-card p{margin:4px 0 0;font-size:13.5px;line-height:1.75;color:var(--sub)}
.pr-tag{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:1px 9px;margin-bottom:4px}
.pr-ok{position:absolute;right:14px;top:16px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#E3F5EE;color:var(--ok)}
.pr-no{margin-top:22px;background:rgba(255,255,255,.7);border:1px dashed #D7DEE8;border-radius:18px;padding:16px 20px}
.pr-no-h{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--ink2)}
.pr-no-h svg{color:var(--warn)}
.pr-no ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:8px}
.pr-no li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:12px;padding:10px 12px}
.pr-no .x{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;background:#F4E7E3;color:var(--ng);font-weight:700;font-size:13px}
.pr-no b{display:block;font-size:13.5px;line-height:1.6}
.pr-no small{display:block;font-size:12px;color:var(--sub);line-height:1.6}
.lp-btns .btn-line svg{color:var(--teal)}
@media (max-width:900px){
  .pr-body{grid-template-columns:1fr}
  .pr-art img{max-width:170px}
}
@media (max-width:700px){
  .pr-band{padding:40px 0 44px}
  .pr-head h2{font-size:24px}
  .pr-grid{grid-template-columns:1fr}
  .pr-card{padding:16px 40px 16px 16px}
}
.sv-easy-g{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.sv-easy-g{grid-template-columns:1fr}}

/* 守れることの帯は紺にして、見出し部（淡いグラデーション）と分ける */
.pr-band{background:linear-gradient(160deg,#0B1B36 0%,#0E2A4F 55%,#0B3B47 100%);border:0;color:#fff;margin-top:8px}
.pr-band::before{background:radial-gradient(40% 60% at 8% 30%,rgba(76,125,255,.28),transparent 70%),radial-gradient(35% 55% at 92% 75%,rgba(34,195,181,.25),transparent 70%)}
.pr-en{color:#5EE2D3}
.pr-head h2{color:#fff}
.pr-head h2 em{background:linear-gradient(90deg,#7FA6FF,#5EE2D3);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-lead{color:#C4D0E0}
.pr-art img{filter:drop-shadow(0 20px 40px rgba(76,125,255,.45))}
.pr-art p{background:rgba(255,255,255,.08);color:#9FE3DA;box-shadow:none;border:1px solid rgba(255,255,255,.14)}
.pr-card{border:0;box-shadow:0 16px 34px -18px rgba(0,0,0,.6)}
.pr-card.plus{background:#fff;box-shadow:0 0 0 2px #5EE2D3,0 16px 34px -18px rgba(0,0,0,.6)}
.pr-no{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.pr-no-h{color:#E6ECF4}
.pr-no-h svg{color:#F6B445}
.pr-no li{background:rgba(255,255,255,.08)}
.pr-no b{color:#fff}
.pr-no small{color:#A9B7C9}
.pr-no .x{background:rgba(240,122,95,.2);color:#FF9C85}
.pr-card{color:var(--ink)}

/* ---------- 見出し部 → 守れること → 章 を1つの作りに（ユーザー「デザインが繋がってない」）
   淡い背景の上に白い角丸パネル、英字のラベル、青→ティールのグラデーションで統一。守れることは見出し部に重ねる ---------- */
.single-service .lp-hero{padding-bottom:96px}
.pr-band{background:none;padding:0;margin:-64px 0 0;color:var(--ink);border:0;overflow:visible;position:relative;z-index:2}
.pr-band::before{display:none}
.pr-panel{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 60px -30px rgba(14,34,64,.28);padding:40px 44px 36px;position:relative;overflow:hidden}
.pr-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--teal))}
.pr-en{color:var(--teal2)}
.pr-head h2{color:var(--ink)}
.pr-head h2 em{background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-lead{color:var(--ink2)}
.pr-art img{filter:drop-shadow(0 18px 30px rgba(36,87,245,.2))}
.pr-art p{background:var(--tint);color:var(--teal2);border:0}
.pr-card,.pr-card.plus{background:#F6F9FC;border:1px solid #E6ECF3;box-shadow:none;color:var(--ink)}
.pr-card.plus{background:#F1FAF8;border-color:#BFE7DF}
.pr-no{background:#FBFCFD;border:1px dashed #D7DEE8}
.pr-no-h{color:var(--ink2)}
.pr-no-h svg{color:var(--warn)}
.pr-no li{background:#fff;border:1px solid #EEF1F5}
.pr-no b{color:var(--ink)}
.pr-no small{color:var(--sub)}
.pr-no .x{background:#F9E6E1;color:var(--ng)}
.sv{padding-top:56px}
/* 章の見出し：紺の帯 → 数字＋ラベル＋大見出し＋グラデーションの線 */
.sv-chap{background:none;color:var(--ink);padding:0;margin:28px 0 -14px;border-radius:0;overflow:visible;display:flex;align-items:center;gap:16px}
.sv-chap::after{display:none}
.sv-chap>span{width:auto;height:auto;border-radius:0;background:linear-gradient(135deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:44px;font-weight:700;line-height:1;letter-spacing:-.02em}
.sv-chap small{display:block;font-family:var(--mono);font-size:11.5px;font-weight:700;letter-spacing:.12em;color:var(--teal2);margin-bottom:2px}
.sv-chap b{font-size:26px;line-height:1.3;font-weight:900}
.sv-chap>i{flex:1;height:2px;align-self:center;margin-top:18px;background:linear-gradient(90deg,var(--line2),transparent)}
.sv-easy{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.sv-easy::after{display:none}
.sv-easy-g>div{background:#F6F9FC;box-shadow:none;border:1px solid #E6ECF3}
@media (max-width:700px){
  .single-service .lp-hero{padding-bottom:72px}
  .pr-band{margin-top:-48px}
  .pr-panel{padding:28px 18px 22px;border-radius:22px}
  .sv-chap>span{font-size:34px}
  .sv-chap b{font-size:21px}
  .sv-chap>i{display:none}
}

/* ---------- シーン（目的から選ぶ絞り込み） ---------- */
.flt-scene{background:linear-gradient(135deg,#F2F6FF,#EEF9F6);border-radius:14px;padding:12px;margin:-4px -6px 0}
.flt-scene .flt-k{color:var(--teal2);font-weight:700}
.flt-scene .fchip{display:inline-flex;align-items:center;gap:5px;background:#fff;border-color:#DCE6F2}
.flt-scene .fchip svg{color:var(--teal);flex:none}
.flt-scene .fchip[aria-pressed=true] svg{color:#fff}
.lst-side .flt-scene .flt-chips{flex-direction:column;align-items:stretch}
.lst-side .flt-scene .fchip{justify-content:flex-start;text-align:left}
.lst-side .flt-scene .fchip .num{margin-left:auto}
.pr-scene{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pr-scene p{margin:0 4px 0 0;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink2)}
.pr-scene p svg{color:var(--teal)}
.pr-scene a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);background:var(--tint);border-radius:999px;padding:6px 14px}
.pr-scene a svg{color:var(--teal2)}
.pr-scene a:hover{text-decoration:none;background:#D6F1EC}
@media (max-width:900px){.lst-side .flt-scene .flt-chips{flex-direction:row;flex-wrap:nowrap}}
.flt-scene .fchip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}

/* ---------- 会社の詳細（サービスの詳細と同じ作り） ---------- */
.single-company .lp-hero{padding-bottom:96px}
.co-doms{margin:14px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.co-doms span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;background:var(--tint);color:var(--teal2);border-radius:999px;padding:5px 14px}
.co-svcs{grid-template-columns:repeat(3,minmax(0,1fr))}
.co-svcs .pr-card{padding-right:18px;flex-direction:column;gap:12px}
.co-svcs .pr-card p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.co-svc-go{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700}
.pr-scene a .logo-b{--s:18px}
.co-kv{margin:0;display:grid;gap:0}
.co-kv div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
.co-kv div:last-child{border-bottom:0}
.co-kv dt{font-size:13px;color:var(--sub);flex:none}
.co-kv dd{margin:0;font-size:13.5px;font-weight:700;text-align:right}
.co-certs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-certs li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.co-certs li .yn{grid-row:span 2}
.co-certs b{font-size:14px;line-height:1.5}
.co-certs small{font-size:12.5px;color:var(--sub);line-height:1.6}
.co-certs li.off{background:#FBFCFD}
.co-dom{grid-template-columns:repeat(4,minmax(0,1fr))}
.co-peers{grid-template-columns:repeat(2,minmax(0,1fr))}
#public .kv th{width:30%}
@media (max-width:900px){.co-svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  .single-company .lp-hero{padding-bottom:72px}
  .co-svcs,.co-certs,.co-peers{grid-template-columns:1fr}
  .co-dom{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.co-svcs .pr-card>div{display:flex;flex-direction:column;flex:1;width:100%}
.co-svc-links{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.co-svc-main{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line2);border-radius:999px;padding:6px 14px}
.co-svc-main.on{background:var(--navy);border-color:var(--navy);color:#fff}
.co-svc-main:hover{text-decoration:none;border-color:var(--teal)}
.co-svc-main.on:hover{color:#fff;background:#13305A}
.co-svc-links .co-svc-go{margin:0;font-size:12px;color:var(--sub)}
.co-svcs .pr-tag{align-self:flex-start}

/* ---------- ニュースの1本（サービス・会社の詳細と同じ作り） ---------- */
.nw-a-hero{position:relative;overflow:hidden;padding:44px 0 100px;background:linear-gradient(180deg,#F5FAFC,#fff)}
.nw-a-hero::before{content:"";position:absolute;inset:-30% -10% 0 20%;background:var(--glow);filter:blur(16px);pointer-events:none}
.nw-a-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}
.nw-a-hero h1{margin:10px 0 16px;font-size:34px;line-height:1.45;font-weight:900;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}
.nw-a-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nw-a-facts li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.nw-a-facts li svg{color:var(--teal)}
.nw-a-facts b{font-size:15px;color:var(--navy)}
.nw-a-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 22px;box-shadow:var(--shadow-l);transform:rotate(1deg)}
.nw-a-art{border-radius:16px;background:radial-gradient(circle at 50% 45%,var(--tone-bg,#E8F0FF),#F7FAFC 75%);display:grid;place-items:center;padding:8px;margin-bottom:12px}
.nw-a-art img{width:150px;height:auto;filter:drop-shadow(0 14px 22px rgba(14,34,64,.18))}
.nw-a-card-k{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--sub)}
.nw-a-card ol{margin:0;padding:0;list-style:none;counter-reset:a;display:grid;gap:4px}
.nw-a-card li{counter-increment:a;display:flex;gap:8px;font-size:13.5px;line-height:1.55}
.nw-a-card li::before{content:counter(a);flex:none;width:20px;height:20px;border-radius:50%;background:var(--tone,var(--navy));color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;margin-top:1px}
.nw-a-card a{color:var(--ink)}
.nw-a-sum{margin-top:-64px}
.nw-a-sum-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}
.nw-a-sum-in.one{grid-template-columns:1fr}
.nw-a-sum h2{margin:2px 0 10px;font-size:22px}
.nw-a-answer>p:last-child{margin:0;font-size:16px;line-height:1.95;color:var(--ink)}
.nw-a-todo .sv-check label{background:#F6F9FC}
.nw-a-body{padding-top:48px}
.nw-prose{font-size:16px;line-height:2}
.nw-prose>p:first-child{font-size:17px;font-weight:500}
.nw-prose h2{display:flex;align-items:center;gap:12px;border:0;padding:0;margin:2.2em 0 .7em;font-size:23px;line-height:1.45;scroll-margin-top:90px}
.nw-prose h2 .num{flex:none;font-size:15px;font-weight:700;color:#fff;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 8px 16px -8px rgba(36,87,245,.5)}
.nw-prose ul{list-style:none;padding:0;display:grid;gap:8px}
.nw-prose ul li{position:relative;padding:10px 14px 10px 38px;background:#F6F9FC;border-radius:12px;line-height:1.8}
.nw-prose ul li::before{content:"";position:absolute;left:14px;top:1.15em;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(14,159,149,.15)}
.nw-prose ol{padding-left:0;list-style:none;counter-reset:o;display:grid;gap:8px}
.nw-prose ol li{counter-increment:o;position:relative;padding:10px 14px 10px 46px;background:#F6F9FC;border-radius:12px;line-height:1.8}
.nw-prose ol li::before{content:counter(o);position:absolute;left:12px;top:.75em;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.nw-prose table{border:0;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--line);font-size:14.5px}
.nw-prose th{background:var(--navy);color:#fff;border:0;text-align:left;padding:10px 14px}
.nw-prose td{border:0;border-top:1px solid var(--line);padding:10px 14px}
.nw-prose tr:nth-child(even) td{background:#FAFBFD}
.nw-a-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nw-a-links a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--ink)}
.nw-a-links a:hover{text-decoration:none;border-color:var(--teal);color:var(--ink)}
.nw-a-links span.ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.nw-a-links small{display:block;font-size:11.5px;color:var(--sub)}
.nw-a-links b{font-size:14px;line-height:1.45}
.nw-a-links em{margin-left:auto;font-style:normal;color:var(--teal2)}
.nw-a-next{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#FFF6F2,#FFFDFB);border:1px solid #F3D7CC;border-radius:18px;padding:18px 22px}
.nw-a-next .ic{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F07A5F,#D2452C)}
.nw-a-next b{font-size:16px}
.nw-a-next p{margin:2px 0 0;font-size:13.5px;color:var(--ink2);line-height:1.7}
.nw-a-next .btn{margin-left:auto;flex:none}
.nw-a-src{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nw-a-src li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.nw-a-src .num{flex:none;width:24px;height:24px;border-radius:7px;background:var(--well);display:grid;place-items:center;font-size:12px;font-weight:700}
.nw-a-src a{font-size:14px;font-weight:700;line-height:1.6}
.nw-a-src small{display:block;font-size:12px;color:var(--faint)}
.nw-a .sv-toc a{display:flex;gap:8px;padding-left:10px}
.nw-a .sv-toc a .num{flex:none;font-size:11px;font-weight:700;color:var(--teal2);margin-top:1px}
.nw-a .sv-toc{max-height:calc(100vh - 300px)}
.nw-a.nw-alert{--tone:var(--alert);--tone-bg:#FDEDE8}
.nw-a.nw-warn{--tone:var(--warn);--tone-bg:#FFF2DC}
.nw-a.nw-blue{--tone:var(--blue);--tone-bg:#E6EEFF}
.nw-a.nw-teal{--tone:var(--teal2);--tone-bg:var(--tint)}
.nw-a.nw-navy{--tone:var(--navy);--tone-bg:#E9EEF6}
@media (max-width:900px){
  .nw-a-hero-in{grid-template-columns:1fr}
  .nw-a-card{transform:none}
  .nw-a-sum-in{grid-template-columns:1fr}
}
@media (max-width:700px){
  .nw-a-hero{padding:28px 0 76px}
  .nw-a-hero h1{font-size:25px}
  .nw-a-sum{margin-top:-48px}
  .nw-prose h2{font-size:20px}
  .nw-prose h2 .num{width:34px;height:34px;font-size:13px}
  .nw-a-links{grid-template-columns:1fr}
  .nw-a-next{flex-direction:column;align-items:flex-start}
  .nw-a-next .btn{margin-left:0}
}

/* ---------- 被害にあったら（サービス・会社の詳細と同じ作り。急ぐ人向けに大きく・はっきり） ---------- */
.hg-hero{position:relative;overflow:hidden;padding:44px 0 48px;background:linear-gradient(180deg,#FFF6F3,#fff 70%)}
.hg-hero::before{content:"";position:absolute;inset:-30% -10% 0 30%;background:radial-gradient(40% 50% at 70% 30%,rgba(240,122,95,.14),transparent 70%),radial-gradient(35% 45% at 90% 70%,rgba(14,159,149,.10),transparent 70%);pointer-events:none}
.hg-hero .wrap{position:relative}
.hg-kick{margin:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--alert)}
.hg-hero h1{margin:8px 0 10px;font-size:38px;line-height:1.35;font-weight:900}
.hg-hero h1 em{font-style:normal;background:linear-gradient(90deg,#E0533A,#F08A3C);-webkit-background-clip:text;background-clip:text;color:transparent}
.hg-lead{margin:0 0 22px;font-size:15.5px;color:var(--ink2)}
.hg-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hg-pick-g{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow)}
.hg-pick-g>p{margin:0 0 10px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--sub)}
.hg-pick-g ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hg-pick-g a{display:flex;align-items:center;gap:12px;background:#F7F9FC;border:1px solid #E6ECF3;border-radius:14px;padding:10px 14px;color:var(--ink)}
.hg-pick-g a:hover{text-decoration:none;border-color:var(--alert);background:#fff;color:var(--ink)}
.hg-pick-g b{font-size:14.5px;line-height:1.5}
.hg-pick-g em{margin-left:auto;font-style:normal;color:var(--alert);font-weight:700}
.hg-pick span.ic,.hg-case span.ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff}
.ic.c1{background:linear-gradient(135deg,#4C7DFF,#2457F5)}.ic.c2{background:linear-gradient(135deg,#7C6CFF,#5442E0)}
.ic.c3{background:linear-gradient(135deg,#22C3B5,#0B7F77)}.ic.c4{background:linear-gradient(135deg,#F6B445,#E08A12)}
.hg-urgent{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;background:#fff;border:2px solid #F3C2B5;border-radius:18px;padding:12px 18px}
.hg-urgent>p{margin:0;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--alert);flex:1 1 260px}
.hg-urgent>div{display:flex;align-items:baseline;gap:8px}
.hg-urgent span{font-size:12.5px;color:var(--sub)}
.hg-tel{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.02em}
.hg-tel:hover{text-decoration:none;color:var(--alert)}
.hg-body{padding-top:40px}
.hg-case{scroll-margin-top:90px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 40px -30px rgba(14,34,64,.3);display:flex;flex-direction:column;gap:14px}
.hg-case>header{display:flex;align-items:center;gap:14px}
.hg-case>header small{font-size:12px;font-weight:700;color:var(--sub)}
.hg-case>header h2{margin:0;font-size:21px;line-height:1.45}
.hg-k{margin:0 0 8px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.hg-now{background:linear-gradient(120deg,#FFF5F1,#FFFBF9);border:1px solid #F6D5CA;border-radius:16px;padding:14px 16px}
.hg-now .hg-k{color:var(--alert)}
.hg-then{background:#F6F9FC;border-radius:16px;padding:14px 16px}
.hg-then .hg-k{color:var(--ink2)}
.hg-steps{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:s}
.hg-steps[start="4"]{counter-reset:s 3}
.hg-steps li{counter-increment:s;position:relative;padding-left:38px;font-size:14.5px;line-height:1.8}
.hg-steps li::before{content:counter(s);position:absolute;left:0;top:.1em;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center}
.hg-steps.big li{font-size:15.5px;font-weight:700}
.hg-now .hg-steps li::before{background:linear-gradient(135deg,#F07A5F,#D2452C)}
.hg-dont{border:1px dashed #E7B7A9;border-radius:16px;padding:12px 16px}
.hg-dont .hg-k{color:var(--ng)}
.hg-dont ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.hg-dont li{position:relative;padding-left:28px;font-size:14px;line-height:1.75}
.hg-dont li::before{content:"×";position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:#F9E1DA;color:var(--ng);font-size:12px;font-weight:700;display:grid;place-items:center}
.hg-foot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.hg-k2{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--sub)}
.hg-wins{display:flex;flex-wrap:wrap;gap:6px}
.hg-wins a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);background:#F1F4F8;border-radius:999px;padding:5px 12px}
.hg-wins a .num{color:var(--alert)}
.hg-wins a:hover{text-decoration:none;background:#E6ECF3}
.hg-svc{display:block;font-size:13.5px;font-weight:700;background:var(--tint);color:var(--teal2);border-radius:12px;padding:9px 12px;line-height:1.6}
.hg-svc:hover{text-decoration:none;background:#D6F1EC}
.hg-news{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px}
.hg-news a{display:flex;gap:10px;font-size:13.5px;color:var(--ink);line-height:1.6}
.hg-news a .num{flex:none;font-size:12px;color:var(--sub)}
.hg-wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hg-w{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.hg-w span.ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.hg-w b{font-size:14.5px}
.hg-w p{margin:2px 0 6px;font-size:13px;color:var(--sub);line-height:1.7}
.hg-w-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hg-w-act .hg-tel{font-size:17px}
.hg-w-act a:not(.hg-tel){font-size:12.5px;font-weight:700}
.hg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.hg-side-tel{background:linear-gradient(160deg,#2A1410,#4A1E14);color:#fff;border-radius:18px;padding:16px 18px;display:grid;gap:8px}
.hg-side-tel>p{margin:0 0 4px;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#FFB59F}
.hg-side-tel>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}
.hg-side-tel span{font-size:12px;color:#E8C9BF}
.hg-side-tel .hg-tel{color:#fff;font-size:18px}
@media (max-width:900px){.hg-pick{grid-template-columns:1fr}}
@media (max-width:700px){
  .hg-hero h1{font-size:28px}
  .hg-case{padding:18px}
  .hg-foot,.hg-wgrid,.hg-cards{grid-template-columns:1fr}
  .hg-urgent>div{flex:1 1 40%}
}

/* ---------- 用語集（page-yougo.php。ファクタリング図鑑の用語集と同じ形） ---------- */
.yg-hero{padding:8px 0 30px;background:radial-gradient(45% 70% at 0 0,rgba(36,87,245,.10),transparent 70%),radial-gradient(40% 60% at 100% 10%,rgba(14,159,149,.10),transparent 70%)}
.yg-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:26px 0}
.yg-head h1{margin:0;font-size:clamp(32px,4.4vw,50px);font-weight:900;line-height:1.3;color:var(--ink)}
.yg-head h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.yg-head>p{margin:0;font-size:15.5px;line-height:2;color:var(--sub)}
.yg-tools{display:flex;flex-direction:column;gap:12px}
.yg-tools input{font:inherit;font-size:15px;padding:13px 20px;border:1px solid var(--line2);border-radius:999px;max-width:520px;background:#fff;box-shadow:var(--shadow)}
.yg-cats{display:flex;flex-wrap:wrap;gap:8px}
.yg-cats button{font:inherit;font-size:13px;font-weight:700;padding:8px 15px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer}
.yg-cats button small{margin-left:6px;font-family:var(--mono);color:var(--faint);font-weight:500}
.yg-cats button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.yg-cats button[aria-pressed=true] small{color:rgba(255,255,255,.7)}
.yg-body{padding:34px 0 72px}
.yg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.yg-card{border:1px solid var(--line);border-radius:18px;background:#fff;transition:box-shadow .15s,border-color .15s;scroll-margin-top:120px;min-width:0}
.yg-card:hover{box-shadow:var(--shadow);border-color:var(--line2)}
.yg-card[open]{box-shadow:var(--shadow-l);border-color:var(--teal)}
.yg-card summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:18px 18px 14px}
.yg-card summary::-webkit-details-marker{display:none}
.yg-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;margin-bottom:10px;background:linear-gradient(135deg,#4C7DFF,#2457F5);box-shadow:0 8px 16px -8px rgba(36,87,245,.5)}
.yg-card[data-cat=attack] .yg-ic{background:linear-gradient(135deg,#F07A5F,#D2452C);box-shadow:0 8px 16px -8px rgba(210,69,44,.5)}
.yg-card[data-cat=auth] .yg-ic{background:linear-gradient(135deg,#7C6CFF,#5442E0);box-shadow:0 8px 16px -8px rgba(84,66,224,.5)}
.yg-card[data-cat=service] .yg-ic{background:linear-gradient(135deg,#22C3B5,#0B7F77);box-shadow:0 8px 16px -8px rgba(11,127,119,.5)}
.yg-card[data-cat=rule] .yg-ic{background:linear-gradient(135deg,#5B6B82,#22344A);box-shadow:0 8px 16px -8px rgba(34,52,74,.5)}
.yg-card[data-cat=incident] .yg-ic{background:linear-gradient(135deg,#F6B445,#E08A12);box-shadow:0 8px 16px -8px rgba(224,138,18,.5)}
.yg-yomi{font-size:12px;font-weight:700;color:var(--sub);letter-spacing:.02em}
.yg-term{font-size:18px;font-weight:900;line-height:1.4;color:var(--ink)}
.yg-short{font-size:13.5px;line-height:1.8;color:var(--ink2)}
.yg-more{margin-top:6px;font-size:12px;font-weight:700;color:var(--teal2)}
.yg-card[open] .yg-more{display:none}
.yg-open{border-top:1px dashed var(--line2);margin:0 18px;padding:12px 0 16px}
.yg-also{margin:0 0 6px;font-size:12.5px;color:var(--sub)}
.yg-ex{margin:0;font-size:13.5px;line-height:1.85;background:#F6F9FC;border-radius:12px;padding:10px 12px}
.yg-ex b{display:block;font-size:11.5px;color:var(--teal2);margin-bottom:2px}
.yg-links{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:13px;font-weight:700}
.yg-links .src{font-size:11.5px;color:var(--faint);font-weight:500}
.yg-empty{text-align:center;color:var(--sub);padding:30px 0}
@media (max-width:1000px){.yg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.yg-head{grid-template-columns:1fr;gap:12px}.yg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yg-card summary{padding:14px}.yg-term{font-size:16px}}
@media (max-width:460px){.yg-grid{grid-template-columns:1fr}}

/* ---------- 分類・条件のページ（taxonomy.php）をLPの作りに ---------- */
.ax-lp{padding-bottom:96px}
.ax-card{transform:rotate(1deg);text-align:left}
.ax-art{border-radius:16px;background:radial-gradient(circle at 50% 45%,#E8F0FF,#F7FAFC 75%);display:grid;place-items:center;padding:8px;margin-bottom:12px}
.ax-art img{width:150px;height:auto;filter:drop-shadow(0 14px 22px rgba(14,34,64,.18))}
.ax-card .lp-card-k{text-align:left}
.ax-card .ax-top{padding:0;background:none;border:0;box-shadow:none}
.ax-card .ax-top a{font-size:14px;line-height:1.45}
.ax-card .rank{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px;flex:none}
.ax-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-panel .cards-3{margin-top:4px}
.ax-guide{font-size:15.5px}
@media (max-width:900px){.ax-card{transform:none}}
@media (max-width:700px){.ax-lp{padding-bottom:72px}.ax-cards{grid-template-columns:1fr}}
#compare .tbl{min-width:820px}
#compare .tbl td,#compare .tbl th{white-space:nowrap}
#compare .tbl th:first-child{white-space:normal;min-width:180px;position:sticky;left:0;background:#fff;z-index:1}
#compare .tbl thead th:first-child{background:var(--soft)}

/* ---------- データから作るページ（routes.php：シーン・用語・比較・分類×使う人） ---------- */
.sc-art{min-height:150px}
.sc-ic{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 18px 34px -14px rgba(36,87,245,.55)}
.sc-list{display:flex;flex-wrap:wrap;gap:8px}
.sc-list a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px}
.sc-list a svg{color:var(--teal)}
.sc-list a:hover{text-decoration:none;border-color:var(--teal)}
.sc-cats .pr-card,.sc-index .pr-card{padding-right:18px}
.sc-cats b small,.sc-index b small{margin-left:8px;font-size:12px;color:var(--teal2)}
.sc-cats .co-svc-main{margin-top:10px}
.sc-index b a{color:var(--ink)}
.lst-cta.hg-mini{background:linear-gradient(120deg,#4A1E14,#7A2E1E)}
.yg-t-cat{margin-left:8px;font-size:12px;font-weight:700;color:var(--sub);background:var(--well);border-radius:999px;padding:2px 10px}
.yg-t-hero .yg-yomi{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--sub)}
.yg-t-hero h1{margin-top:2px}
.yg-t-short{font-size:18px;font-weight:700;color:var(--ink)}
.yg-t-card{text-align:center}
.yg-ic.big{width:88px;height:88px;border-radius:26px;margin:4px auto 14px}
.yg-ic.big svg{width:40px;height:40px}
.yg-t-card[data-cat=attack] .yg-ic{background:linear-gradient(135deg,#F07A5F,#D2452C)}
.yg-t-card[data-cat=auth] .yg-ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}
.yg-t-card[data-cat=service] .yg-ic{background:linear-gradient(135deg,#22C3B5,#0B7F77)}
.yg-t-card[data-cat=rule] .yg-ic{background:linear-gradient(135deg,#5B6B82,#22344A)}
.yg-t-card[data-cat=incident] .yg-ic{background:linear-gradient(135deg,#F6B445,#E08A12)}
.yg-t-one{margin:0;font-size:16px;font-weight:700;line-height:1.8}
.yg-t-ex{margin:0;font-size:16px;line-height:1.95}
.nw-a-links.one{grid-template-columns:1fr}
.yg-rel{grid-template-columns:repeat(4,minmax(0,1fr))}
.yg-mini{display:flex;flex-direction:column;gap:4px;padding:16px;color:var(--ink)}
.yg-mini:hover{text-decoration:none;color:var(--ink)}
.yg-mini .yg-ic{width:40px;height:40px;border-radius:12px;margin-bottom:6px}
.yg-mini .yg-term{font-size:15px}
.yg-mini .yg-short{font-size:12.5px}
.cmp-vs{margin-top:20px;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;max-width:820px}
.cmp-side{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow-l);color:var(--ink);text-align:center}
.cmp-side:hover{text-decoration:none;color:var(--ink);border-color:var(--teal)}
.cmp-side b{font-size:17px;line-height:1.4}
.cmp-side small{font-size:12px;color:var(--sub)}
.cmp-side span{font-size:13px;font-weight:700;color:var(--ink2)}
.cmp-x{font-family:var(--mono);font-size:22px;font-weight:700;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#F07A5F,#D2452C);box-shadow:0 10px 20px -8px rgba(210,69,44,.6)}
.cmp-pts{list-style:none;margin:0 auto;padding:0;display:grid;gap:10px;max-width:760px}
.cmp-pts li{display:flex;align-items:center;gap:14px;background:#F6F9FC;border-radius:14px;padding:12px 16px;font-size:15.5px;font-weight:700}
.cmp-pts .pr-ic{width:40px;height:40px;border-radius:12px}
.cmp-tbl th{width:26%}
.cmp-tbl thead th{background:var(--navy);color:#fff}
.cmp-tbl td{width:37%}
.sv-fit-b h3 .logo-b{margin-right:4px}
.sv-fit-b .co-svc-main{margin-top:10px}
@media (max-width:700px){.cmp-vs{grid-template-columns:1fr;justify-items:center}.cmp-side{width:100%}.yg-rel{grid-template-columns:1fr 1fr}}
/* 本文の用語リンク（吹き出し） */
.yg-auto{position:relative;color:inherit;text-decoration:underline dotted var(--teal);text-underline-offset:4px;text-decoration-thickness:2px}
.yg-auto:hover{color:var(--teal2)}
.yg-auto::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 8px);width:max-content;max-width:260px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:500;line-height:1.6;padding:8px 12px;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(4px);transition:.15s;z-index:20;white-space:normal}
.yg-auto:hover::after,.yg-auto:focus::after{opacity:1;transform:none}
#together .hg-k2{margin-top:14px}
/* 比較トレイ */
.card{position:relative}
.cmp-add{position:absolute;top:12px;right:12px;font:inherit;font-size:11.5px;font-weight:700;color:var(--teal2);background:#fff;border:1px solid var(--line2);border-radius:999px;padding:3px 10px;cursor:pointer;z-index:2}
.cmp-add[aria-pressed=true]{background:var(--tint);border-color:var(--teal)}
.card .card-top{padding-top:14px}
.cmp-tray{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;width:min(760px,calc(100% - 32px))}
.cmp-tray-in{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 20px 40px -12px rgba(8,23,45,.5)}
.cmp-tray-in>b{font-size:13.5px}
.cmp-tray ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;flex:1}
.cmp-tray li{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:rgba(255,255,255,.12);border-radius:999px;padding:3px 6px 3px 12px}
.cmp-tray li button{font:inherit;width:20px;height:20px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;line-height:1}
.cmp-tray .btn{background:#fff;color:var(--navy)}
.cmp-tray-hint{font-size:12px;color:#B7C3D3}
.cmp-vs.n3{grid-template-columns:repeat(3,1fr)}
@media (max-width:700px){.cmp-vs.n3{grid-template-columns:1fr}}
.cmp-add{position:static;display:block;width:100%;margin-top:8px;padding:6px 10px;border-style:dashed}
.card .card-top{padding-top:0}

/* ---------- セキュリティサービス大全（page-ichiran.php。ファクタリング図鑑の /ichiran/ と同じ形） ---------- */
.ich-hero{position:relative;overflow:hidden;padding:40px 0 44px;background:linear-gradient(160deg,#0B1B36 0%,#0E2A4F 55%,#0B3B47 100%);color:#fff;text-align:center}
.ich-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 10% 30%,rgba(76,125,255,.28),transparent 70%),radial-gradient(35% 55% at 90% 70%,rgba(34,195,181,.25),transparent 70%);pointer-events:none}
.ich-in{position:relative;max-width:920px}
.ich-en{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:#9FB3CF}
.ich-badge{display:inline-block;margin:10px 0 0;font-size:13px;font-weight:700;background:#fff;color:var(--navy);border-radius:999px;padding:4px 16px}
.ich-hero h1{margin:14px 0 12px;font-size:clamp(24px,3.4vw,36px);line-height:1.45;font-weight:900;text-wrap:balance}
.ich-lead{margin:0 auto;max-width:720px;font-size:15px;line-height:1.9;color:#C4D0E0}
.ich-art{margin:20px auto 0;display:flex;justify-content:center;gap:4px;background:rgba(255,255,255,.95);border-radius:22px;padding:12px;max-width:560px}
.ich-art img{width:150px;height:auto}
.ich-stats{margin:20px auto 0;display:grid;grid-template-columns:repeat(4,1fr);max-width:720px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
.ich-stats div{padding:14px 6px;border-left:1px solid rgba(255,255,255,.12)}
.ich-stats div:first-child{border-left:0}
.ich-stats dd{margin:0;font-size:34px;font-weight:700}
.ich-stats dt{font-size:12px;color:#B7C3D3}
.ich-share{margin:16px 0 6px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ich-share a,.ich-share button{font:inherit;font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;cursor:pointer}
.ich-share a:hover{text-decoration:none;background:rgba(255,255,255,.2)}
.ich-date{margin:0;font-size:12px;color:#9FB3CF}
.ich-nav{position:sticky;top:68px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ich-nav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px;justify-content:center}
.ich-nav a{white-space:nowrap;font-size:13px;font-weight:700;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:#fff}
.ich-nav a:hover{text-decoration:none;border-color:var(--teal)}
.ich-body{padding:28px 0 80px;display:flex;flex-direction:column;gap:28px}
.ich-answer{background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:16px;padding:16px 22px;box-shadow:var(--shadow)}
.ich-answer p:last-child{margin:4px 0 0;font-size:15px;line-height:1.95;font-weight:500}
.ich-chap{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px 32px;box-shadow:0 20px 40px -30px rgba(14,34,64,.3);scroll-margin-top:130px}
.ich-chap-k{margin:0 auto;width:max-content;font-size:12.5px;font-weight:700;color:#fff;background:var(--navy);border-radius:8px;padding:4px 14px}
.ich-chap>h2{margin:10px 0 6px;text-align:center;font-size:28px;font-weight:900}
.ich-chap-lead{margin:0 auto 20px;max-width:720px;text-align:center;font-size:14px;color:var(--sub);line-height:1.9}
.ich-top{background:linear-gradient(180deg,#FFF9F0,#fff);border:1px solid #F3E2C7;border-radius:20px;padding:16px;margin-bottom:24px}
.ich-map{scroll-margin-top:130px}
.ich-map h3{text-align:center;margin:0 0 4px;font-size:19px}
.ich-svg{background:#F6F9FC;border-radius:16px;padding:10px;overflow-x:auto}
.ich-svg svg{width:100%;min-width:640px;height:auto;display:block}
.ich-svg .g{stroke:#DDE5EF;stroke-width:1}
.ich-svg .lb{font-size:11px;fill:var(--sub);font-family:var(--mono)}
.ich-svg circle{stroke:#fff;stroke-width:1.5;opacity:.85}
.ich-svg circle.k{fill:var(--blue)}
.ich-svg circle.h{fill:var(--teal)}
.ich-svg a:hover circle{r:9;opacity:1}
.ich-legend{display:flex;justify-content:center;align-items:center;gap:6px 14px;font-size:12.5px;color:var(--sub)}
.ich-legend span{width:10px;height:10px;border-radius:50%;display:inline-block}
.ich-legend .k{background:var(--blue)}.ich-legend .h{background:var(--teal)}
.ich-tools{margin:26px 0 14px;display:flex;flex-direction:column;gap:10px;align-items:center}
.ich-tools input,.ich-tools select{font:inherit;font-size:14.5px;padding:11px 18px;border:1px solid var(--line2);border-radius:999px;background:#fff;width:min(520px,100%)}
.ich-flags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.ich-flags button,.ich-view button{font:inherit;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--line2);background:#fff;color:var(--ink);cursor:pointer}
.ich-flags button[aria-pressed=true],.ich-view button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.ich-count{margin:0;display:flex;align-items:center;gap:12px;font-size:14px}
.ich-count b{font-size:22px}
.ich-view{display:inline-flex;gap:4px}
.ich-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ich-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);position:relative}
.ich-card:hover{text-decoration:none;color:var(--ink);border-color:var(--teal);box-shadow:var(--shadow)}
.ich-no{font-size:11px;color:var(--faint)}
.ich-c-top{display:flex;align-items:center;gap:10px}
.ich-c-top>span:nth-child(2){flex:1;min-width:0}
.ich-c-top small{display:block;font-size:11px;color:var(--teal2);font-weight:700}
.ich-c-top b{font-size:14.5px;line-height:1.4}
.ich-card dl{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ich-card dl div{background:#F6F9FC;border-radius:8px;padding:6px;text-align:center}
.ich-card dt{font-size:10.5px;color:var(--sub)}
.ich-card dd{margin:0;font-size:12px;font-weight:700;line-height:1.4}
.ich-date-s{font-size:11px;color:var(--faint);text-align:right}
.ich-table .tbl td,.ich-table .tbl th{white-space:nowrap}
.ich-cat-tbl td,.ich-cat-tbl th{white-space:nowrap}
.ich-bar{display:inline-block;width:60px;height:7px;border-radius:9px;background:#EEF2F7;margin-right:6px;vertical-align:middle;overflow:hidden}
.ich-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal))}
.ich-bar.big{width:100%;height:10px;margin:4px 0 8px}
.ich-finds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ich-find{background:#F6F9FC;border-radius:18px;padding:16px}
.ich-find b{display:block;margin-top:8px;font-size:15px}
.ich-big{margin:4px 0 0;font-size:34px;font-weight:700;color:var(--navy)}
.ich-big small{font-size:15px}
.ich-find p:last-child{margin:0;font-size:13px;line-height:1.75;color:var(--ink2)}
@media (max-width:1000px){.ich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ich-finds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ich-chap{padding:24px 16px;border-radius:20px}.ich-chap>h2{font-size:22px}.ich-grid,.ich-finds{grid-template-columns:1fr}.ich-stats{grid-template-columns:repeat(2,1fr)}.ich-stats div:nth-child(3){border-left:0}.ich-art img{width:90px}.ich-nav .wrap{justify-content:flex-start}}

/* ---------- Webサイト診断のレポート（レベル・分野・先に直す3つ・ソフト） ---------- */
.sr-head{display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,#0E2240,#16325A);color:#fff;border-radius:22px;padding:22px 24px}
.sr-gauge{position:relative;width:132px;height:132px;flex:none}
.sr-gauge svg{width:100%;height:100%}
.sr-gauge svg circle:first-child{stroke:rgba(255,255,255,.12)}
.sr-gauge b{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:700;margin-top:-8px}
.sr-gauge small{position:absolute;left:0;right:0;bottom:34px;text-align:center;font-size:12px;color:#B7C3D3}
.sr-head-r{min-width:0;flex:1}
.sr-head .rp-en{color:#9FB3CF}
.sr-host{margin:2px 0 6px;font-size:20px;font-weight:700;overflow-wrap:anywhere}
.sr-level{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sr-level b{font-size:26px}
.sr-level small{color:#B7C3D3}
.sr-steps{display:flex;gap:4px;margin:8px 0}
.sr-steps i{width:42px;height:8px;border-radius:9px;background:rgba(255,255,255,.15)}
.sr-steps i.on{background:linear-gradient(90deg,#5EE2D3,#7FA6FF)}
.sr-head .rp-counts span{background:rgba(255,255,255,.1)}
.sr-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}
.sr-cat{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;color:var(--ink)}
.sr-cat:hover{text-decoration:none;border-color:var(--teal);color:var(--ink)}
.sr-cat span{font-size:12px;font-weight:700;color:var(--sub)}
.sr-cat b{font-size:24px}
.sr-cat i{height:6px;border-radius:9px;background:#EEF2F7;overflow:hidden}
.sr-cat i em{display:block;height:100%;border-radius:9px}
.sr-cat.g i em{background:var(--teal)}.sr-cat.y i em{background:#E0A019}.sr-cat.r i em{background:var(--alert)}
.sr-cat.r b{color:var(--alert)}
.sr-cat small{font-size:11.5px;color:var(--sub)}
.sr-k{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--ink2)}
.sr-top{background:linear-gradient(120deg,#FFF5F1,#FFFBF9);border:1px solid #F6D5CA;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.sr-top .sr-k{color:var(--alert)}
.sr-top ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:8px}
.sr-top li{counter-increment:t;position:relative;padding-left:34px;display:flex;flex-direction:column;font-size:14px;line-height:1.7}
.sr-top li::before{content:counter(t);position:absolute;left:0;top:.1em;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#F07A5F,#D2452C);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.sr-top li span{font-size:13px;color:var(--ink2)}
.sr-tech{background:#F6F9FC;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.sr-chips{display:flex;flex-wrap:wrap;gap:6px}
.sr-chips span{display:inline-flex;align-items:baseline;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}
.sr-chips span small{font-size:11px;color:var(--sub);font-weight:500}
.sr-chips span.old{border-color:#F3C2B5;color:var(--alert)}
.sr-plugins{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sr-plugins li{display:flex;justify-content:space-between;gap:8px;background:#fff;border-radius:10px;padding:6px 10px;font-size:12.5px}
.sr-plugins li.old{color:var(--alert)}
.sr-sec{scroll-margin-top:90px;margin-top:16px}
.sr-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:17px}
.sr-sec h3 .num{font-size:13px;color:var(--teal2);background:var(--tint);border-radius:999px;padding:1px 10px}
.sr-link{margin:6px 0 0;font-size:13px;font-weight:700}
.sr-share{text-align:center;margin-top:16px}
@media (max-width:900px){.sr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.sr-head{flex-direction:column;text-align:center}.sr-level,.sr-steps{justify-content:center}.sr-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-plugins{grid-template-columns:1fr}}
/* トップの最初の画面：Webサイト診断のURL入力 */
.a-url{margin:4px 0 18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 16px;box-shadow:0 16px 36px -22px rgba(14,34,64,.35);max-width:560px}
.a-url label{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--navy);margin-bottom:8px}
.a-url label svg{color:var(--teal)}
.a-url-box{display:flex;gap:8px}
.a-url-box input{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px 16px;border:1.5px solid var(--line2);border-radius:14px;background:#F8FAFC}
.a-url-box input:focus{outline:none;border-color:var(--teal);background:#fff}
.a-url-box button{font:inherit;font-size:14.5px;font-weight:700;color:#fff;border:0;border-radius:14px;padding:0 18px;cursor:pointer;background:linear-gradient(135deg,var(--blue),var(--teal));white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.a-url-box button:hover{filter:brightness(1.05)}
.a-url>p{margin:8px 0 0;font-size:12px;color:var(--sub)}
@media (max-width:600px){.a-url-box{flex-direction:column}.a-url-box button{padding:12px}}

/* ---------- Webサイト診断のレポート v2（成績表のような見た目） ---------- */
.srx{--tc:var(--teal);--tcbg:#E3F6F2;display:flex;flex-direction:column;gap:14px}
.srx-mid{--tc:#E0A019;--tcbg:#FFF4DC}.srx-bad{--tc:var(--alert);--tcbg:#FDEDE8}
.srx-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:center;background:linear-gradient(150deg,#0B1B36 0%,#122E57 60%,#0D3F4A 100%);color:#fff;border-radius:26px;padding:26px 28px}
.srx-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 70% at 0% 0%,rgba(76,125,255,.3),transparent 70%),radial-gradient(40% 60% at 100% 100%,rgba(34,195,181,.28),transparent 70%);pointer-events:none}
.srx-hero>*{position:relative}
.srx-en{margin:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#8FA6C6}
.srx-host{margin:4px 0 0;font-size:24px;font-weight:900;overflow-wrap:anywhere}
.srx-date{margin:0 0 14px;font-size:12px;color:#9FB3CF}
.srx-medal{display:flex;align-items:center;gap:16px}
.srx-lv{width:92px;height:92px;flex:none;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(var(--tc) calc(var(--p,0)*1%),rgba(255,255,255,.12) 0);position:relative;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 14px 30px -10px rgba(0,0,0,.5)}
.srx-lv::before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(160deg,#16325A,#0B1B36)}
.srx-lv small,.srx-lv b{position:relative}
.srx-lv small{font-size:10px;letter-spacing:.14em;color:#9FB3CF;font-weight:700}
.srx-lv b{font-size:40px;line-height:1;color:#fff}
.srx-lvname{margin:0;font-size:18px;font-weight:900}
.srx-score{margin:2px 0 6px;font-size:13px;color:#C4D0E0}
.srx-score b{font-size:22px;color:#fff;margin-right:2px}
.srx-score em{font-style:normal;font-weight:700;color:#fff;background:var(--tc);border-radius:6px;padding:0 8px}
.srx-steps{display:flex;gap:4px}
.srx-steps i{width:30px;height:7px;border-radius:9px;background:rgba(255,255,255,.15)}
.srx-steps i.on{background:linear-gradient(90deg,#5EE2D3,#7FA6FF)}
.srx-sum{margin:16px 0 10px;font-size:14.5px;line-height:1.85;color:#E6ECF4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px}
.srx-counts{margin:0;display:flex;gap:6px;flex-wrap:wrap}
.srx-counts span{font-size:12px;font-weight:700;border-radius:999px;padding:3px 12px;background:rgba(255,255,255,.1)}
.srx-counts .ok{color:#7FE6CF}.srx-counts .warn{color:#FFD27A}.srx-counts .ng{color:#FF9C85}
.srx-radar{width:100%;max-width:300px;display:block;margin:0 auto}
.srx-radar .gr{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}
.srx-radar .val{fill:rgba(94,226,211,.28);stroke:#5EE2D3;stroke-width:2.5;stroke-linejoin:round}
.srx-radar text{font-size:10.5px;fill:#C4D0E0;font-weight:700}
.srx-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.srx-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 10px;color:var(--ink);box-shadow:0 10px 24px -20px rgba(14,34,64,.5)}
.srx-cat:hover{text-decoration:none;color:var(--ink);transform:translateY(-2px);border-color:var(--teal)}
.srx-cic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4C7DFF,#2457F5)}
.srx-cn{font-size:12.5px;font-weight:700;line-height:1.4}
.srx-ring{position:relative;width:64px;height:64px}
.srx-ring svg{width:100%;height:100%}
.srx-ring .bg{fill:none;stroke:#EEF2F7;stroke-width:5}
.srx-ring .fg{fill:none;stroke-width:5;stroke-linecap:round}
.srx-cat.g .fg{stroke:var(--teal)}.srx-cat.y .fg{stroke:#E0A019}.srx-cat.r .fg{stroke:var(--alert)}
.srx-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:17px}
.srx-cat small{font-size:11px;color:var(--sub)}
.srx-k{margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--ink2)}
.srx-top{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}
.srx-top .srx-k{color:var(--alert)}
.srx-top-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.srx-tc{position:relative;border-radius:16px;padding:14px 14px 14px 52px;background:linear-gradient(120deg,#FFF5F1,#FFFBF9);border:1px solid #F6D5CA}
.srx-tc.warn{background:linear-gradient(120deg,#FFF8EB,#FFFDF8);border-color:#F3E2C1}
.srx-tc>span{position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#F07A5F,#D2452C)}
.srx-tc.warn>span{background:linear-gradient(135deg,#F6B445,#E08A12)}
.srx-tc b{display:block;font-size:14px;line-height:1.5}
.srx-tc p{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:var(--ink2)}
.srx-tech{background:#F6F9FC;border-radius:18px;padding:14px 16px}
.srx-sec{scroll-margin-top:90px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px}
.srx-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:17px}
.srx-sec h3 .num{margin-left:auto;font-size:13px;color:var(--teal2);background:var(--tint);border-radius:999px;padding:2px 12px}
.srx-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.srx-it{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:12px 14px;background:#F8FAFC}
.srx-it.ng{background:#FFF5F2}.srx-it.warn{background:#FFFAF0}
.srx-mk{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;color:#fff;background:var(--teal)}
.srx-it.warn .srx-mk{background:#E0A019}.srx-it.ng .srx-mk{background:var(--alert)}.srx-it.info .srx-mk{background:#9AA8B8;font-family:serif;font-style:italic}
.srx-it b{font-size:14.5px;line-height:1.5}
.srx-it p{margin:3px 0 0;font-size:13px;line-height:1.75;color:var(--ink2)}
.srx-fix{background:#fff;border-radius:10px;padding:8px 10px;margin-top:8px!important}
.srx-fix span{display:inline-block;font-size:11px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:6px;padding:0 6px;margin-right:6px}
.srx-lk{display:inline-block;margin-top:6px;font-size:13px;font-weight:700}
.srx-oks{margin-top:8px}
.srx-oks summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--teal2);list-style:none;padding:6px 2px}
.srx-oks summary::-webkit-details-marker{display:none}
.srx-oks[open] summary{margin-bottom:6px}
.srx-next{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(120deg,#EEF4FF,#EAF8F5);border:1px solid #DCE7F3;border-radius:20px;padding:18px 20px}
.srx-next p{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink2);max-width:520px}
.srx-next .srx-k{margin-bottom:4px;color:var(--navy);font-size:15px}
.srx-next-b{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:900px){.srx-hero{grid-template-columns:1fr}.srx-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.srx-top-g{grid-template-columns:1fr}}
@media (max-width:600px){.srx-hero{padding:20px 16px}.srx-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.srx-medal{flex-direction:column;align-items:flex-start}}

/* ---------- ニュース記事を読みやすく（見出しごとのカード・リード・h3・表・質問） ---------- */
.nw-a .nw-a-body{background:linear-gradient(180deg,#fff 0,#F4F7FB 220px)}
.nw-a-hero h1{word-break:auto-phrase;line-break:strict}
.nw-prose{font-size:16.5px;line-height:2.05;color:#1E2E44}
.nw-lead{background:#fff;border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:18px;padding:20px 24px;margin-bottom:22px;box-shadow:0 14px 30px -26px rgba(14,34,64,.4)}
.nw-lead p{margin:0;font-size:17px;font-weight:500;line-height:2}
.nw-lead p+p{margin-top:.8em}
.nw-sec{background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 32px 28px;margin-bottom:20px;box-shadow:0 18px 40px -34px rgba(14,34,64,.45)}
.nw-sec>h2{margin:22px 0 16px;padding-bottom:14px;border-bottom:1px dashed var(--line2)}
.nw-sec>p{margin:0 0 1.1em}
.nw-sec>p:last-child{margin-bottom:0}
.nw-prose h3{position:relative;margin:1.8em 0 .7em;padding:4px 0 4px 16px;font-size:18.5px;line-height:1.55}
.nw-prose h3::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:9px;background:linear-gradient(180deg,var(--blue),var(--teal))}
.nw-prose strong,.nw-prose b{background:linear-gradient(transparent 62%,rgba(94,226,211,.35) 62%);font-weight:700}
.nw-prose a{font-weight:700}
.nw-prose table{font-size:14px;margin:1.2em 0}
.nw-prose td:first-child,.nw-prose th:first-child{min-width:7.5em}
.nw-prose table{table-layout:auto}.nw-prose td,.nw-prose th{min-width:8em}
.nw-prose td{line-height:1.75;vertical-align:top}
.nw-prose ul,.nw-prose ol{margin:1em 0}
.nw-prose ul li,.nw-prose ol li{background:#F4F8FB;font-size:15.5px}
.nw-faq{border:1px solid var(--line);border-radius:16px;margin:10px 0;background:#fff;overflow:hidden}
.nw-faq summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;font-weight:700;font-size:15.5px;line-height:1.6}
.nw-faq summary::-webkit-details-marker{display:none}
.nw-faq summary::after{content:"＋";margin-left:auto;color:var(--teal2);font-weight:700}
.nw-faq[open] summary::after{content:"−"}
.nw-faq .q{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal))}
.nw-faq .a{display:flex;gap:12px;padding:0 18px 16px;font-size:15px}
.nw-faq .a .q{background:linear-gradient(135deg,#F6B445,#E08A12)}
.nw-faq .a p{margin:0}
.nw-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.nw-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--teal))}
@media (max-width:700px){.nw-sec{padding:4px 16px 20px;border-radius:18px}.nw-lead{padding:16px}.nw-prose{font-size:16px}.nw-prose td:first-child{white-space:normal}}
/* ニュース記事：数字の帯・攻撃の流れの図・見出しカードの絵柄 */
.nw-stats-band{position:relative;z-index:3;margin-top:-72px}
.nw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.nw-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 18px 36px -26px rgba(14,34,64,.5)}
.nw-stat::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;opacity:.12;background:currentColor}
.nw-stat.c1{color:#2457F5}.nw-stat.c2{color:#5442E0}.nw-stat.c3{color:#0B7F77}.nw-stat.c4{color:#E08A12}
.nw-stat span.ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:currentColor;margin-bottom:8px}
.nw-stat b{display:block;font-size:28px;line-height:1.2;color:var(--ink);letter-spacing:-.01em}
.nw-stat p{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--ink2);line-height:1.5}
.nw-stat small{display:block;margin-top:2px;font-size:11.5px;color:var(--sub)}
.nw-a-sum.after-stats{margin-top:18px}
.nw-flow{display:flex;align-items:stretch;gap:6px;margin:6px 0 22px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#0B1B36,#123158);overflow-x:auto}
.nw-flow-s{flex:1 1 0;min-width:150px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;color:#fff}
.nw-flow-s span.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:8px}
.nw-flow-s.c1 span.ic{background:linear-gradient(135deg,#4C7DFF,#2457F5)}.nw-flow-s.c2 span.ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}.nw-flow-s.c3 span.ic{background:linear-gradient(135deg,#F6B445,#E08A12)}.nw-flow-s.c4 span.ic{background:linear-gradient(135deg,#F07A5F,#D2452C)}
.nw-flow-s small{display:block;font-size:10.5px;letter-spacing:.12em;color:#8FA6C6}
.nw-flow-s b{display:block;font-size:14.5px;line-height:1.5;margin-top:2px}
.nw-flow-s p{margin:6px 0 0!important;font-size:12.5px!important;line-height:1.7!important;color:#C4D0E0}
.nw-flow-ar{flex:none;align-self:center;color:#5EE2D3;font-size:20px;font-weight:700}
.nw-sec{position:relative;overflow:hidden}
.nw-sec-art{position:absolute;right:-6px;top:-6px;width:120px;height:120px;border-radius:0 24px 0 80px;display:grid;place-items:center;padding:0 0 18px 18px;color:#2457F5;opacity:.09;background:radial-gradient(circle at 70% 30%,rgba(36,87,245,.35),transparent 70%);pointer-events:none}
.nw-sec>h2,.nw-sec>p{position:relative}
@media (max-width:900px){.nw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.nw-stats-band{margin-top:-56px}.nw-stat b{font-size:22px}.nw-flow{flex-direction:column}.nw-flow-ar{transform:rotate(90deg)}.nw-flow-s{min-width:0}}
.nw-stat.c1{--c:#2457F5}.nw-stat.c2{--c:#5442E0}.nw-stat.c3{--c:#0B7F77}.nw-stat.c4{--c:#E08A12}
.nw-stat span.ic{background:var(--c);box-shadow:0 8px 16px -8px var(--c)}
.nw-stat::after{background:var(--c)}
.nw-flow b,.nw-stat b,.nw-faq b{background:none}
/* ニュース記事の上部を軽く（右のカードはイラストだけ・3行は番号つき・やることは3つまで） */
.nw-a-card{padding:18px}
.nw-a-card .nw-a-art{margin:0;padding:22px 8px}
.nw-a-card .nw-a-art img{width:210px}
.nw-a-card .nw-a-card-k{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--sub)}
.nw-a-sum .pr-panel{padding:34px 40px 32px}
.nw-a-sum-in{gap:40px}
.nw-3{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.nw-3 li{display:flex;gap:14px;align-items:flex-start}
.nw-3 span.ic{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;color:#fff}
.nw-3 .c1{background:linear-gradient(135deg,#4C7DFF,#2457F5)}.nw-3 .c2{background:linear-gradient(135deg,#F07A5F,#D2452C)}.nw-3 .c3{background:linear-gradient(135deg,#22C3B5,#0B7F77)}
.nw-3 p{margin:0!important;font-size:15px!important;line-height:1.85!important;font-weight:500}
.nw-todo3{gap:10px}
.nw-todo3 label{padding:14px 16px;font-size:14.5px}
.nw-more-todo{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:700}
.nw-lead{background:none;border:0;box-shadow:none;padding:6px 4px 0;margin:6px 0 26px}
.nw-lead p{font-size:16.5px;line-height:2.05;font-weight:400;color:var(--ink2)}
.nw-lead strong{background:none}
.nw-stats-band+.nw-a-sum{margin-top:22px}
.nw-a-body{padding-top:56px}
@media (max-width:700px){.nw-a-sum .pr-panel{padding:24px 18px}.nw-a-card .nw-a-art img{width:150px}}

/* ---------- ニュース記事：見出しごとの図と、ゆったりした余白 ---------- */
.nw-vis{margin:4px 0 30px}
.nw-flow{margin:0;padding:22px;gap:10px;border-radius:24px}
.nw-flow.n5,.nw-flow.n6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nw-flow.n5 .nw-flow-ar,.nw-flow.n6 .nw-flow-ar{display:none}
.nw-flow-s{padding:18px 16px}
.nw-flow-s small{display:block;margin-bottom:2px}
.nw-flow-s.c1 span.ic,.nw-vcard.c1 span.ic,.nw-vside.c1 span.ic{background:linear-gradient(135deg,#4C7DFF,#2457F5)}
.nw-flow-s.c2 span.ic,.nw-vcard.c2 span.ic,.nw-vside.c2 span.ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}
.nw-flow-s.c3 span.ic,.nw-vcard.c3 span.ic,.nw-vside.c3 span.ic{background:linear-gradient(135deg,#F6B445,#E08A12)}
.nw-flow-s.c4 span.ic,.nw-vcard.c4 span.ic,.nw-vside.c4 span.ic{background:linear-gradient(135deg,#F07A5F,#D2452C)}
.nw-vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nw-vcards.n2,.nw-vcards.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.nw-vcard{position:relative;background:linear-gradient(180deg,#F7FAFE,#fff);border:1px solid #E3EAF3;border-radius:20px;padding:20px 18px}
.nw-vcard span.ic,.nw-vside span.ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;margin-bottom:12px;box-shadow:0 10px 18px -10px rgba(14,34,64,.5)}
.nw-vcard small,.nw-vside small{display:block;font-size:11.5px;font-weight:700;color:var(--sub);letter-spacing:.04em}
.nw-vcard b,.nw-vside b{display:block;margin-top:2px;font-size:18px;line-height:1.45;color:var(--ink);background:none}
.nw-vcard p,.nw-vside p{margin:8px 0 0!important;font-size:13.5px!important;line-height:1.8!important;color:var(--ink2)}
.nw-vsplit{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.nw-vside{border-radius:22px;padding:22px;border:1px solid #E3EAF3;background:linear-gradient(160deg,#F2F6FF,#fff)}
.nw-vside.c2{background:linear-gradient(160deg,#F4F1FF,#fff)}
.nw-vs{align-self:center;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:700;color:#fff;background:var(--navy)}
.nw-vnote{margin:12px 0 0!important;font-size:13px!important;color:var(--sub);text-align:center}
.nw-vcheck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nw-vq{display:flex;gap:14px;align-items:flex-start;border:2px dashed #D6E0EC;border-radius:18px;padding:16px 18px;background:#fff}
.nw-vq .q{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal))}
.nw-vq b{display:block;font-size:15.5px;line-height:1.5;background:none}
.nw-vq p{margin:4px 0 0!important;font-size:13px!important;line-height:1.7!important;color:var(--sub)}
/* 余白：文字のかたまりをほどく */
.nw-sec{padding:16px 44px 40px;margin-bottom:32px}
.nw-sec>h2{margin:30px 0 26px;padding-bottom:20px;font-size:25px}
.nw-prose{line-height:2.15}
.nw-sec>p{margin:0 0 1.6em;max-width:44em}
.nw-prose h3{margin:2.4em 0 1em}
.nw-prose ul,.nw-prose ol{margin:1.4em 0 1.8em;gap:10px}
.nw-prose ul li,.nw-prose ol li{padding-top:12px;padding-bottom:12px}
.nw-prose table{margin:1.6em 0 2em}
.nw-prose td,.nw-prose th{padding:14px 16px}
@media (max-width:900px){.nw-vcards,.nw-flow.n5,.nw-flow.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.nw-sec{padding:8px 18px 26px}.nw-vcards,.nw-vcards.n4,.nw-vcheck,.nw-flow.n5,.nw-flow.n6{grid-template-columns:1fr}.nw-vsplit{grid-template-columns:1fr}.nw-vs{justify-self:center}}
.nw-flow-s{min-width:0}
.nw-flow.n4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nw-flow.n4 .nw-flow-ar,.nw-flow.n3 .nw-flow-ar{display:none}
.nw-flow.n3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nw-flow.n4 .nw-flow-s,.nw-flow.n3 .nw-flow-s{position:relative}
.nw-flow.n4 .nw-flow-s:not(:last-of-type)::after,.nw-flow.n3 .nw-flow-s:not(:last-of-type)::after{content:"→";position:absolute;right:-11px;top:34px;color:#5EE2D3;font-weight:700;z-index:1}
@media (max-width:900px){.nw-flow.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-flow.n4 .nw-flow-s::after{display:none}}
@media (max-width:700px){.nw-flow.n4,.nw-flow.n3{grid-template-columns:1fr}.nw-flow.n3 .nw-flow-s::after{display:none}}

/* ---------- 記事の中の表（sz_pretty_tables） ---------- */
.tw{margin:1.8em 0 2.2em;border-radius:20px;overflow-x:auto;background:#fff;box-shadow:0 0 0 1px #E3EAF3,0 18px 36px -28px rgba(14,34,64,.45)}
.tw table{width:100%;margin:0!important;border-collapse:separate;border-spacing:0;font-size:14.5px;box-shadow:none;border-radius:0;overflow:visible}
.tw thead th{background:linear-gradient(120deg,#0E2240,#1D3F72);color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;padding:15px 18px;text-align:left;border:0;white-space:nowrap}
.tw thead th:first-child{padding-left:22px}
.tw tbody td,.tw tbody th{padding:16px 18px;border:0;border-top:1px solid #EEF2F7;line-height:1.8;vertical-align:top;background:#fff;text-align:left}
.tw tbody tr:nth-child(even) td,.tw tbody tr:nth-child(even) th{background:#FAFCFE}
.tw tbody tr:hover td,.tw tbody tr:hover th{background:#F1F8F7}
.tw tbody td:first-child,.tw tbody th:first-child{font-weight:700;color:var(--ink);padding-left:22px;position:relative}
.tw tbody td:first-child::before,.tw tbody th:first-child::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--blue),var(--teal));opacity:0;transition:.15s}
.tw tbody tr:hover td:first-child::before{opacity:1}
.tw tbody td a{font-weight:700}
.tw-wide table{min-width:720px}
.tw-date tbody td:first-child{white-space:nowrap;width:1%}
.tw-date tbody td:first-child{font-family:var(--mono);font-size:13px;color:var(--teal2)}
.tw-date tbody td:first-child::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#EEF2F7}
.tw td:nth-child(2):not(:last-child){font-weight:500}
@media (max-width:700px){
  .tw{overflow:visible;background:none;box-shadow:none;border-radius:0}
  .tw table,.tw tbody,.tw tr,.tw td,.tw tbody th{display:block;width:100%;min-width:0!important}
  .tw thead{display:none}
  .tw tbody tr{background:#fff;border-radius:16px;box-shadow:0 0 0 1px #E3EAF3,0 10px 24px -20px rgba(14,34,64,.5);margin-bottom:12px;overflow:hidden}
  .tw tbody td,.tw tbody th{border:0;padding:6px 16px;background:none!important}
  .tw tbody td:first-child,.tw tbody th:first-child{background:linear-gradient(120deg,#0E2240,#1D3F72)!important;color:#fff;padding:12px 16px;white-space:normal}
  .tw tbody td:first-child::before,.tw tbody td:first-child::after{display:none}
  .tw tbody td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--sub);margin-top:6px}
  .tw tbody td:last-child{padding-bottom:14px}
}
/* サイト全体の比較表（.tbl）も記事の表と同じ見た目に */
.tbl-wrap{border-radius:20px;background:#fff;box-shadow:0 0 0 1px #E3EAF3,0 18px 36px -28px rgba(14,34,64,.45);overflow-x:auto;border:0}
.tbl{border-collapse:separate;border-spacing:0;font-size:14px;width:100%}
.tbl thead th{background:linear-gradient(120deg,#0E2240,#1D3F72);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.03em;padding:14px 16px;border:0;text-align:left;white-space:nowrap}
.tbl thead th a{color:#fff}
.tbl tbody td,.tbl tbody th{padding:14px 16px;border:0;border-top:1px solid #EEF2F7;background:#fff;line-height:1.7;vertical-align:middle}
.tbl tbody tr:nth-child(even) td,.tbl tbody tr:nth-child(even) th{background:#FAFCFE}
.tbl tbody tr:hover td,.tbl tbody tr:hover th{background:#F1F8F7}
.tbl tbody th{font-weight:700;color:var(--ink);text-align:left}
.tbl td.num b,.tbl td.num{font-weight:700;color:var(--navy)}
.cmp-tbl thead th:first-child,.tbl.cmp thead th:first-child{background:#0B1B36}
.tbl.cmp th.me,.tbl.cmp thead th.me{background:linear-gradient(120deg,#0B7F77,#14A196)!important}

/* ---------- ニュース記事：サイドバーなしの1列・上の目次・開く出典・途中の診断 ---------- */
.nw-one{max-width:880px;padding-top:48px;padding-bottom:72px}
.nw-main{display:flex;flex-direction:column;gap:40px;min-width:0}
.nw-main>.prose{margin:0}
.nw-toc2{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:0 18px 36px -30px rgba(14,34,64,.45)}
.nw-toc2-h{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}
.nw-toc2-h svg{color:var(--teal)}
.nw-toc2-h small{margin-left:auto;font-size:12px;color:var(--sub);font-weight:500}
.nw-toc2 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.nw-toc2 li a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--ink);line-height:1.5}
.nw-toc2 li a:hover{background:var(--soft);text-decoration:none}
.nw-toc2 li .num{flex:none;font-size:12px;font-weight:700;color:var(--teal2)}
.nw-toc2-more{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:6px}
.nw-toc2-more a{font-size:12.5px;font-weight:700;color:var(--ink2);background:var(--well);border-radius:999px;padding:3px 12px}
.nw-toc2 a.on{background:var(--tint);color:var(--teal2)}
.nw-srcbox{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.nw-srcbox summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 22px}
.nw-srcbox summary::-webkit-details-marker{display:none}
.nw-srcbox summary .ic{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5B6B82,#22344A)}
.nw-srcbox summary b{display:block;font-size:15.5px}
.nw-srcbox summary small{display:block;font-size:12.5px;color:var(--sub);line-height:1.6}
.nw-srcbox summary em{margin-left:auto;flex:none;font-style:normal;font-size:13px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:5px 14px}
.nw-srcbox[open] summary em{font-size:0}
.nw-srcbox[open] summary em::after{content:"閉じる";font-size:13px}
.nw-srcbox .nw-a-src{padding:0 22px 20px}
.nw-tool{display:flex;gap:22px;align-items:center;margin:0 0 32px;padding:24px 28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0B1B36 0%,#16386A 60%,#0D4A52 100%);box-shadow:0 22px 40px -26px rgba(8,23,45,.7);position:relative;overflow:hidden}
.nw-tool::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(94,226,211,.35),transparent 70%)}
.nw-tool-art{position:relative;width:76px;height:76px;flex:none;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#4C7DFF,#22C3B5);box-shadow:0 14px 26px -12px rgba(76,125,255,.8)}
.nw-tool.lv .nw-tool-art{background:linear-gradient(135deg,#7C6CFF,#4C7DFF)}
.nw-tool-b{position:relative;flex:1;min-width:0}
.nw-tool-k{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;color:#5EE2D3}
.nw-tool-b b{display:block;margin:4px 0 12px;font-size:17px;line-height:1.6;background:none;color:#fff}
.nw-tool form{display:flex;gap:8px}
.nw-tool input{flex:1;min-width:0;font:inherit;font-size:14.5px;padding:11px 16px;border:0;border-radius:12px;background:#fff;color:var(--ink)}
.nw-tool button,.nw-tool-btn{font:inherit;font-size:14px;font-weight:700;border:0;border-radius:12px;padding:0 18px;cursor:pointer;color:var(--navy);background:#5EE2D3;white-space:nowrap}
.nw-tool-btn{display:inline-block;padding:11px 22px}
.nw-tool-btn:hover{text-decoration:none;color:var(--navy);filter:brightness(1.05)}
.nw-tool small{display:block;margin-top:8px;font-size:12px;color:#9FB3CF}
@media (max-width:700px){.nw-toc2 ol{grid-template-columns:1fr}.nw-tool{flex-direction:column;align-items:flex-start;padding:20px}.nw-tool form{flex-direction:column}.nw-tool button{padding:11px}}
.nw-grid-3 .nw-card.is-big{grid-column:1/-1}

/* ---------- 今週気をつけること（page-this-week.php） ---------- */
.tw-hero{position:relative;overflow:hidden;padding:44px 0 100px;background:linear-gradient(160deg,#1A0E0B 0%,#3A1610 55%,#5A1E12 100%);color:#fff}
.tw-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 0 0,rgba(240,122,95,.35),transparent 70%),radial-gradient(35% 60% at 100% 100%,rgba(246,180,69,.25),transparent 70%)}
.tw-hero .wrap{position:relative}
.tw-kick{margin:0;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:#FFB59F}
.tw-pulse{width:10px;height:10px;border-radius:50%;background:#FF6B4A;box-shadow:0 0 0 0 rgba(255,107,74,.7);animation:twp 1.6s infinite}
@keyframes twp{70%{box-shadow:0 0 0 12px rgba(255,107,74,0)}100%{box-shadow:0 0 0 0 rgba(255,107,74,0)}}
@media (prefers-reduced-motion:reduce){.tw-pulse{animation:none}}
.tw-hero h1{margin:10px 0 10px;font-size:44px;font-weight:900}
.tw-lead{margin:0;max-width:44em;font-size:15.5px;line-height:1.9;color:#F2D9D1}
.tw-sum{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tw-sum a{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px}
.tw-sum a:hover{text-decoration:none;background:rgba(255,255,255,.18)}
.tw-sum b{font-size:18px;margin-left:4px}
.tw-sum .lv-now a{background:#E8442A;border-color:#E8442A}
.tw-urgent{margin-top:-64px;position:relative;z-index:2}
.tw-urgent-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 0 0 3px #E8442A,0 30px 60px -30px rgba(90,30,18,.6)}
.tw-urgent-l{padding:32px 34px;background:linear-gradient(160deg,#FFF3EF,#fff)}
.tw-urgent-k{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900;color:#fff;background:#E8442A;border-radius:999px;padding:6px 16px}
.tw-urgent-l h2{margin:14px 0 12px;font-size:26px;line-height:1.5;font-weight:900;word-break:auto-phrase}
.tw-urgent-a{margin:0 0 14px;font-size:15px;line-height:1.95;color:var(--ink2)}
.tw-urgent-btn{display:inline-block;margin-top:14px;font-weight:700;color:#fff;background:#C8371D;border-radius:999px;padding:12px 24px}
.tw-urgent-btn:hover{text-decoration:none;color:#fff;background:#A92C16}
.tw-urgent-r{padding:32px 34px;background:#fff;border-left:1px solid #F3D7CC}
.tw-urgent-rk{margin:0 0 10px;font-size:13px;font-weight:700;color:#C8371D}
.tw-who{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:700;line-height:1.6}
.tw-who svg{flex:none;margin-top:3px;color:#C8371D}
.tw-who small{display:block;font-size:11px;color:var(--sub);font-weight:700}
.tw-todo{list-style:none;margin:12px 0 0;padding:0;counter-reset:t;display:grid;gap:8px}
.tw-todo li{counter-increment:t;position:relative;padding:10px 12px 10px 42px;background:#F7F9FC;border-radius:12px;font-size:13.5px;line-height:1.75}
.tw-todo li::before{content:counter(t);position:absolute;left:12px;top:11px;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.tw-todo.big li{font-size:14.5px;background:#FFF7F4}
.tw-todo.big li::before{background:#E8442A}
.tw-check{margin-top:16px;background:#0B1B36;color:#fff;border-radius:18px;padding:16px}
.tw-check label{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#5EE2D3;margin-bottom:8px}
.tw-check div{display:flex;gap:8px}
.tw-check input{flex:1;min-width:0;font:inherit;font-size:14.5px;padding:11px 14px;border:0;border-radius:12px}
.tw-check button{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:12px;padding:0 16px;background:#5EE2D3;color:#0B1B36;cursor:pointer;white-space:nowrap}
.tw-check small{display:block;margin-top:8px;font-size:11.5px;color:#9FB3CF;line-height:1.6}
.tw-body{padding:48px 0 80px;display:flex;flex-direction:column;gap:44px}
.tw-sec{scroll-margin-top:90px}
.tw-sec-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.tw-sec-h span.ic{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F07A5F,#C8371D)}
.tw-sec.lv-month .tw-sec-h span.ic{background:linear-gradient(135deg,#F6B445,#E08A12)}
.tw-sec.lv-scam .tw-sec-h span.ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}
.tw-sec.tw-tools .tw-sec-h span.ic{background:linear-gradient(135deg,#22C3B5,#0B7F77)}
.tw-sec-h h2{margin:0;font-size:24px;display:flex;align-items:baseline;gap:10px}
.tw-sec-h h2 b{font-size:14px;color:var(--sub)}
.tw-sec-h p{margin:2px 0 0;font-size:13.5px;color:var(--sub)}
.tw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tw-card{background:#fff;border:1px solid var(--line);border-top:5px solid #E8442A;border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 36px -32px rgba(14,34,64,.5)}
.tw-card.lv-month{border-top-color:#E0A019}.tw-card.lv-scam{border-top-color:#7C6CFF}
.tw-card-h{display:flex;align-items:center;justify-content:space-between}
.tw-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#C8371D;background:#FDEDE8;border-radius:999px;padding:3px 12px}
.tw-card.lv-month .tw-badge{color:#9A6300;background:#FFF2DC}.tw-card.lv-scam .tw-badge{color:#5442E0;background:#EFEBFF}
.tw-card-h time{font-size:12px;color:var(--sub)}
.tw-card h3{margin:0;font-size:18px;line-height:1.55}
.tw-card h3 a{color:var(--ink)}
.tw-act{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.tw-more{font-size:13.5px;font-weight:700}
.tw-tool{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:5px 12px}
.tw-tools-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tw-tools-g a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink)}
.tw-tools-g a:hover{text-decoration:none;border-color:var(--teal);color:var(--ink)}
.tw-tools-g svg{color:var(--teal)}
.tw-tools-g b{font-size:16px}
.tw-tools-g span{font-size:13px;color:var(--sub);line-height:1.7}
.tw-foot{margin:16px 0 0;font-size:13px;color:var(--sub)}
@media (max-width:900px){.tw-urgent-in{grid-template-columns:1fr}.tw-urgent-r{border-left:0;border-top:1px solid #F3D7CC}.tw-grid,.tw-tools-g{grid-template-columns:1fr}}
@media (max-width:600px){.tw-hero h1{font-size:32px}.tw-urgent-l,.tw-urgent-r{padding:22px 18px}.tw-check div{flex-direction:column}.tw-check button{padding:11px}}

/* トップ：今週気をつけること（今すぐ対応を目立たせる）と、最上部の緊急の帯 */
.a-tw{background:linear-gradient(160deg,#1A0E0B,#3A1610 55%,#5A1E12);color:#fff;border-radius:28px;padding:30px 32px;position:relative;overflow:hidden}
.a-tw::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 0 0,rgba(240,122,95,.35),transparent 70%)}
.a-tw>*{position:relative}
.a-tw-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.a-tw-top small{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:#FFB59F;display:flex;align-items:center;gap:8px}
.a-tw-top h2{margin:6px 0 0;font-size:30px;font-weight:900}
.a-tw-top a{color:#fff;font-weight:700;font-size:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 18px}
.a-tw-hero{margin-top:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;color:var(--ink);border-radius:20px;padding:20px 22px;box-shadow:0 0 0 3px #E8442A}
.a-tw-hero .b{font-size:13px;font-weight:900;color:#fff;background:#E8442A;border-radius:12px;padding:10px 14px;text-align:center;line-height:1.4}
.a-tw-hero h3{margin:0;font-size:19px;line-height:1.55}
.a-tw-hero p{margin:4px 0 0;font-size:13px;color:var(--sub)}
.a-tw-hero a.go{font-weight:700;color:#fff;background:#C8371D;border-radius:999px;padding:11px 20px;white-space:nowrap}
.a-tw-hero a.go:hover{text-decoration:none;background:#A92C16}
.a-tw-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.a-tw-list a{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;color:#fff;font-size:14px;font-weight:700;line-height:1.5}
.a-tw-list a:hover{text-decoration:none;background:rgba(255,255,255,.14)}
.a-tw-list em{flex:none;font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;background:#E8442A}
.a-tw-list em.month{background:#E08A12}.a-tw-list em.scam{background:#5442E0}
.a-alertbar{display:block;background:#C8371D;color:#fff;text-align:center;font-size:14px;font-weight:700;padding:10px 16px}
.a-alertbar:hover{text-decoration:none;color:#fff;background:#A92C16}
.a-alertbar b{background:#fff;color:#C8371D;border-radius:6px;padding:1px 8px;margin-right:8px;font-size:12px}
@media (max-width:800px){.a-tw{padding:22px 18px}.a-tw-hero{grid-template-columns:1fr}.a-tw-list{grid-template-columns:1fr}}

/* 今週気をつけること：詰め込みをほどく（1列の一覧・題と対象だけ・手順は開く・余白を倍） */
.tw-hero{padding:56px 0 120px}
.tw-urgent-in{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.tw-urgent-l,.tw-urgent-r{padding:44px 44px}
.tw-urgent-l h2{font-size:28px;margin:18px 0 16px}
.tw-urgent-a{font-size:15.5px;line-height:2.05;margin-bottom:22px}
.tw-urgent-btn{margin-top:22px}
.tw-todo{gap:0;margin-top:6px}
.tw-todo li,.tw-todo.big li{background:none;border-radius:0;border-bottom:1px solid #F1E2DC;padding:14px 4px 14px 40px;font-size:15px;line-height:1.85}
.tw-todo li:last-child{border-bottom:0}
.tw-todo li::before{left:4px;top:16px}
.tw-check{margin-top:26px;padding:20px}
.tw-body{padding:88px 0 120px;gap:88px;max-width:920px}
.tw-sec-h{margin-bottom:28px}
.tw-sec-h h2{font-size:26px}
.tw-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tw-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:30px 4px;border-bottom:1px solid var(--line)}
.tw-row-m{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.tw-row-m time{font-size:13px;color:var(--sub)}
.tw-row h3{margin:0;font-size:20px;line-height:1.6}
.tw-row h3 a{color:var(--ink)}
.tw-row-who{margin:8px 0 0;font-size:14.5px;color:var(--sub)}
.tw-row.lv-month .tw-badge{color:#9A6300;background:#FFF2DC}.tw-row.lv-scam .tw-badge{color:#5442E0;background:#EFEBFF}
.tw-steps{margin-top:14px}
.tw-steps summary{cursor:pointer;display:inline-block;font-size:14px;font-weight:700;color:var(--teal2);list-style:none}
.tw-steps summary::-webkit-details-marker{display:none}
.tw-steps summary::after{content:" ＋"}.tw-steps[open] summary::after{content:" −"}
.tw-steps ol{margin:12px 0 10px;padding-left:1.4em;display:grid;gap:10px;font-size:15px;line-height:1.85;color:var(--ink2)}
.tw-steps a{font-size:14px;font-weight:700}
.tw-tools-g{gap:20px}.tw-tools-g a{padding:26px}
@media (max-width:700px){.tw-row{grid-template-columns:1fr;gap:10px;padding:24px 2px}.tw-row-m{flex-direction:row;align-items:center}.tw-body{padding:56px 0 80px;gap:64px}.tw-urgent-l,.tw-urgent-r{padding:26px 20px}}
/* PHPバージョン・脆弱性チェック */
.php-tabs{display:flex;gap:6px;margin-bottom:18px;background:var(--well);border-radius:14px;padding:5px;width:max-content;max-width:100%}
.php-tabs button{font:inherit;font-size:14px;font-weight:700;border:0;border-radius:10px;padding:9px 18px;background:none;color:var(--sub);cursor:pointer}
.php-tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(14,34,64,.12)}
.php-quick{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.php-quick button{font:inherit;font-size:13px;font-weight:700;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:4px 14px;cursor:pointer}
.php-res{margin-top:22px}
.php-r{border-radius:22px;padding:24px 26px;border:2px solid var(--line)}
.php-r.ng{border-color:#E8442A;background:linear-gradient(160deg,#FFF3EF,#fff)}.php-r.warn{border-color:#E0A019;background:linear-gradient(160deg,#FFF8EA,#fff)}.php-r.ok{border-color:var(--teal);background:linear-gradient(160deg,#EEF9F6,#fff)}
.php-r-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.php-r-b{font-size:13px;font-weight:900;color:#fff;border-radius:999px;padding:4px 14px;background:var(--teal)}
.php-r.ng .php-r-b{background:#E8442A}.php-r.warn .php-r-b{background:#E0A019}
.php-r-host{font-size:13px;color:var(--sub)}
.php-r-v{margin:12px 0 0;font-size:34px;font-weight:700;color:var(--navy)}
.php-r h3{margin:4px 0 8px;font-size:21px}
.php-r>p{margin:0 0 10px;font-size:15px;line-height:1.9;color:var(--ink2)}
.php-r-k{margin:14px 0 6px!important;font-size:13px!important;font-weight:700;color:var(--ink)!important}
.php-r ol{margin:0;padding-left:1.4em;display:grid;gap:8px;font-size:15px;line-height:1.8}
.php-r-l{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 0!important}
.php-r-l a,.php-r-l button{font:inherit;font-size:14px;font-weight:700;background:none;border:0;color:var(--blue);cursor:pointer;padding:0}
.php-doc{margin-top:48px;font-size:15.5px;line-height:2}
.php-doc h2{margin:44px 0 14px;font-size:22px}
.php-doc ol{padding-left:1.4em;display:grid;gap:8px}
.a-alertbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 0}
.a-alertbar em{font-style:normal;background:#FFE14D;color:#7A1A0B;border-radius:999px;padding:3px 14px;margin-left:12px;font-weight:900;white-space:nowrap}
.a-alertbar:hover em{background:#fff}
@media (max-width:640px){.a-alertbar span{flex-basis:calc(100% - 90px)}.a-alertbar em{margin:4px 0 0}}
/* /tools/php/ 中身 */
.php-get{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.php-get li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;display:grid;gap:4px}
.php-get span.ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2);margin-bottom:6px}
.php-get b{font-size:15.5px}.php-get small{font-size:13px;color:var(--sub);line-height:1.7}
.php-doc{margin-top:24px}
.php-sec{padding:64px 0 8px}
.php-k{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--teal2)}
.php-doc .php-sec h2{margin:0 0 16px;font-size:26px;line-height:1.5;text-wrap:balance}
.php-lead{margin:0 0 28px;font-size:16px;line-height:2;color:var(--ink2)}
.php-flow{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:f}
.php-flow li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px;text-align:center;display:grid;gap:6px;justify-items:center}
.php-flow li:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:50%;transform:translateY(-50%);color:var(--sub);font-weight:700}
.php-flow span.ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}
.php-flow li.bad{border-color:#F3B4A6;background:#FFF5F2}.php-flow li.bad span.ic{background:#E8442A}
.php-flow b{font-size:15.5px}.php-flow small{font-size:13px;color:var(--sub)}
.php-tl{border-left:2px solid var(--line2);margin:0 0 24px 8px;padding-left:22px;display:grid;gap:14px}
.php-tl p{margin:0;position:relative;display:flex;gap:16px;font-size:15px;line-height:1.8}
.php-tl p::before{content:"";position:absolute;left:-29px;top:8px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--teal)}
.php-tl p.hot::before{background:#E8442A;border-color:#E8442A}.php-tl p.hot span{color:#C8371D;font-weight:700}
.php-tl time{font-weight:700;min-width:3.2em;color:var(--navy)}
.php-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}
.php-chips span{font-size:13px;color:var(--sub);margin-right:4px}
.php-chips b{font-size:13px;background:var(--well);border-radius:999px;padding:4px 12px}
.php-chips b:first-of-type{background:#FDE8E3;color:#B52F17}
.php-more{font-weight:700}
.php-life{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px 16px}
.php-life-y{position:relative;height:22px;margin-left:52px;margin-right:132px}
.php-life-y span{position:absolute;transform:translateX(-50%);font-size:12px;color:var(--sub)}
.php-life-r{display:grid;grid-template-columns:40px minmax(0,1fr) 120px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.php-life-r b{font-size:17px;color:var(--navy)}
.php-life-t{position:relative;height:14px;background:var(--well);border-radius:999px}
.php-life-t i{position:absolute;top:0;bottom:0;border-radius:999px}
.php-life-t i.a{background:var(--teal)}.php-life-t i.s{background:#9ED9D2}
.php-life-t::after{content:"";position:absolute;left:var(--today);top:-8px;bottom:-8px;width:2px;background:#E8442A}
.php-life-r small{font-size:13px;font-weight:700;color:var(--ink2)}
.php-life-r.end b,.php-life-r.end small{color:#B9C3CF}.php-life-r.end .php-life-t i{background:#D6DDE5}
.php-life-k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0 0;font-size:12.5px;color:var(--sub)}
.php-life-k span{display:inline-block;width:18px;height:8px;border-radius:9px;margin-right:-8px}
.php-life-k .a{background:var(--teal)}.php-life-k .s{background:#9ED9D2}.php-life-k .t{width:2px;height:14px;background:#E8442A;border-radius:0}
.php-82{display:flex;gap:24px;align-items:center;margin:20px 0;background:linear-gradient(135deg,#FFF6E6,#FFF);border:1px solid #F2D49B;border-radius:20px;padding:22px 26px}
.php-82-n{margin:0;display:grid;justify-items:center;min-width:120px;color:#9A5B00;font-weight:700}
.php-82-n small{font-size:11.5px}.php-82-n b{font-size:46px;line-height:1.1;color:#C87800}
.php-82 h3{margin:0 0 6px;font-size:18px}.php-82 p{margin:0;font-size:15px;line-height:1.9;color:var(--ink2)}
.php-tbl,.php-det{border:1px solid var(--line);border-radius:16px;background:#fff;margin:0 0 12px}
.php-tbl summary,.php-det summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px}
.php-tbl .tw{margin:0 16px 16px}
.php-det>p,.php-det>ul{margin:0 20px 16px;font-size:15px;line-height:1.9;color:var(--ink2)}
.php-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.php-how>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.php-how span.ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--well);color:var(--navy)}
.php-how h3{margin:12px 0 6px;font-size:17px}.php-how p{margin:0;font-size:14.5px;line-height:1.9;color:var(--ink2)}
.php-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.php-st>div{border-radius:18px;padding:20px;border-top:5px solid}
.php-st .ng{background:#FFF3EF;border-color:#E8442A}.php-st .warn{background:#FFF8EA;border-color:#E0A019}.php-st .ok{background:#EEF9F6;border-color:var(--teal)}
.php-st b{font-size:16px}.php-st p{margin:6px 0 0;font-size:14px;line-height:1.85;color:var(--ink2)}
.php-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.php-rel a{display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--ink)}
.php-rel a:hover{text-decoration:none;border-color:var(--teal)}
.php-rel svg{color:var(--teal2);margin-bottom:6px}.php-rel b{font-size:15.5px}.php-rel span{font-size:13px;color:var(--sub)}
@media (max-width:760px){
 .php-get,.php-flow,.php-how,.php-st,.php-rel{grid-template-columns:1fr}
 .php-flow{gap:22px}.php-flow li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%)}
 .php-life{padding:16px 14px}.php-life-y{margin:0 0 0 46px}.php-life-y span:nth-child(even){display:none}
 .php-life-r{grid-template-columns:34px minmax(0,1fr);row-gap:4px}.php-life-r small{grid-column:2}
 .php-82{flex-direction:column;align-items:flex-start;gap:8px}.php-82-n{justify-items:start}
 .php-doc .php-sec h2{font-size:22px}.php-sec{padding-top:48px}
}
@media (max-width:760px){
 .php-get{gap:8px}.php-get li{grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:14px}.php-get span.ic{grid-row:span 2;margin:0}
 .php-82-n{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.php-82-n small{flex-basis:100%}
}
/* 今週：PHPチェックをカード下いっぱいに */
.tw-check-wide{grid-column:1/-1;margin:0;border-radius:0;padding:34px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 36px;align-items:center;background:linear-gradient(120deg,#0B1B36,#123158)}
.tw-check-wide .tw-check-t{display:grid;gap:8px}
.tw-check-free{justify-self:start;background:#FFE14D;color:#7A1A0B;font-size:13px;font-weight:900;border-radius:999px;padding:3px 14px}
.tw-check-wide label{margin:0;font-size:22px;line-height:1.5;color:#fff;font-weight:900}
.tw-check-wide p{margin:0;font-size:13px;line-height:1.8;color:#9FB3CF}
.tw-check-wide .tw-check-f{display:flex;gap:10px;background:#fff;border-radius:18px;padding:8px}
.tw-check-wide input{font-size:17px;padding:16px 14px;border-radius:12px}
.tw-check-wide button{display:inline-flex;align-items:center;gap:8px;font-size:16px;padding:0 26px;border-radius:12px;background:#E8442A;color:#fff;box-shadow:0 10px 20px -10px #E8442A}
.tw-check-wide button:hover{background:#C8371D}
@media (max-width:900px){.tw-check-wide{grid-template-columns:1fr;padding:26px 20px}.tw-check-wide label{font-size:19px}}
@media (max-width:600px){.tw-check-wide .tw-check-f{flex-direction:column}.tw-check-wide button{justify-content:center;padding:14px}}
.tw-check-wide label{word-break:auto-phrase}
@media (max-width:900px){.tw-urgent-in{grid-template-columns:1fr}.tw-urgent-r{border-left:0;border-top:1px solid #F3D7CC}}
@media (max-width:700px){.tw-body{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
/* 今週：カード型の一覧 */
.tw-body{max-width:1120px;gap:96px}
.tw-sec-h{gap:18px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.tw-sec-h span.ic{width:58px;height:58px;border-radius:18px;box-shadow:0 14px 24px -14px #C8371D}
.tw-sec.lv-month .tw-sec-h span.ic{box-shadow:0 14px 24px -14px #E08A12}.tw-sec.lv-scam .tw-sec-h span.ic{box-shadow:0 14px 24px -14px #5442E0}
.tw-sec-k{margin:0 0 2px!important;font-size:11.5px!important;font-weight:700;letter-spacing:.16em;color:#C8371D!important}
.tw-sec.lv-month .tw-sec-k{color:#B26F00!important}.tw-sec.lv-scam .tw-sec-k{color:#5442E0!important}
.tw-sec-h h2{font-size:28px}
.tw-sec-h h2 b{font-size:13px;color:#C8371D;background:#FDEDE8;border-radius:999px;padding:2px 10px}
.tw-sec.lv-month .tw-sec-h h2 b{color:#9A6300;background:#FFF2DC}.tw-sec.lv-scam .tw-sec-h h2 b{color:#5442E0;background:#EFEBFF}
.tc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.tc{--c1:#F07A5F;--c2:#C8371D;--bg:#FFF4F0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.tc.lv-month{--c1:#F6B445;--c2:#E08A12;--bg:#FFF8EA}.tc.lv-scam{--c1:#7C6CFF;--c2:#5442E0;--bg:#F3F0FF}
.tc:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(14,34,64,.45)}
.tc-art{position:relative;display:flex;align-items:center;gap:14px;padding:22px 24px;background:radial-gradient(120% 140% at 100% 0,color-mix(in srgb,var(--c1) 22%,transparent),transparent 60%),var(--bg);overflow:hidden}
.tc-art::after{content:"";position:absolute;right:-30px;bottom:-46px;width:130px;height:130px;border-radius:50%;border:18px solid color-mix(in srgb,var(--c1) 18%,transparent)}
.tc-ic{width:50px;height:50px;flex:none;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 10px 18px -10px var(--c2)}
.tc-tag{font-size:17px;font-weight:900;color:var(--ink);line-height:1.4}
.tc-art time{margin-left:auto;font-size:12.5px;color:var(--sub);position:relative;z-index:1}
.tc-b{padding:22px 24px 22px}
.tc-b h3{margin:0;font-size:18.5px;line-height:1.65}
.tc-b h3 a{color:var(--ink)}
.tc-who{display:flex;gap:8px;margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--sub)}
.tc-who svg{flex:none;margin-top:4px;color:var(--c2)}
.tc .tw-steps{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line2)}
.tc .tw-steps ol{font-size:14.5px}
.tc-f{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:16px 0 0;font-size:14px;font-weight:700}
.tc-tool{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff!important;border-radius:999px;padding:7px 16px;font-size:13px}
.tc-tool:hover{text-decoration:none;background:#E8442A}
/* 診断の帯 */
.tw-tools{background:linear-gradient(130deg,#0B1B36,#14355E);border-radius:28px;padding:44px 44px 36px;color:#fff;position:relative;overflow:hidden}
.tw-tools::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(94,226,211,.28),transparent 70%)}
.tw-tools .tw-sec-h{border-color:rgba(255,255,255,.14)}
.tw-tools .tw-sec-h h2{color:#fff}.tw-tools .tw-sec-h p{color:#9FB3CF}
.tw-tools-g a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;position:relative}
.tw-tools-g a:hover{background:rgba(255,255,255,.12);border-color:#5EE2D3;color:#fff}
.tw-tools-g svg{color:#5EE2D3}.tw-tools-g span{color:#B7C6DA}
.tw-tools-g b::after{content:" →";color:#5EE2D3}
.tw-tools .tw-foot{color:#9FB3CF;position:relative}.tw-tools .tw-foot a{color:#5EE2D3}
@media (max-width:860px){.tc-grid{grid-template-columns:1fr}.tw-tools{padding:30px 20px 26px;border-radius:22px}}
@media (max-width:600px){.tc-art{padding:18px}.tc-b{padding:18px 18px 20px}.tw-sec-h h2{font-size:23px}.tw-sec-h span.ic{width:50px;height:50px}.tw-body{gap:72px}}
/* /guide/ 記事の入口 */
.gd-tracks .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-28px;position:relative;z-index:2}
.gd-tracks a{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;color:var(--ink);box-shadow:0 18px 34px -24px rgba(14,34,64,.4);transition:transform .2s,border-color .2s}
.gd-tracks a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--teal)}
.gd-tracks span.ic{grid-row:span 2;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#22C3B5,#0B7F77)}
.gd-tracks a:nth-child(2) span.ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}.gd-tracks a:nth-child(3) span.ic{background:linear-gradient(135deg,#4F86FF,#2457F5)}.gd-tracks a:nth-child(4) span.ic{background:linear-gradient(135deg,#F07A5F,#C8371D)}
.gd-tracks b{font-size:16px}.gd-tracks small{font-size:12.5px;color:var(--sub)}
.gd-sec{padding-top:88px}
.gd-k{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--teal2)}
.gd-h{margin:0 0 12px;font-size:30px;line-height:1.45;text-wrap:balance}
.gd-lead{margin:0 0 36px;font-size:16px;line-height:2;color:var(--sub);max-width:44em}
.gd-feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--navy);border-radius:28px;overflow:hidden;color:#fff;box-shadow:0 30px 60px -36px rgba(14,34,64,.7);transition:transform .2s}
.gd-feat:hover{text-decoration:none;color:#fff;transform:translateY(-3px)}
.gd-feat img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630;max-width:100%}
.gd-feat-b{padding:40px 44px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.gd-feat-m{margin:0;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;color:#9FB3CF}
.gd-feat-m span:first-child{background:#E8442A;color:#fff;border-radius:999px;padding:1px 10px;font-weight:700}
.gd-feat h2{margin:0;font-size:24px;line-height:1.55;color:#fff}
.gd-feat-b>p:not(.gd-feat-m){margin:0;font-size:14.5px;line-height:1.9;color:#C9D6E6}
.gd-feat-go{align-self:flex-start;margin-top:6px;background:#5EE2D3;color:#0B1B36;font-weight:700;font-size:14px;border-radius:999px;padding:9px 20px}
.gd-more{margin-top:24px}
.gd-sub{display:flex;align-items:center;gap:8px;margin:40px 0 16px;font-size:17px;color:var(--ink)}
.gd-sub svg{color:var(--teal2)}
.gd-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gd-guides a{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.gd-guides a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--teal);box-shadow:0 22px 40px -28px rgba(14,34,64,.45)}
.gd-guides span.ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--tint);color:var(--teal2);margin-bottom:6px}
.gd-guides b{font-size:17px}
.gd-guides small{font-size:13.5px;line-height:1.85;color:var(--sub);flex:1}
.gd-guides i{font-style:normal;font-size:13.5px;font-weight:700;color:var(--teal2);margin-top:6px}
.gd-cases{background:linear-gradient(180deg,var(--well),transparent);margin-top:88px;padding-bottom:20px}
.gd-all{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.gd-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gd-words a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--ink)}
.gd-words a:hover{text-decoration:none;border-color:var(--teal)}
.gd-words span.ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--well);color:var(--navy);margin-bottom:4px}
.gd-words b{font-size:16px}.gd-words small{font-size:13px;line-height:1.8;color:var(--sub)}
@media (max-width:960px){.gd-tracks .wrap,.gd-words{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-feat{grid-template-columns:1fr}.gd-feat-b{padding:28px 24px}}
@media (max-width:600px){.gd-tracks .wrap{gap:10px}.gd-tracks a{grid-template-columns:1fr;padding:16px;row-gap:8px}.gd-tracks span.ic{grid-row:auto}.gd-guides,.gd-words{grid-template-columns:1fr}.gd-h{font-size:24px}.gd-sec{padding-top:64px}.gd-feat h2{font-size:20px}}
.gd-feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.gd-feat img{height:auto;object-fit:contain}
@media (max-width:960px){.gd-feat{grid-template-columns:1fr}}
/* トップ：並べ替え後 */
.a-tw-sec{padding-top:72px;padding-bottom:24px}
#risk{padding-bottom:96px}
.a-svc-g{display:flex;align-items:center;gap:8px;margin:36px 0 14px;font-size:15px;font-weight:700;color:var(--ink)}
.a-svc-g svg{color:var(--teal2)}
.a-svc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.a-svc a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink);transition:transform .2s,border-color .2s}
.a-svc a:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--teal)}
.a-svc span.ic{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.a-svc b{font-size:14.5px;line-height:1.45}
.a-svc small{font-size:12px;color:var(--sub)}
#services .a-btns{margin-top:36px}
@media (max-width:1000px){.a-svc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.a-svc{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.a-svc a{grid-template-columns:1fr;row-gap:6px;padding:14px}.a-svc span.ic{grid-row:auto}.a-tw-sec{padding-top:48px}}
@media (max-width:640px){.a-tw-hero .b{justify-self:start;padding:4px 14px}.a-tw-hero .b br{display:none}}
/* トップ：今週気をつけること（2列） */
.tw2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 40px 70px -46px rgba(90,30,18,.55)}
.tw2-hero{position:relative;padding:40px 40px 38px;color:#fff;background:radial-gradient(70% 60% at 0 0,rgba(255,138,101,.45),transparent 70%),radial-gradient(60% 50% at 100% 100%,rgba(255,225,77,.16),transparent 70%),linear-gradient(150deg,#3A1209,#8E2613 60%,#C8371D);overflow:hidden}
.tw2-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.06)}
.tw2-hero>*{position:relative;z-index:1}
.tw2-k{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#FFC7B5}
.tw2-hero h2{margin:8px 0 26px;font-size:32px;font-weight:900;color:#fff}
.tw2-top{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px;backdrop-filter:blur(6px)}
.tw2-top-m{display:flex;align-items:center;gap:14px}
.tw2-ic{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;background:#fff;color:#C8371D;box-shadow:0 12px 22px -12px rgba(0,0,0,.5)}
.tw2-top-m div{display:grid;gap:2px}
.tw2-lv{font-size:11.5px;font-weight:700;color:#FFE14D;letter-spacing:.06em}
.tw2-top-m b{font-size:20px;font-weight:900}
.tw2-top h3{margin:16px 0 10px;font-size:21px;line-height:1.6;color:#fff;word-break:auto-phrase}
.tw2-top>p{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;line-height:1.7;color:#FFD9CD}
.tw2-top>p svg{flex:none;margin-top:3px}
.tw2-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tw2-btns a{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;border-radius:999px;padding:11px 20px}
.tw2-btns a:hover{text-decoration:none}
.tw2-btns .y{background:#FFE14D;color:#6E1708;box-shadow:0 10px 20px -10px #FFE14D}.tw2-btns .y:hover{background:#fff}
.tw2-btns .w{color:#fff;border:1px solid rgba(255,255,255,.4)}.tw2-btns .w:hover{background:rgba(255,255,255,.12);color:#fff}
.tw2-side{padding:30px 32px 26px;display:flex;flex-direction:column}
.tw2-side-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.tw2-cnt{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.tw2-cnt span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 12px;background:#FDEDE8;color:#C8371D}
.tw2-cnt span.month{background:#FFF2DC;color:#9A6300}.tw2-cnt span.scam{background:#EFEBFF;color:#5442E0}
.tw2-cnt b{font-size:14px}
.tw2-side-h a{font-size:14px;font-weight:700;color:var(--teal2)}
.tw2-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tw2-list li{border-bottom:1px solid var(--line)}
.tw2-list li:last-child{border-bottom:0}
.tw2-list a{--c1:#F07A5F;--c2:#C8371D;--cb:#FDEDE8;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 6px;color:var(--ink);border-radius:14px;transition:background .15s}
.tw2-list a.month{--c1:#F6B445;--c2:#E08A12;--cb:#FFF2DC}.tw2-list a.scam{--c1:#7C6CFF;--c2:#5442E0;--cb:#EFEBFF}
.tw2-list a:hover{text-decoration:none;background:var(--well)}
.tw2-li-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.tw2-li-b{display:grid;gap:3px;min-width:0}
.tw2-li-b small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--sub)}
.tw2-li-b em{font-style:normal;font-size:11px;color:var(--c2);background:var(--cb);border-radius:999px;padding:1px 8px}
.tw2-li-b b{font-size:14.5px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw2-list i{font-style:normal;color:var(--sub);transition:transform .15s}
.tw2-list a:hover i{transform:translateX(3px);color:var(--c2)}
@media (max-width:960px){.tw2{grid-template-columns:1fr}.tw2-hero{padding:30px 22px}.tw2-side{padding:22px 18px}}
@media (max-width:600px){.tw2-hero h2{font-size:26px}.tw2-top{padding:18px}.tw2-top h3{font-size:18px}.tw2-btns a{flex:1;justify-content:center}.tw2-li-b b{white-space:normal}.tw2{border-radius:24px}}
@media (max-width:600px){.tw2-btns{flex-direction:column}.tw2-btns a{white-space:nowrap}}
/* PHPチェック：版が見えないときの結果 */
.php-hid{border-color:var(--line2);background:linear-gradient(160deg,#F3F7FB,#fff)}
.php-hid .php-r-b{background:var(--navy)}
.php-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.php-f{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:2px}
.php-f small{font-size:11.5px;color:var(--sub)}
.php-f b{font-size:15px;line-height:1.5}
.php-f.y b{color:var(--teal2)}.php-f.g b{color:var(--sub)}
.php-how2{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-top:12px}
.php-how2 .php-r-k{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font-size:15px!important}
.php-how2 .php-r-k span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:12px}
.php-inl{margin-top:18px;background:var(--navy);border-radius:18px;padding:18px 20px;color:#fff}
.php-inl label{display:block;font-size:14px;font-weight:700;margin-bottom:10px;color:#5EE2D3}
.php-inl .php-quick button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
.php-inl-m{margin:8px 0 0;font-size:13px;color:#FFB59F}
@media (max-width:700px){.php-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.php-v{border-radius:20px;padding:22px 24px;margin:4px 0 16px;border:2px solid var(--teal);background:#fff}
.php-v.warn{border-color:#E0A019}.php-v.ng{border-color:#E8442A}
.php-v-b{display:inline-block;margin:0 0 8px;font-size:13px;font-weight:900;color:#fff;background:var(--teal);border-radius:999px;padding:3px 14px}
.php-v.warn .php-v-b{background:#E0A019}.php-v.ng .php-v-b{background:#E8442A}
.php-v h3{margin:0 0 12px!important;font-size:20px!important;line-height:1.6}
.php-v-s{display:grid;grid-template-columns:8em minmax(0,1fr);gap:12px;margin:0;padding:10px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.8}
.php-v-s b{font-size:13px;color:var(--sub)}
.php-v-src{margin:10px 0 0;font-size:12.5px;color:var(--sub)}
.php-more2{margin-top:6px}.php-more2>summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--teal2);padding:8px 0}
@media (max-width:600px){.php-v-s{grid-template-columns:1fr;gap:2px}}
.php-hosts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.php-host{background:#fff;border:1px solid var(--line);border-radius:16px}
.php-host summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px}
.php-host summary::-webkit-details-marker{display:none}
.php-host-n{font-weight:700;font-size:15px;flex:1;min-width:0}
.php-host-b{font-size:12px;font-weight:900;color:#fff;background:var(--teal);border-radius:999px;padding:2px 10px;white-space:nowrap}
.php-host.warn .php-host-b{background:#E0A019}
.php-host-d{font-size:12px;color:var(--sub);white-space:nowrap}
.php-host dl{margin:0 18px;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.php-host dt{font-size:12px;font-weight:700;color:var(--sub)}.php-host dd{margin:2px 0 0;font-size:14px;line-height:1.8}
.php-host>a{display:inline-block;margin:10px 18px 16px;font-size:13.5px;font-weight:700}
@media (max-width:700px){.php-hosts{grid-template-columns:1fr}}
/* PHPチェック：URLの結果レポート */
.prx{--c:#0E9F95;--c2:#5EE2D3;--cb:#EAF8F5;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgba(14,34,64,.55)}
.prx.t-warn{--c:#D98A0B;--c2:#FFC85C;--cb:#FFF6E4}.prx.t-ng{--c:#E8442A;--c2:#FF9A85;--cb:#FFF0EC}.prx.t-q{--c:#4F6B8A;--c2:#A9C1DC;--cb:#EFF3F8}
.prx-top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:26px 30px;color:#fff;background:radial-gradient(60% 120% at 100% 0,color-mix(in srgb,var(--c2) 40%,transparent),transparent 65%),linear-gradient(135deg,#0B1B36,#142E52);overflow:hidden}
.prx-top::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:14px 14px;mask:linear-gradient(90deg,transparent,#000);pointer-events:none}
.prx-top>*{position:relative;z-index:1}
.prx-id{display:grid;gap:4px;min-width:0}
.prx-id small{font-size:11.5px;letter-spacing:.14em;color:#9FB3CF}
.prx-id b{font-size:26px;font-weight:700;word-break:break-all}
.prx-st{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:10px 18px 10px 10px}
.prx-ring{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 30%,transparent),0 10px 24px -8px var(--c)}
.prx-st small{display:block;font-size:11px;color:#9FB3CF}.prx-st b{font-size:19px;color:var(--c2)}
.prx-main{padding:28px 30px 8px}
.prx-main h3{margin:0 0 12px;font-size:22px;line-height:1.55;text-wrap:balance}
.prx-lead{margin:0 0 14px;font-size:15px;line-height:1.95;color:var(--ink2)}
.prx-do{display:flex;gap:14px;align-items:flex-start;background:var(--cb);border-radius:18px;padding:16px 18px;margin:6px 0 14px}
.prx-do>span{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--c)}
.prx-do small{font-size:12px;font-weight:700;color:var(--c)}
.prx-do p{margin:2px 0 0;font-size:15.5px;line-height:1.85;color:var(--ink);font-weight:500}
.prx-vers{margin:0 0 8px;font-size:14px;line-height:1.8;color:var(--ink2)}
.prx-vers small{display:inline-block;margin-right:10px;font-size:12px;font-weight:700;color:var(--sub)}
.prx-src{margin:0 0 6px;font-size:12.5px;color:var(--sub)}
.prx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 30px 24px}
.prx-f{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px}
.prx-f>span{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--well);color:var(--sub)}
.prx-f.on>span{background:var(--tint);color:var(--teal2)}
.prx-f small{font-size:11px;color:var(--sub)}.prx-f b{font-size:14px;line-height:1.4}
.prx-more{margin:0 30px 6px;border-top:1px solid var(--line)}
.prx-more>summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:700;font-size:14px;color:var(--teal2)}
.prx-more>summary::-webkit-details-marker{display:none}
.prx-more>summary::after{content:" ＋"}.prx-more[open]>summary::after{content:" −"}
.prx-more>div,.prx-chk{padding-bottom:10px}.prx-chk{margin:0 30px}
.prx-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding:16px 30px 22px;border-top:1px solid var(--line);background:var(--well);font-size:14px;font-weight:700}
@media (max-width:700px){.prx-top,.prx-main{padding-left:20px;padding-right:20px}.prx-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 20px 20px}.prx-more,.prx-chk{margin:0 20px}.prx-links{padding:14px 20px 18px}.prx-id b{font-size:22px}.prx-main h3{font-size:19px}}
.php-inl .btn-main{background:#5EE2D3;color:#0B1B36}.php-inl .btn-main:hover{background:#fff}
@media (max-width:700px){.prx-do{flex-direction:column;gap:8px}.prx-do>span{width:34px;height:34px}.prx-f{grid-template-columns:1fr;row-gap:6px}.prx-f>span{grid-row:auto}}
/* 記事の中のPHPチェック */
.nw-live{margin:36px 0;border-radius:26px;padding:26px;background:linear-gradient(150deg,#0B1B36,#163A66);box-shadow:0 30px 60px -40px rgba(14,34,64,.7)}
.nw-live-h{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:#fff}
.nw-live-h span.ic{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:#5EE2D3;color:#0B1B36}
.nw-live-h p{margin:0!important;font-size:12.5px!important;font-weight:700;color:#5EE2D3!important}
.nw-live-h b{font-size:19px;line-height:1.5;color:#fff}
.nw-live .tool-box{margin:0;box-shadow:none}
.nw-live .php-quick{margin-top:10px!important}
@media (max-width:600px){.nw-live{padding:18px 14px;border-radius:20px}.nw-live-h b{font-size:16px}}
/* 記事の装飾がツールに漏れないように */
.nw-live b,.nw-live strong{background:none!important;box-shadow:none!important;padding:0}
.nw-live h3{border:0!important;padding:0!important;margin-top:0}
.nw-live h3::before,.nw-live h3::after,.nw-live .prx-id b::before,.nw-live .prx-id b::after{display:none!important}
.nw-live p{font-size:inherit}
.nw-live .prx-main h3{font-size:21px!important;margin:0 0 12px!important}
@media (max-width:600px){.nw-live .php-tabs button{padding:8px 12px;font-size:13px;white-space:nowrap}.nw-live .prx-main h3{font-size:18px!important}}
/* ニュース：3行まとめ＋今すぐやること */
.nw-sum2-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgba(14,34,64,.5)}
.nw-sum2-in.one{grid-template-columns:1fr}
.nw-sum2-k{margin:0 0 6px;font-family:var(--mono);font-size:12px;letter-spacing:.16em}
.nw-sum2 h2{margin:0 0 22px;font-size:24px}
.nw-sum2 ol{list-style:none;margin:0;padding:0;display:grid}
.nw-sum2-a{position:relative;padding:34px 36px;color:#fff;background:radial-gradient(70% 80% at 100% 0,rgba(94,226,211,.22),transparent 70%),linear-gradient(150deg,#0B1B36,#16365F);overflow:hidden}
.nw-sum2-a::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;border:26px solid rgba(255,255,255,.05)}
.nw-sum2-a .nw-sum2-k{color:#5EE2D3}.nw-sum2-a h2{color:#fff}
.nw-sum2-a ol{gap:18px;position:relative;z-index:1}
.nw-sum2-a li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.nw-sum2-a li b{font-size:22px;line-height:1.3;color:#5EE2D3;border-top:2px solid rgba(94,226,211,.5);padding-top:4px}
.nw-sum2-a li p{margin:0;font-size:15.5px;line-height:1.95;color:#E6EEF8;font-weight:500}
.nw-sum2-t{padding:34px 36px}
.nw-sum2-t .nw-sum2-k{color:#C8371D}
.nw-sum2-t ol{gap:10px}
.nw-sum2-t li a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;color:var(--ink);transition:border-color .15s,background .15s,transform .15s}
.nw-sum2-t li a:hover{text-decoration:none;border-color:#F3B4A6;background:#FFF7F4;transform:translateX(2px)}
.nw-sum2-t li span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#F07A5F,#C8371D);color:#fff;font-weight:700;font-size:15px}
.nw-sum2-t li p{margin:0;font-size:14.5px;line-height:1.75;font-weight:500}
.nw-sum2-t li i{font-style:normal;color:var(--sub)}
.nw-sum2-more{display:inline-block;margin-top:16px;font-size:14px;font-weight:700;color:#C8371D}
@media (max-width:860px){.nw-sum2-in{grid-template-columns:1fr}.nw-sum2-a,.nw-sum2-t{padding:26px 20px}.nw-sum2 h2{font-size:21px}}
/* 6列以上の表は詰めずに横へ動かす（縦書きのように折り返さない） */
.nw-prose .tw-wide table{min-width:980px}
.nw-prose .tw-wide th,.nw-prose .tw-wide td{min-width:120px}
.nw-prose .tw-wide td:first-child,.nw-prose .tw-wide th:first-child{min-width:130px;font-weight:700}
@media (max-width:700px){.nw-prose .tw-wide table{min-width:0}.nw-prose .tw-wide th,.nw-prose .tw-wide td{min-width:0}}
/* /news/ 続報中のまとめ */
.nw-pin-sec{padding:28px 0 0}
.nw-pin-k{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:900;color:#C8371D}
.nw-pins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.nw-pin{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;color:var(--ink);box-shadow:0 22px 44px -34px rgba(14,34,64,.5);transition:transform .2s,border-color .2s}
.nw-pin:hover{text-decoration:none;transform:translateY(-3px);border-color:#F3B4A6}
.nw-pin img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:14px;max-width:100%}
.nw-pin-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 6px;font-size:12px;color:var(--sub)}
.nw-pin-m span{background:#E8442A;color:#fff;font-weight:900;border-radius:999px;padding:1px 10px}
.nw-pin h2{margin:0 0 6px;font-size:16.5px;line-height:1.55}
.nw-pin div>p:not(.nw-pin-m){margin:0;font-size:13px;line-height:1.75;color:var(--sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nw-pin i{display:inline-block;margin-top:8px;font-style:normal;font-size:13px;font-weight:700;color:#C8371D}
@media (max-width:1000px){.nw-pins{grid-template-columns:1fr}}
@media (max-width:560px){.nw-pin{grid-template-columns:1fr}}
/* トップ：ニュース（GMOを大きく） */
.a-nwh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#2A0D07,#7E2212 60%,#B8321A);color:#fff;box-shadow:0 34px 70px -44px rgba(90,30,18,.8);transition:transform .2s}
.a-nwh:hover{text-decoration:none;color:#fff;transform:translateY(-3px)}
.a-nwh-img{background:#fff;display:grid;place-items:center}
.a-nwh-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;max-width:100%}
.a-nwh-b{padding:32px 36px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.a-nwh-m{margin:0;display:flex;align-items:center;gap:10px;font-size:13px;color:#FFC7B5}
.a-nwh-m b{background:#FFE14D;color:#6E1708;border-radius:999px;padding:2px 12px;font-size:12.5px}
.a-nwh h3{margin:0;font-size:23px;line-height:1.55;color:#fff;text-wrap:balance}
.a-nwh-k{margin:4px 0 0;font-size:12px;font-weight:700;letter-spacing:.08em;color:#FFE14D}
.a-nwh ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.a-nwh li{position:relative;padding-left:16px;font-size:14px;line-height:1.75;color:#FFE4DA}
.a-nwh li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:50%;background:#FFE14D}
.a-nwh-go{align-self:flex-start;margin-top:6px;background:#fff;color:#8E2613;font-weight:700;font-size:14px;border-radius:999px;padding:10px 20px}
.a-nw-grid{margin-top:22px}
.nw-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#news .a-btns,#articles .a-btns{margin-top:30px}
@media (max-width:1100px){.nw-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.a-nwh{grid-template-columns:1fr}.a-nwh-b{padding:24px 20px}.a-nwh h3{font-size:19px}}
@media (max-width:600px){.nw-grid-4{grid-template-columns:1fr}}
/* トップ：ニュース v2 */
.a-nwh2{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:30px;overflow:hidden;color:#fff;background:radial-gradient(60% 80% at 0 0,rgba(255,138,101,.38),transparent 65%),radial-gradient(50% 60% at 100% 100%,rgba(255,225,77,.14),transparent 70%),linear-gradient(140deg,#250A05,#6E1C0E 55%,#A92C16);box-shadow:0 40px 80px -50px rgba(90,30,18,.9);transition:transform .25s}
.a-nwh2::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px;mask:linear-gradient(90deg,#000,transparent 70%);pointer-events:none}
.a-nwh2::after{content:"";position:absolute;left:-90px;bottom:-120px;width:300px;height:300px;border-radius:50%;border:40px solid rgba(255,255,255,.04);pointer-events:none}
.a-nwh2:hover{text-decoration:none;color:#fff;transform:translateY(-4px)}
.a-nwh2>*{position:relative;z-index:1}
.a-nwh2-l{padding:40px 42px;display:flex;flex-direction:column;gap:18px}
.a-nwh2-m{margin:0;display:flex;align-items:center;gap:10px;font-size:13px;color:#FFC7B5}
.a-nwh2-m b{background:#FFE14D;color:#6E1708;border-radius:999px;padding:3px 13px;font-size:12.5px}
.a-nwh2 h3{margin:0;font-size:28px;line-height:1.5;font-weight:900;color:#fff;text-wrap:balance}
.a-nwh2-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.a-nwh2-st div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 14px 12px;backdrop-filter:blur(4px)}
.a-nwh2-st b{display:block;font-size:24px;line-height:1.2;color:#FFE14D}
.a-nwh2-st small{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:#FFD9CD}
.a-nwh2-go{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#8E2613;font-weight:700;font-size:14.5px;border-radius:999px;padding:12px 22px;box-shadow:0 12px 24px -14px rgba(0,0,0,.6)}
.a-nwh2-go i{font-style:normal;transition:transform .2s}.a-nwh2:hover .a-nwh2-go i{transform:translateX(4px)}
.a-nwh2-r{margin:18px 18px 18px 0;background:rgba(255,255,255,.96);color:var(--ink);border-radius:22px;padding:26px 26px 22px}
.a-nwh2-k{margin:0 0 14px;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#C8371D;font-weight:700}
.a-nwh2-r ol{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid #F3D7CC;display:grid;gap:16px}
.a-nwh2-r li{position:relative}
.a-nwh2-r li::before{content:"";position:absolute;left:-25px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #E8442A}
.a-nwh2-r li:first-child::before{background:#E8442A;box-shadow:0 0 0 5px rgba(232,68,42,.18)}
.a-nwh2-r time{display:block;font-size:12px;font-weight:700;color:#C8371D}
.a-nwh2-r p{margin:2px 0 0;font-size:13.5px;line-height:1.75;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a-nwc-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.a-nwc{--tc:#0E2240;--tb:#EEF2F8;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px 10px 16px;color:var(--ink);transition:transform .2s,box-shadow .2s}
.a-nwc.t-alert{--tc:#C8371D;--tb:#FDEDE8}.a-nwc.t-teal{--tc:#0B7F77;--tb:#E6F5F2}
.a-nwc:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(14,34,64,.5)}
.a-nwc-img{display:block;border-radius:14px;overflow:hidden;background:var(--well)}
.a-nwc-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;max-width:100%;transition:transform .4s}
.a-nwc:hover .a-nwc-img img{transform:scale(1.04)}
.a-nwc-m{display:flex;align-items:center;gap:8px;padding:0 6px;font-size:12px;color:var(--sub)}
.a-nwc-m em{font-style:normal;font-weight:700;color:var(--tc);background:var(--tb);border-radius:999px;padding:1px 9px}
.a-nwc b{padding:0 6px;font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a-nwc small{margin-top:auto;padding:0 6px;font-size:12px;color:var(--sub)}
@media (max-width:1100px){.a-nwc-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.a-nwh2{grid-template-columns:1fr}.a-nwh2-l{padding:28px 22px}.a-nwh2 h3{font-size:21px}.a-nwh2-r{margin:0 14px 14px}.a-nwh2-st b{font-size:19px}}
@media (max-width:520px){.a-nwc-g{grid-template-columns:1fr}.a-nwh2-st{grid-template-columns:1fr 1fr 1fr;gap:6px}.a-nwh2-st div{padding:10px 8px}}
.a-nwh2-st b{font-size:clamp(17px,1.7vw,22px);white-space:nowrap}
.a-nwh2-r{display:flex;flex-direction:column;justify-content:center}
@media (max-width:520px){.a-nwh2-st b{font-size:15px}.a-nwh2-st small{font-size:10.5px}}
/* ニュース：この記事をスライドで理解する */
.szs-wrap{margin-top:36px}
.szs{max-width:980px;margin:0 auto}
.szs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.szs-label{margin:0;display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:900;color:var(--navy)}
.szs-label::before{content:"";width:24px;height:17px;border-radius:5px;background:linear-gradient(135deg,#0E9F95,#2457F5);box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
.szs-count{font-size:12.5px;color:var(--sub)}
.szs-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:30px;box-shadow:0 1px 2px rgba(14,34,64,.05),0 24px 50px -30px rgba(14,34,64,.45);outline:none}
.szs-track::-webkit-scrollbar{display:none}
.szs-track:focus-visible{box-shadow:0 0 0 3px #5EE2D3}
.szs-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:40px 44px;min-height:430px;box-sizing:border-box}
.szs-slide.t-navy{background:radial-gradient(60% 80% at 90% 10%,rgba(94,226,211,.28),transparent 70%),linear-gradient(150deg,#0B1B36,#16365F);color:#fff}
.szs-slide.t-sky{background:linear-gradient(150deg,#E8F0FF,#F7FAFF)}
.szs-slide.t-mint{background:linear-gradient(150deg,#E2F6F2,#F5FCFA)}
.szs-slide.t-sun{background:linear-gradient(150deg,#FFF2E2,#FFFAF4)}
.szs-art svg{display:block;width:100%;height:auto;max-height:330px}
.szs-art text{font-family:var(--sans);font-weight:700}
.szs-txt p{margin:0}
.szs-k{display:inline-block;margin-bottom:14px!important;padding:4px 13px;border-radius:999px;background:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--teal2)}
.szs-t{margin-bottom:14px!important;font-size:clamp(21px,2.5vw,28px);font-weight:900;line-height:1.45;color:var(--ink);text-wrap:balance}
.szs-d{font-size:15.5px;line-height:1.95;color:var(--ink2)}
.szs-go{display:inline-flex;margin-top:16px;font-size:14px;font-weight:800;color:var(--teal2)}.szs-go::after{content:"→";margin-left:6px}
.t-navy .szs-k{background:rgba(255,255,255,.14);color:#5EE2D3}.t-navy .szs-t{color:#fff}.t-navy .szs-d{color:rgba(255,255,255,.86)}.t-navy .szs-go{color:#5EE2D3}
.szs-cards{display:flex;flex-direction:column;gap:11px}
.szs-card{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid rgba(14,34,64,.07);border-radius:16px;padding:13px 15px;box-shadow:0 10px 22px -18px rgba(14,34,64,.5)}
.szs-ic,.szs-q,.szs-no{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}
.t-mint .szs-ic{background:#0E9F95}.t-sun .szs-ic{background:#E08A12}.t-sky .szs-ic{background:#2457F5}
.szs-q{background:#5442E0;border-radius:50%}
.szs-card em{display:block;font-style:normal;font-size:11px;font-weight:800;color:var(--sub);letter-spacing:.04em}
.szs-card b{display:block;font-size:15px;line-height:1.5;color:var(--ink)}
.szs-card small{display:block;margin-top:2px;font-size:12.5px;line-height:1.7;color:var(--sub)}
.szs-cards.is-steps{position:relative}
.t-navy .szs-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}
.t-navy .szs-card b{color:#fff}.t-navy .szs-no{background:#5EE2D3;color:#0B1B36;border-radius:50%}
.szs-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.szs-nums div{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 22px -18px rgba(14,34,64,.5)}
.szs-nums span.ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#2457F5;color:#fff;margin-bottom:8px}
.szs-nums div:nth-child(2) span.ic{background:#5442E0}.szs-nums div:nth-child(3) span.ic{background:#0E9F95}.szs-nums div:nth-child(4) span.ic{background:#E08A12}
.szs-nums b{display:block;font-size:clamp(19px,2.2vw,26px);line-height:1.2;color:var(--ink)}
.szs-nums small{display:block;margin-top:4px;font-size:12px;line-height:1.6;color:var(--sub)}
.szs-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.szs-nav>button{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--line2);background:#fff;color:var(--navy);font-size:19px;font-weight:900;cursor:pointer;display:grid;place-items:center;line-height:1}
.szs-nav>button:disabled{opacity:.35;cursor:default}
.szs-dots{display:flex;gap:7px}
.szs-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line2);cursor:pointer;transition:width .2s,background .2s}
.szs-dots button[aria-current=true]{width:26px;background:linear-gradient(90deg,#0E9F95,#2457F5)}
@media (max-width:760px){.szs-slide{grid-template-columns:1fr;min-height:560px;padding:24px 16px 26px;gap:18px;align-content:center}.szs-t{font-size:21px}.szs-d{font-size:15px}.szs-track{border-radius:22px}}
/* 記事：冒頭のサムネイル */
.nw-a-card.is-thumb{padding:0;background:none;border:0;box-shadow:none;transform:none}
.nw-a-thumb{display:block;width:100%;max-width:440px;height:auto;aspect-ratio:1200/630;border-radius:20px;box-shadow:0 30px 60px -36px rgba(14,34,64,.55),0 0 0 1px var(--line);transform:rotate(1.5deg)}
/* 記事：要点を目次の下に */
.nw-sum2.in-body{margin:28px 0 8px}
.nw-sum2.in-body .nw-sum2-in{box-shadow:0 0 0 1px var(--line),0 24px 50px -38px rgba(14,34,64,.5)}
.nw-sum2.in-body .nw-sum2-a,.nw-sum2.in-body .nw-sum2-t{padding:30px 30px}
.nw-main>.szs-wrap{margin:28px 0 12px}
/* 記事：マンガ風の掛け合い */
.mg-talk{display:grid;gap:14px;margin:6px 0 26px;padding:20px 18px;border-radius:22px;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.08) 1px,transparent 1.5px) 0 0/14px 14px,#FBFCFE;border:2px solid #1B2433;box-shadow:5px 5px 0 #1B2433}
.mg-row{display:flex;align-items:flex-start;gap:12px}
.mg-row.a{justify-content:flex-end}
.mg-face{flex:none;width:62px;text-align:center}
.mg-face svg{display:block;width:62px;height:62px;border-radius:50%;border:2px solid #1B2433;background:#fff}
.mg-face small{display:block;margin-top:3px;font-size:11px;font-weight:900;color:#1B2433}
.mg-bub{position:relative;margin:4px 0 0!important;max-width:min(560px,80%);padding:12px 16px;border:2px solid #1B2433;border-radius:18px;background:#fff;font-size:15px!important;line-height:1.8!important;font-weight:700;color:#1B2433}
.mg-row.q .mg-bub{background:#FFF6D9}
.mg-row.a .mg-bub{background:#E3F8F4}
.mg-row.q .mg-bub::before{content:"";position:absolute;left:-11px;top:16px;border:9px solid transparent;border-right:11px solid #1B2433;border-left:0}
.mg-row.q .mg-bub::after{content:"";position:absolute;left:-7px;top:18px;border:7px solid transparent;border-right:9px solid #FFF6D9;border-left:0}
.mg-row.a .mg-bub::before{content:"";position:absolute;right:-11px;top:16px;border:9px solid transparent;border-left:11px solid #1B2433;border-right:0}
.mg-row.a .mg-bub::after{content:"";position:absolute;right:-7px;top:18px;border:7px solid transparent;border-left:9px solid #E3F8F4;border-right:0}
@media (max-width:700px){.nw-a-thumb{transform:none;max-width:100%}.mg-talk{padding:14px 10px;box-shadow:3px 3px 0 #1B2433}.mg-face,.mg-face svg{width:48px;height:auto}.mg-face svg{height:48px}.mg-bub{max-width:82%;font-size:14px!important;padding:10px 12px}.nw-sum2.in-body .nw-sum2-a,.nw-sum2.in-body .nw-sum2-t{padding:24px 18px}}
/* トップ：記事の欄 */
.a-art-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.a-art-guides{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 0;font-size:13.5px}
.a-art-guides span{font-weight:700;color:var(--sub);margin-right:4px}
.a-art-guides a{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink);font-weight:700}
.a-art-guides a:hover{text-decoration:none;border-color:var(--teal)}
.a-art-guides svg{width:15px;height:15px;color:var(--teal2)}
@media (max-width:1100px){.a-art-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.a-art-g{grid-template-columns:1fr}}
/* 記事：日付の表を縦の時系列に */
.nw-tl{list-style:none;margin:1.4em 0 1.8em;padding:0 0 0 6px;position:relative}
.nw-tl::before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,#2457F5,#0E9F95)}
.nw-tl li{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:0 0 22px 30px;margin:0;background:none!important}
.nw-tl li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #2457F5;box-shadow:0 0 0 4px rgba(36,87,245,.12);counter-increment:none}
.nw-tl li:last-child{padding-bottom:0}.nw-tl li:last-child::before{background:#0E9F95;border-color:#0E9F95}
.nw-tl time{font-family:var(--mono);font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.6}
.nw-tl li>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;box-shadow:0 10px 22px -20px rgba(14,34,64,.5)}
.nw-tl-who{display:inline-block;margin-bottom:4px;font-size:12px;font-weight:800;color:var(--teal2);background:var(--tint);border-radius:999px;padding:1px 10px}
.nw-tl li p{margin:0!important;font-size:15px;line-height:1.85}
.nw-tl-row{display:block;margin-top:4px}.nw-tl-row:first-child{margin-top:0}
.nw-tl-row small{display:inline-block;min-width:6em;margin-right:8px;font-size:11.5px;font-weight:800;color:var(--sub)}
@media (max-width:700px){.nw-tl li{grid-template-columns:1fr;gap:6px}}
/* 時系列 v2：1列のステッパー（番号を消し、日付を上に） */
.nw-prose .nw-tl{margin:1.6em 0 2em;padding:0;counter-reset:none}
.nw-prose .nw-tl::before{left:9px;top:14px;bottom:14px;width:2px;background:linear-gradient(180deg,#C9D6EA,#C9D6EA)}
.nw-prose .nw-tl li{display:block;padding:0 0 18px 38px;background:none!important;border-radius:0}
.nw-prose .nw-tl li::before{content:""!important;left:2px;top:10px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #2457F5;box-shadow:0 0 0 5px #fff;color:transparent;font-size:0}
.nw-prose .nw-tl li:first-child::before{border-color:#0E9F95}
.nw-prose .nw-tl li:last-child::before{background:#E8442A;border-color:#E8442A;box-shadow:0 0 0 5px #fff,0 0 0 9px rgba(232,68,42,.15)}
.nw-prose .nw-tl time{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.nw-prose .nw-tl li:last-child time{background:#E8442A}
.nw-prose .nw-tl li>div{background:#fff;border:1px solid var(--line);border-left:4px solid #2457F5;border-radius:4px 16px 16px 4px;padding:14px 18px;box-shadow:0 14px 28px -24px rgba(14,34,64,.6)}
.nw-prose .nw-tl li:first-child>div{border-left-color:#0E9F95}
.nw-prose .nw-tl li:last-child>div{border-left-color:#E8442A}
.nw-prose .nw-tl-who{margin:0 0 6px;background:var(--well);color:var(--navy)}
.nw-prose .nw-tl li p{font-size:15px;line-height:1.85;color:var(--ink)}
@media (max-width:700px){.nw-prose .nw-tl li{padding-left:32px}.nw-prose .nw-tl li>div{padding:12px 14px}}
/* Studioサイトの安全診断 */
.st-not,.st-found{margin-top:20px;border-radius:20px;padding:20px 22px;background:var(--well)}
.st-not b{font-size:16px}.st-not p{margin:6px 0 12px;color:var(--sub);font-size:14px}
.st-found-k{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--teal2)}
.st-found-h{margin:0 0 4px;font-size:17px;font-weight:700}
.st-found .prx-facts{padding:12px 0 0}
.st-found .prx-f>span{font-size:10px}
.st-qs{margin-top:22px;display:grid;gap:12px}
.st-qs-h{margin:0;font-size:14px;color:var(--sub)}.st-qs-h b{color:var(--ink);font-size:16px}
.st-q{margin:0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.st-q legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:700;line-height:1.6;float:left;width:100%;margin-bottom:10px}
.st-q legend .num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px}
.st-q legend em{font-style:normal;font-size:12px;font-weight:700;color:#C8371D;background:#FDEDE8;border-radius:999px;padding:1px 10px}
.st-q>div{clear:both;display:flex;flex-wrap:wrap;gap:8px}
.st-q label{cursor:pointer}
.st-q label input{position:absolute;opacity:0;pointer-events:none}
.st-q label span{display:inline-block;padding:8px 16px;border:1.5px solid var(--line2);border-radius:999px;font-size:14px;font-weight:700;background:#fff;transition:all .15s}
.st-q label input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.st-q label input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.st-go{justify-self:start;margin-top:4px}
.st-res{margin-top:22px}
.st-todo{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:10px}
.st-todo li{display:flex;gap:12px;align-items:flex-start;background:var(--cb);border-radius:16px;padding:14px 16px}
.st-todo li>span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:900;font-size:13px}
.st-todo b{display:block;font-size:15.5px;line-height:1.5}
.st-todo p{margin:4px 0 0;font-size:13.5px;line-height:1.8;color:var(--ink2)}
.st-mail{margin:6px 0 14px;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.st-mail p{display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px 14px;background:var(--well);font-size:13.5px}
.st-copy{font:inherit;font-size:12.5px;font-weight:700;border:0;border-radius:999px;padding:5px 14px;background:var(--navy);color:#fff;cursor:pointer}
.st-mail pre{margin:0;padding:14px;font-family:var(--sans);font-size:13px;line-height:1.8;white-space:pre-wrap;background:#fff}
/* 記事のカテゴリ */
.ac-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ac-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:700}
.ac-tabs a:hover{text-decoration:none;border-color:var(--teal)}
.ac-tabs a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.ac-tabs svg{color:var(--teal2)}.ac-tabs a[aria-current] svg{color:#5EE2D3}
.ac-tabs .num{font-size:11.5px;color:var(--sub);background:var(--well);border-radius:999px;padding:0 7px}
.ac-tabs a[aria-current] .num{background:rgba(255,255,255,.15);color:#fff}
.ac-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ac-grid a{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;color:var(--ink);transition:transform .2s,border-color .2s}
.ac-grid a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--teal)}
.ac-grid span.ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#22C3B5,#0B7F77);color:#fff;margin-bottom:8px}
.ac-grid a:nth-child(2) span.ic{background:linear-gradient(135deg,#F07A5F,#C8371D)}.ac-grid a:nth-child(3) span.ic{background:linear-gradient(135deg,#4F86FF,#2457F5)}.ac-grid a:nth-child(4) span.ic{background:linear-gradient(135deg,#7C6CFF,#5442E0)}.ac-grid a:nth-child(5) span.ic{background:linear-gradient(135deg,#F6B445,#E08A12)}.ac-grid a:nth-child(6) span.ic{background:linear-gradient(135deg,#3B5B86,#0E2240)}.ac-grid a:nth-child(7) span.ic{background:linear-gradient(135deg,#2FB59A,#1F7A5C)}
.ac-grid small{font-size:12px;font-weight:700;color:var(--teal2)}
.ac-grid b{font-size:17px}
.ac-grid p{margin:2px 0 0;font-size:13px;line-height:1.75;color:var(--sub);flex:1}
.ac-grid i{position:absolute;right:16px;top:18px;font-style:normal;font-size:12px;color:var(--sub)}
.ac-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:12px}
.ac-head>span.ic{flex:none;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#22C3B5,#0B7F77);color:#fff}
.ac-empty{background:var(--well);border-radius:22px;padding:30px}
.ac-empty b{font-size:18px}.ac-empty p{color:var(--sub)}
@media (max-width:1000px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ac-grid{grid-template-columns:1fr}.ac-tabs a{font-size:12.5px;padding:7px 12px}}
/* /guide/ 上部をすっきり：ヒーローを低く、タブは1列で横に流す */
body.blog .page-hero{padding-bottom:0}
body.blog .page-hero h1{font-size:clamp(26px,3vw,34px);margin-bottom:6px}
body.blog .page-hero .page-lead{margin-bottom:0}
.ac-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:22px 0 0;padding:4px 2px 18px;-webkit-mask:linear-gradient(90deg,#000 92%,transparent);mask:linear-gradient(90deg,#000 92%,transparent)}
.ac-tabs::-webkit-scrollbar{display:none}
.ac-tabs a{flex:none;white-space:nowrap;padding:9px 15px}
body.blog .gd-sec:first-of-type{padding-top:48px}
@media (max-width:520px){.ac-grid{grid-template-columns:1fr 1fr;gap:10px}.ac-grid a{padding:14px}.ac-grid p{display:none}.ac-grid b{font-size:14.5px;line-height:1.45}.ac-grid span.ic{width:36px;height:36px;margin-bottom:4px}.ac-grid i{right:12px;top:14px}}
/* /guide/ v3 */
.gxh{padding:44px 0 0;background:radial-gradient(60% 120% at 100% 0,rgba(94,226,211,.14),transparent 70%),linear-gradient(180deg,#F5F8FC,#fff);border-bottom:1px solid var(--line)}
.gxh-k{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--teal2)}
.gxh-k span{color:var(--sub)}
.gxh h1{margin:0 0 8px;font-size:clamp(26px,3.2vw,36px);text-wrap:balance}
.gxh-lead{margin:0;max-width:44em;font-size:15px;line-height:1.9;color:var(--sub)}
.gxh .ac-tabs{margin:22px 0 0;padding-bottom:16px}
.gxl{padding:40px 0 20px}
.gxl-h{display:flex;align-items:baseline;gap:10px;margin:48px 0 18px;font-size:22px}
.gxl-h .num{font-size:13px;color:var(--sub);font-weight:700}
.gxl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gxc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}
.gxc:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 26px 46px -32px rgba(14,34,64,.5)}
.gxc-img{display:block;background:var(--well);overflow:hidden}
.gxc-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;max-width:100%;transition:transform .4s}
.gxc:hover .gxc-img img{transform:scale(1.04)}
.gxc-b{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.gxc-m{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub)}
.gxc-m em{font-style:normal;font-weight:700;color:var(--teal2);background:var(--tint);border-radius:999px;padding:1px 10px}
.gxc b{font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gxc small{margin-top:auto;font-size:12px;color:var(--sub)}
.gxc.is-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:26px;box-shadow:0 30px 60px -40px rgba(14,34,64,.5)}
.gxc.is-top .gxc-img{display:flex;align-items:center}
.gxc.is-top .gxc-b{justify-content:center;padding:32px 36px;gap:14px}
.gxc.is-top b{font-size:clamp(20px,2.2vw,26px);line-height:1.5;-webkit-line-clamp:4}
.gxc.is-top small{margin-top:0}
.gxl-empty{text-align:center;background:var(--well);border-radius:26px;padding:48px 24px}
.gxl-empty span.ic{width:60px;height:60px;border-radius:18px;display:inline-grid;place-items:center;background:#fff;color:var(--teal2);margin-bottom:12px}
.gxl-empty b{display:block;font-size:19px}.gxl-empty p{color:var(--sub)}
.gxl-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.gxl-more{padding-bottom:72px}
.gxl-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gxl-links a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--ink)}
.gxl-links a:hover{text-decoration:none;border-color:var(--teal)}
.gxl-links span.ic{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.gxl-links b{font-size:15px}.gxl-links small{font-size:12px;color:var(--sub)}
@media (max-width:1000px){.gxl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gxl-links{grid-template-columns:1fr 1fr}.gxc.is-top{grid-template-columns:1fr}.gxc.is-top .gxc-b{padding:20px}}
@media (max-width:560px){.gxl-grid{grid-template-columns:1fr}.gxl-links{grid-template-columns:1fr}.gxh{padding-top:28px}}
/* 記事の中の「あなたの場合のやること」診断 */
.emh{margin:30px 0 36px;border-radius:26px;padding:26px;background:linear-gradient(160deg,#F2F7FF,#FFFFFF);border:2px solid #1B2433;box-shadow:6px 6px 0 #1B2433}
.emh-top{display:flex;align-items:center;gap:14px}
.emh-badge{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#E8442A;color:#fff;font-weight:900;font-size:15px;box-shadow:0 0 0 5px #FFE0D8}
.emh-top b{display:block;font-size:21px;line-height:1.5;color:var(--ink)}
.emh-top small{font-size:13px;color:var(--sub)}
.emh-steps{list-style:none;display:flex;gap:6px;margin:18px 0 6px;padding:0}
.emh-steps li{flex:1;text-align:center;font-size:12px;font-weight:800;color:var(--sub);padding:6px 0;border-bottom:4px solid var(--line);margin:0!important;background:none!important}
.emh-steps li::before{display:none!important}
.emh-steps li.on{color:var(--navy);border-color:#2457F5}.emh-steps li.done{color:var(--teal2);border-color:var(--teal)}
.emh-q>p,.emh-sub>p{margin:16px 0 10px!important;font-size:16px!important;font-weight:800;color:var(--ink)}
.emh-ops{display:flex;flex-wrap:wrap;gap:8px}
.emh-ops button{font:inherit;font-size:15px;font-weight:700;padding:11px 18px;border:2px solid #C9D3E0;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;transition:all .15s}
.emh-ops button:hover{border-color:#2457F5}
.emh-ops button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.emh-lv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.emh-lv button{--c:#0E9F95;--cb:#E6F7F4;font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px 14px 12px;border:2px solid var(--cb);border-radius:18px;background:var(--cb);cursor:pointer;color:var(--ink);transition:transform .15s,border-color .15s}
.emh-lv .l2{--c:#D98A0B;--cb:#FFF4DE}.emh-lv .l3{--c:#E8442A;--cb:#FDECE7}.emh-lv .l4{--c:#B52F17;--cb:#FBE3DC}
.emh-lv button:hover{transform:translateY(-2px);border-color:var(--c)}
.emh-lv button.on{border-color:var(--c);box-shadow:0 0 0 3px var(--c) inset}
.emh-lv i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:900;font-size:13px}
.emh-lv b{font-size:16px}.emh-lv small{font-size:12px;line-height:1.6;color:var(--ink2)}
.emh-lv em{font-style:normal;font-size:11.5px;font-weight:800;color:var(--c);margin-top:auto}
.emh-sub{margin-top:4px;padding:2px 16px 14px;border-left:4px solid #C9D3E0;border-radius:0 0 0 8px}
.emh-go{margin-top:18px}
.emh-res{margin-top:6px}
.emh-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;border-radius:18px;padding:16px 18px;margin:12px 0}
.emh-v small{font-size:12px;font-weight:800}.emh-v b{font-size:22px}.emh-v span{font-size:13.5px}
.emh-v.t-ng{background:#FDECE7;color:#B52F17}.emh-v.t-warn{background:#FFF4DE;color:#9A5B00}.emh-v.t-ok{background:#E6F7F4;color:#0B7F77}
.emh-bar{position:relative;height:30px;border-radius:999px;background:var(--well);overflow:hidden;margin-bottom:12px}
.emh-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0E9F95,#5EE2D3);transition:width .3s}
.emh-bar span{position:relative;display:block;text-align:center;line-height:30px;font-size:13px;font-weight:800;color:var(--ink)}
.emh-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:10px}
.emh-list li{position:relative;background:#fff!important;border:1px solid var(--line);border-radius:16px;padding:0!important;margin:0!important}
.emh-list li::before{display:none!important}
.emh-list label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;cursor:pointer}
.emh-list input{position:absolute;opacity:0}
.emh-ck{flex:none;width:26px;height:26px;border-radius:8px;border:2.5px solid #9FB0C4;margin-top:2px;display:grid;place-items:center}
.emh-list input:checked+.emh-ck{background:var(--teal);border-color:var(--teal)}
.emh-list input:checked+.emh-ck::after{content:"";width:8px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.emh-list input:focus-visible+.emh-ck{outline:2px solid #2457F5;outline-offset:2px}
.emh-list em{display:inline-block;font-style:normal;font-size:11px;font-weight:800;color:var(--teal2);background:var(--tint);border-radius:999px;padding:0 8px;margin-bottom:2px}
.emh-list b{display:block;font-size:15.5px;line-height:1.55}
.emh-list p{margin:3px 0 0!important;font-size:13.5px!important;line-height:1.75!important;color:var(--ink2)}
.emh-list li.done b{text-decoration:line-through;color:var(--sub)}
.emh-more{position:absolute;right:14px;top:14px;font-size:12px;font-weight:700}
.emh-mail{margin:14px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.emh-mail p{display:flex;justify-content:space-between;align-items:center;margin:0!important;padding:10px 14px;background:var(--well);font-size:13.5px!important}
.emh-copy,.emh-redo{font:inherit;font-size:12.5px;font-weight:700;border:0;border-radius:999px;padding:5px 14px;background:var(--navy);color:#fff;cursor:pointer}
.emh-mail pre{margin:0;padding:14px;font-family:var(--sans);font-size:13.5px;line-height:1.8;white-space:pre-wrap}
.emh-tel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0!important}
.emh-tel span{font-size:12.5px;font-weight:800;color:var(--sub)}
.emh-tel a{display:inline-flex;font-size:13.5px;font-weight:800;background:#fff;border:1.5px solid #2457F5;color:#2457F5;border-radius:999px;padding:6px 14px}
.emh-note{margin:12px 0 0!important;font-size:12px!important;color:var(--sub);display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.emh-redo{background:var(--well);color:var(--ink)}
@media (max-width:700px){.emh{padding:18px 14px;box-shadow:4px 4px 0 #1B2433}.emh-top b{font-size:17px}.emh-lv{grid-template-columns:1fr 1fr}.emh-ops button{font-size:14px;padding:10px 14px}.emh-more{position:static;display:inline-block;margin:0 0 12px 54px}}
.nw-prose .emh-steps{display:flex!important;grid-template-columns:none!important}
.nw-prose .emh-steps li{padding:6px 0!important;border-radius:0!important}
.emh b,.emh strong{background:none!important}
/* スライドの中の社長×ハカセ */
.szs-talk{display:grid;gap:10px;margin-top:4px}
.szs-talk>div{display:flex;align-items:flex-start;gap:10px}
.szs-talk .a{justify-content:flex-end}
.szs-talk .f{flex:none;width:44px;height:44px}
.szs-talk .f svg{width:44px;height:44px;border-radius:50%;border:2px solid #1B2433;background:#fff;display:block}
.szs-talk p{margin:0!important;max-width:85%;padding:10px 14px;border:2px solid #1B2433;border-radius:16px;font-size:14px;line-height:1.75;font-weight:700;color:#1B2433}
.szs-talk .q p{background:#FFF6D9;border-top-left-radius:4px}
.szs-talk .a p{background:#E3F8F4;border-top-right-radius:4px}
.szs-talk.on-dark .f svg{border-color:#fff}
.szs-talk.on-dark p{border-color:rgba(255,255,255,.85)}
@media (max-width:760px){.szs-talk p{font-size:13px;padding:8px 12px}.szs-talk .f,.szs-talk .f svg{width:36px;height:36px}}
/* スライド v2：明るく。表紙は白×ミントの紙、POINTは色の帯、まとめも明るく */
.szs-track{border-radius:28px;box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgba(14,34,64,.45)}
.szs-slide{position:relative;overflow:hidden}
.szs-slide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(14,34,64,.07) 1px,transparent 1.4px);background-size:16px 16px;pointer-events:none}
.szs-slide>*{position:relative;z-index:1}
.szs-slide.t-navy{background:radial-gradient(55% 70% at 100% 0,rgba(94,226,211,.35),transparent 70%),radial-gradient(45% 60% at 0 100%,rgba(255,214,102,.30),transparent 70%),#FFFDF8;color:var(--ink)}
.szs-slide.t-navy::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:34px solid rgba(14,159,149,.08);pointer-events:none}
.t-navy .szs-k{background:#0E2240;color:#fff}
.t-navy .szs-t{color:var(--ink)}
.t-navy .szs-d{color:var(--ink2)}
.t-navy .szs-go{color:var(--teal2)}
.t-navy .szs-card{background:#fff;border-color:var(--line);box-shadow:0 10px 22px -18px rgba(14,34,64,.5)}
.t-navy .szs-card b{color:var(--ink)}
.t-navy .szs-no{background:#E8442A;color:#fff}
.szs-talk.on-dark .f svg{border-color:#1B2433}
.szs-talk.on-dark p{border-color:#1B2433}
/* 表紙の見出しの地図を明るい配色に */
.t-navy .szs-art svg rect[fill="rgba(255,255,255,.10)"]{fill:#fff}
.t-navy .szs-art svg text[fill="#fff"]{fill:#0E2240}
.szs-slide.t-mint{background:linear-gradient(160deg,#DDF6F1,#F7FDFB 60%)}
.szs-slide.t-sun{background:linear-gradient(160deg,#FFEFD6,#FFFBF4 60%)}
.szs-slide.t-sky{background:linear-gradient(160deg,#E3ECFF,#F8FAFF 60%)}
.szs-k{box-shadow:0 6px 14px -8px rgba(14,34,64,.35)}
.szs-t{font-size:clamp(22px,2.6vw,30px);letter-spacing:.01em}
.szs-card{border-radius:18px;border:1px solid rgba(14,34,64,.06)}
.szs-ic{border-radius:12px;box-shadow:0 8px 16px -10px currentColor}
.szs-dots button[aria-current=true]{background:linear-gradient(90deg,#E8442A,#F6B445)}
.szs-label::before{background:linear-gradient(135deg,#F6B445,#E8442A)}
/* ===== 明るい配色に統一（2026-10-30 本人「暗い部分も全部明るく」） ===== */
/* 記事：要点をまとめると */
.nw-sum2-a{background:radial-gradient(70% 80% at 100% 0,rgba(94,226,211,.30),transparent 70%),radial-gradient(50% 60% at 0 100%,rgba(255,214,102,.22),transparent 70%),#FFFDF8;color:var(--ink)}
.nw-sum2-a::after{border-color:rgba(14,159,149,.08)}
.nw-sum2-a .nw-sum2-k{color:var(--teal2)}.nw-sum2-a h2{color:var(--ink)}
.nw-sum2-a li b{color:#E8442A;border-top-color:rgba(232,68,42,.35)}
.nw-sum2-a li p{color:var(--ink)}
.nw-sum2-in{box-shadow:0 0 0 1px var(--line),0 30px 60px -44px rgba(14,34,64,.4)}
.nw-sum2-t{border-left:1px solid var(--line)}
/* 記事の中の診断（PHP・Studio）の枠 */
.nw-live{background:linear-gradient(160deg,#E9F7F4,#F7FBFF);border:2px solid #1B2433;box-shadow:6px 6px 0 #1B2433}
.nw-live-h,.nw-live-h b{color:var(--ink)}
.nw-live-h p{color:var(--teal2)!important}
.nw-live-h span.ic{background:#0E2240;color:#5EE2D3}
/* 記事の途中の診断の案内 */
.nw-tool{background:linear-gradient(150deg,#FFF6E6,#FFFFFF)!important;color:var(--ink)!important;border:1px solid #F2D49B}
.nw-tool-b b{color:var(--ink)!important}
.nw-tool-k{color:#B26F00!important}
.nw-tool small{color:var(--sub)!important}
/* 診断のレポートの上の帯（PHP・Studio） */
.prx-top{background:radial-gradient(60% 120% at 100% 0,color-mix(in srgb,var(--c2) 45%,transparent),transparent 65%),linear-gradient(135deg,#F4F8FC,#FFFFFF);color:var(--ink);border-bottom:1px solid var(--line)}
.prx-top::after{background-image:radial-gradient(rgba(14,34,64,.07) 1px,transparent 1px)}
.prx-id small{color:var(--sub)}.prx-id b{color:var(--ink)}
.prx-st{background:#fff;border-color:var(--line)}
.prx-st small{color:var(--sub)}.prx-st b{color:var(--c)}
/* トップ：GMOの大きなカード */
.a-nwh2{background:radial-gradient(60% 80% at 0 0,rgba(255,138,101,.28),transparent 65%),radial-gradient(50% 60% at 100% 100%,rgba(255,214,102,.30),transparent 70%),#FFF7F2;color:var(--ink);border:1px solid #F6D3C6;box-shadow:0 34px 70px -50px rgba(200,55,29,.45)}
.a-nwh2::before{background-image:radial-gradient(rgba(200,55,29,.08) 1px,transparent 1px)}
.a-nwh2::after{border-color:rgba(232,68,42,.07)}
.a-nwh2:hover{color:var(--ink)}
.a-nwh2 h3{color:var(--ink)}
.a-nwh2-m{color:#B52F17}
.a-nwh2-m b{background:#E8442A;color:#fff}
.a-nwh2-st div{background:#fff;border-color:#F6D3C6}
.a-nwh2-st b{color:#E8442A}.a-nwh2-st small{color:var(--ink2)}
.a-nwh2-go{background:#E8442A;color:#fff}
.a-nwh2-r{background:#fff;box-shadow:0 0 0 1px #F6D3C6}
/* トップ：今週気をつけること */
.tw2-hero{background:radial-gradient(70% 60% at 0 0,rgba(255,138,101,.30),transparent 70%),radial-gradient(60% 50% at 100% 100%,rgba(255,214,102,.28),transparent 70%),#FFF5EF;color:var(--ink)}
.tw2-hero::after{border-color:rgba(232,68,42,.07)}
.tw2-k{color:#B52F17}.tw2-hero h2{color:var(--ink)}
.tw2-top{background:#fff;border-color:#F6D3C6;backdrop-filter:none}
.tw2-ic{background:#E8442A;color:#fff}
.tw2-lv{color:#E8442A}
.tw2-top h3{color:var(--ink)}
.tw2-top>p{color:var(--ink2)}
.tw2-btns .y{background:#E8442A;color:#fff;box-shadow:0 10px 20px -10px #E8442A}.tw2-btns .y:hover{background:#C8371D}
.tw2-btns .w{color:#B52F17;border-color:#F3B4A6}.tw2-btns .w:hover{background:#FFF0EB;color:#B52F17}
/* /this-week/ の最優先カード下のチェック帯と、無料で確かめる帯 */
.tw-check-wide{background:linear-gradient(120deg,#EAF6FF,#F4FBF9)}
.tw-check-wide label{color:var(--ink)}.tw-check-wide p{color:var(--sub)}
.tw-check-free{background:#E8442A;color:#fff}
.tw-tools{background:linear-gradient(130deg,#EEF6FF,#F2FBF8);color:var(--ink)}
.tw-tools::before{background:radial-gradient(circle,rgba(94,226,211,.35),transparent 70%)}
.tw-tools .tw-sec-h{border-color:var(--line)}
.tw-tools .tw-sec-h h2{color:var(--ink)}.tw-tools .tw-sec-h p{color:var(--sub)}
.tw-tools-g a{background:#fff;border-color:var(--line);color:var(--ink)}
.tw-tools-g a:hover{background:#fff;border-color:var(--teal);color:var(--ink)}
.tw-tools-g svg{color:var(--teal2)}.tw-tools-g span{color:var(--sub)}.tw-tools-g b::after{color:var(--teal2)}
.tw-tools .tw-foot{color:var(--sub)}.tw-tools .tw-foot a{color:var(--teal2)}
/* フッターの上の「何から始めれば」帯 */
.cta-band{background:linear-gradient(120deg,#FFF6E6,#EAF7F4);color:var(--ink)}
.cta-band::before{background:radial-gradient(40% 80% at 85% 50%,rgba(94,226,211,.35),transparent 70%)}
.cta-band h2{color:var(--ink)}
.cta-band .btn-light{background:var(--navy);color:#fff}.cta-band .btn-light:hover{background:#0B1B36;color:#fff}
.cta-band .cta-k{color:var(--teal2)}
/* 長いメールアドレス・URLが枠からはみ出さないように（記事・図・表・診断・スライド） */
.nw-prose,.nw-prose p,.nw-prose li,.nw-prose td,.nw-prose th,.nw-vcard,.nw-vside,.nw-flow-s,.nw-vq,.nw-tl li,.emh,.szs,.mg-bub,.nw-sum2,.nw-stat,.nw-faq,.prx{overflow-wrap:anywhere;word-break:normal}
.nw-prose a[href^="mailto:"],.nw-prose code{overflow-wrap:anywhere;word-break:break-all}
.nw-vcard p,.nw-vside p,.nw-flow-s p,.nw-vq p,.szs-card small,.emh-list p,.nw-stat small,.nw-stat p{overflow-wrap:anywhere}
.nw-vcard,.nw-vside,.nw-flow-s,.nw-vq,.szs-card,.nw-stat{min-width:0}
.emh-lv:has(button:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.emh-lv:has(button:nth-child(3):last-child){grid-template-columns:1fr}}
/* 記事の途中の無料診断の案内：マンガのコマ風で目立たせる（2026-10-30） */
.nw-tool{position:relative;overflow:visible!important;display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:26px;align-items:center;margin:8px 0 40px!important;padding:30px 30px 26px!important;border-radius:26px!important;border:2.5px solid #1B2433!important;box-shadow:7px 7px 0 #1B2433!important;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#FFF3C4 0%,#FFFFFF 45%,#DDF7F2 100%)!important;color:var(--ink)!important}
.nw-tool::before{display:none!important}
.nw-tool.lv{background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#E9E4FF 0%,#FFFFFF 45%,#DDEBFF 100%)!important}
.nw-tool-free{position:absolute;left:-14px;top:-16px;z-index:2;transform:rotate(-8deg);background:#E8442A;color:#fff;font-weight:900;font-size:15px;letter-spacing:.1em;padding:6px 16px;border:2.5px solid #1B2433;border-radius:12px;box-shadow:3px 3px 0 #1B2433}
.nw-tool-art{position:relative!important;width:150px!important;height:auto!important;border-radius:0!important;background:none!important;display:flex!important;flex-direction:column;align-items:center;gap:8px;box-shadow:none!important}
.nw-tool-face svg{display:block;width:96px;height:96px;border-radius:50%;border:2.5px solid #1B2433;background:#fff}
.nw-tool-say{position:relative;order:-1;background:#fff;border:2px solid #1B2433;border-radius:14px;padding:6px 10px;font-size:12.5px;font-weight:800;color:#1B2433;white-space:nowrap}
.nw-tool-say::after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:8px solid transparent;border-top:9px solid #1B2433;border-bottom:0}
.nw-tool-ic{position:absolute;right:16px;bottom:2px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0E9F95;color:#fff;border:2px solid #1B2433}
.nw-tool.lv .nw-tool-ic{background:#5442E0}
.nw-tool-k{display:inline-block;margin:0 0 6px!important;padding:3px 12px;border-radius:999px;background:#1B2433;color:#FFE14D!important;font-size:12.5px!important;letter-spacing:.06em}
.nw-tool-b b{font-size:20px!important;line-height:1.55!important;margin:2px 0 14px!important;color:var(--ink)!important;text-wrap:balance}
.nw-tool form{display:flex;gap:10px;background:#fff;border:2px solid #1B2433;border-radius:16px;padding:6px}
.nw-tool input{font-size:16px!important;padding:12px 12px!important;border-radius:10px!important;background:#fff!important;border:0!important}
.nw-tool button,.nw-tool-btn{background:#E8442A!important;color:#fff!important;font-size:15.5px!important;font-weight:900!important;padding:0 22px!important;border-radius:12px!important;box-shadow:0 8px 16px -8px #E8442A;white-space:nowrap}
.nw-tool button:hover,.nw-tool-btn:hover{background:#C8371D!important;color:#fff!important;filter:none}
.nw-tool-btn{display:inline-flex!important;align-items:center;padding:14px 28px!important;border:2px solid #1B2433;box-shadow:3px 3px 0 #1B2433!important}
.nw-tool small{margin-top:10px!important;font-size:12.5px!important;color:var(--ink2)!important}
@media (max-width:700px){.nw-tool{grid-template-columns:1fr;gap:14px;padding:26px 16px 20px!important;box-shadow:4px 4px 0 #1B2433!important}.nw-tool-art{width:auto!important;flex-direction:row!important;justify-content:flex-start}.nw-tool-say{order:1}.nw-tool-say::after{left:-9px;top:50%;bottom:auto;transform:translateY(-50%);border:8px solid transparent;border-right:9px solid #1B2433;border-left:0}.nw-tool-face svg{width:64px;height:64px}.nw-tool-ic{display:none}.nw-tool-b b{font-size:17px!important}.nw-tool form{flex-direction:column}.nw-tool button{padding:13px!important}}
/* /this-week/ の最優先カード下のPHPチェックも同じ雰囲気に */
.tw-check-wide{border-top:2.5px solid #1B2433;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#FFF3C4,#FFFFFF 50%,#DDF7F2)!important}
.tw-check-free{transform:rotate(-6deg);border:2px solid #1B2433;box-shadow:3px 3px 0 #1B2433}
.tw-check-wide .tw-check-f{border:2px solid #1B2433}
.tw-check-wide button{border:2px solid #1B2433;box-shadow:3px 3px 0 #1B2433}
/* 記事の中の診断（PHP・Studio・あなたの場合）もマンガのコマ風にそろえる */
.nw-live,.emh{position:relative;overflow:visible;border:2.5px solid #1B2433!important;box-shadow:7px 7px 0 #1B2433!important;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#FFF3C4 0%,#FFFFFF 40%,#DDF7F2 100%)!important;margin-top:40px!important}
.nw-live-h{gap:16px!important;margin-bottom:20px!important}
.nw-live-h .nw-tool-face svg,.emh-top .nw-tool-face svg{display:block;width:72px;height:72px;border-radius:50%;border:2.5px solid #1B2433;background:#fff}
.nw-live-h p{display:inline-block;margin:0 0 4px!important;padding:3px 12px;border-radius:999px;background:#1B2433;color:#FFE14D!important;font-size:12.5px!important}
.nw-live-h b{font-size:20px!important;line-height:1.5}
.emh-top{gap:16px}
.emh-time{display:inline-block;margin:0 0 4px;padding:3px 12px;border-radius:999px;background:#1B2433;color:#FFE14D;font-size:12.5px;font-weight:800}
.emh-top b{font-size:21px}
.nw-live .tool-box{border:2px solid #1B2433;border-radius:20px}
@media (max-width:700px){.nw-live,.emh{box-shadow:4px 4px 0 #1B2433!important}.nw-live-h .nw-tool-face svg,.emh-top .nw-tool-face svg{width:56px;height:56px}.nw-live-h b{font-size:17px!important}.emh-top b{font-size:17px}}
.nw-live-h b{display:block;margin-top:2px}
.nw-live-h .nw-tool-face,.emh-top .nw-tool-face{flex:none}
@media (max-width:700px){.nw-live-h p,.emh-time{font-size:11px!important;padding:2px 10px}}
/* サイト内回遊：関係する記事・次に読む・共有・メール登録・/higai/ の診断の入口 */
.rel-arts-k,.nx-k{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--teal2)}
.rel-arts h2{margin:0 0 16px;font-size:22px}
.rel-arts-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}
.mart:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 20px 36px -26px rgba(14,34,64,.5)}
.mart-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.mart-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.mart-b em{align-self:flex-start;font-style:normal;font-size:11px;font-weight:800;color:var(--teal2);background:var(--tint);border-radius:999px;padding:1px 9px}
.mart-b b{font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nx{margin:40px 0 0;padding:24px;border-radius:22px;background:linear-gradient(135deg,#F2F7FF,#F1FBF8)}
.nx-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shr{margin:28px 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:#fff}
.shr p{margin:0 0 10px!important;font-size:15px!important;font-weight:800}
.shr>div{display:flex;flex-wrap:wrap;gap:8px}
.shr a,.shr button{font:inherit;font-size:14px;font-weight:800;border:0;border-radius:999px;padding:9px 18px;color:#fff;cursor:pointer}
.shr a:hover{text-decoration:none;color:#fff;filter:brightness(1.08)}
.shr-line{background:#06C755}.shr-x{background:#0F1419}.shr-fb{background:#1877F2}.shr-copy{background:var(--well);color:var(--ink)!important}
.shr small{display:block;margin-top:8px;font-size:12.5px;color:var(--sub)}
.ltr{margin:28px 0 0;border:2.5px solid #1B2433;border-radius:24px;box-shadow:6px 6px 0 #1B2433;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#FFF0EB,#FFFFFF 50%,#FFF6D9)}
.ltr-in{display:flex;gap:18px;align-items:flex-start;padding:22px 24px}
.ltr-face svg{display:block;width:64px;height:64px;border-radius:50%;border:2.5px solid #1B2433;background:#fff}
.ltr-face{flex:none}
.ltr-b{flex:1;min-width:0}
.ltr-k{display:inline-block;margin:0 0 4px!important;padding:2px 12px;border-radius:999px;background:#E8442A;color:#fff;font-size:12px!important;font-weight:900}
.ltr-b>b{display:block;font-size:19px;line-height:1.5;background:none!important}
.ltr-b small{display:block;margin:4px 0 12px;font-size:13px;color:var(--ink2);line-height:1.7}
.ltr-f{display:flex;gap:8px;background:#fff;border:2px solid #1B2433;border-radius:14px;padding:5px}
.ltr-f input{flex:1;min-width:0;font:inherit;font-size:15px;border:0;padding:10px 12px;border-radius:10px}
.ltr-f button{font:inherit;font-weight:900;font-size:15px;border:0;border-radius:10px;padding:0 20px;background:#E8442A;color:#fff;cursor:pointer}
.ltr-msg{margin:8px 0 0!important;font-size:13.5px!important;font-weight:700;color:var(--teal2)}
.hg-help{margin:22px 0 0;padding:18px 20px;border-radius:20px;background:#fff;border:2px solid #1B2433;box-shadow:5px 5px 0 #1B2433}
.hg-help-k{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:800;color:var(--ink)}
.hg-help-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hg-help-g a{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#FBFCFE}
.hg-help-g a:hover{text-decoration:none;border-color:#E8442A;background:#FFF5F2}
.hg-help-g span.ic{grid-row:span 3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#E8442A;color:#fff}
.hg-help-g b{font-size:14.5px;line-height:1.45}.hg-help-g small{font-size:12px;color:var(--sub)}.hg-help-g i{font-style:normal;font-size:12px;font-weight:800;color:#C8371D}
.hg-arts{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.hg-arts a{font-weight:800;font-size:14.5px}
@media (max-width:900px){.rel-arts-g{grid-template-columns:repeat(2,minmax(0,1fr))}.hg-help-g{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.nx-g,.hg-help-g{grid-template-columns:1fr}.ltr-in{flex-direction:column;padding:18px 16px}.ltr-f{flex-direction:column}.ltr-f button{padding:12px}.ltr{box-shadow:4px 4px 0 #1B2433}}
/* /higai/ v2：社長×ハカセで、選ぶ→3つだけ（2026-10-30） */
.hx-hero{padding:40px 0 44px;background:radial-gradient(55% 70% at 100% 0,rgba(255,138,101,.22),transparent 70%),radial-gradient(45% 60% at 0 100%,rgba(94,226,211,.25),transparent 70%),#FFFBF6;border-bottom:1px solid var(--line)}
.hx-kick{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;font-size:13px;font-weight:800;color:#C8371D}
.hx-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:28px}
.hx-stage h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.35;font-weight:900;order:-1}
.hx-stage h1 em{font-style:normal;color:#E8442A}
.hx-talk{display:grid;gap:12px;padding:18px;border:2.5px solid #1B2433;border-radius:22px;box-shadow:6px 6px 0 #1B2433;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.07) 1px,transparent 1.5px) 0 0/14px 14px,#fff}
.hx-row{display:flex;gap:12px;align-items:flex-start}
.hx-row.a{justify-content:flex-end}
.hx-face{flex:none}.hx-face svg{display:block;width:62px;height:62px;border-radius:50%;border:2.5px solid #1B2433;background:#fff}
.hx-row p{margin:4px 0 0;max-width:82%;padding:11px 15px;border:2px solid #1B2433;border-radius:16px;font-size:15px;line-height:1.75;font-weight:700;color:#1B2433}
.hx-row.q p{background:#FFF6D9;border-top-left-radius:4px}.hx-row.a p{background:#E3F8F4;border-top-right-radius:4px}
.hx-row p b{background:none;color:#C8371D}
.hx-group{display:flex;align-items:center;gap:8px;margin:22px 0 10px;font-size:15px;font-weight:900;color:var(--ink)}
.hx-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hx-pick a{--c:#2457F5;--cb:#EAF1FF;display:flex;flex-direction:column;gap:8px;padding:16px;border:2px solid #1B2433;border-radius:18px;background:#fff;color:var(--ink);box-shadow:4px 4px 0 #1B2433;transition:transform .15s,box-shadow .15s}
.hx-pick a.c2{--c:#5442E0;--cb:#EFEBFF}.hx-pick a.c3{--c:#0E9F95;--cb:#E2F6F2}.hx-pick a.c4{--c:#E08A12;--cb:#FFF2DC}
.hx-pick a:hover{text-decoration:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #1B2433}
.hx-pick span.ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--cb);color:var(--c)}
.hx-pick b{font-size:15px;line-height:1.5;flex:1}
.hx-pick i{font-style:normal;font-size:12.5px;font-weight:800;color:#E8442A}
.hx-help{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0}
.hx-help-k{font-size:12.5px;font-weight:900;color:#fff;background:#E8442A;border-radius:999px;padding:4px 12px}
.hx-help a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink)}
.hx-help a:hover{text-decoration:none;border-color:#E8442A}
.hx-urgent{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px;padding:14px 18px;border-radius:16px;background:#FDECE7}
.hx-urgent p{display:flex;align-items:center;gap:6px;margin:0;font-weight:900;color:#B52F17}
.hx-urgent div{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--ink2)}
.hx-urgent .hg-tel{font-size:20px;font-weight:900;color:#B52F17}
.hx-body{padding:48px 0 80px;max-width:880px;display:grid;gap:36px}
.hx-case{--c:#2457F5;--cb:#EAF1FF;scroll-margin-top:90px;padding:26px;border:1px solid var(--line);border-top:6px solid var(--c);border-radius:24px;background:#fff;box-shadow:0 24px 50px -40px rgba(14,34,64,.5)}
.hx-case.c2{--c:#5442E0;--cb:#EFEBFF}.hx-case.c3{--c:#0E9F95;--cb:#E2F6F2}.hx-case.c4{--c:#E08A12;--cb:#FFF2DC}
.hx-case header{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.hx-case header span.ic{flex:none;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:var(--c);color:#fff}
.hx-case header small{font-size:12px;font-weight:800;color:var(--c)}
.hx-case h2{margin:0;font-size:22px;line-height:1.45}
.hx-talk.sm{padding:14px;box-shadow:4px 4px 0 #1B2433;margin-bottom:16px}
.hx-talk.sm .hx-face svg{width:48px;height:48px}
.hx-talk.sm .hx-row p{font-size:14px;padding:9px 13px}
.hx-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hx-steps li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:var(--cb)}
.hx-steps .num{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:900;font-size:16px}
.hx-steps p{margin:4px 0 0;font-size:16px;line-height:1.75;font-weight:700;color:var(--ink)}
.hx-arts{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.hx-arts a{display:flex;align-items:center;gap:10px;padding:12px 16px;border:2px solid #1B2433;border-radius:14px;background:#FFF9E8;color:var(--ink);font-weight:800;font-size:14.5px;box-shadow:3px 3px 0 #1B2433}
.hx-arts a:hover{text-decoration:none;background:#FFF1C9}
.hx-arts span{flex:none;font-size:11.5px;color:#fff;background:#E8442A;border-radius:999px;padding:2px 10px}
.hx-more{margin-top:14px;border-top:1px dashed var(--line2);padding-top:6px}
.hx-more>summary{cursor:pointer;list-style:none;padding:10px 0;font-weight:800;font-size:14px;color:var(--teal2)}
.hx-more>summary::-webkit-details-marker{display:none}.hx-more>summary::after{content:" ＋"}.hx-more[open]>summary::after{content:" −"}
.hx-k{margin:14px 0 6px;font-size:13px;font-weight:900;color:var(--ink)}.hx-k.ng{color:#C8371D}
.hx-then,.hx-dont,.hx-news{margin:0;padding-left:1.4em;display:grid;gap:6px;font-size:14.5px;line-height:1.8;color:var(--ink2)}
.hx-dont li::marker{content:"✕ ";color:#E8442A}
.hx-wins{display:flex;flex-wrap:wrap;gap:8px}
.hx-wins a{display:inline-flex;gap:8px;align-items:baseline;font-size:13.5px;font-weight:700;padding:7px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff}
.hx-wins b{color:#2457F5}
.hx-svc{font-weight:800}
.hx-sec h2{margin:10px 0 14px;font-size:24px}
.hx-lead{color:var(--sub)}
.hx-rec{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hx-rec label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;font-size:15px;line-height:1.7}
.hx-wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hx-wgrid>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;gap:4px}
.hx-wgrid span.ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--teal2)}
.hx-wgrid b{font-size:15px}.hx-wgrid p{margin:0;font-size:13px;color:var(--sub);line-height:1.7}
.hx-w-act{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;margin-top:4px;font-size:13px;font-weight:700}
.hx-w-act .hg-tel{font-size:18px;font-weight:900}
@media (max-width:900px){.hx-stage{grid-template-columns:1fr}.hx-pick{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hx-pick{gap:10px}.hx-pick a{padding:12px}.hx-pick b{font-size:14px}.hx-pick span.ic{width:40px;height:40px}.hx-face svg{width:48px;height:48px}.hx-row p{font-size:14px}.hx-case{padding:18px 14px}.hx-case h2{font-size:19px}.hx-wgrid{grid-template-columns:1fr}.hx-talk{box-shadow:4px 4px 0 #1B2433}}
/* /higai/ の場面ごとの記事：サムネイルつき */
.hx-arts-k{display:flex;align-items:center;gap:6px;margin:18px 0 10px;font-size:14px;font-weight:900;color:var(--ink)}
.hx-arts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0!important}
.hx-arts.n1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hx-arts a{display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important;padding:0!important;overflow:hidden;border:2px solid #1B2433;border-radius:16px;background:#fff!important;box-shadow:4px 4px 0 #1B2433;transition:transform .15s,box-shadow .15s}
.hx-arts a:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #1B2433}
.hx-arts-img{position:relative;display:block;border-bottom:2px solid #1B2433}
.hx-arts-img img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.hx-arts-img em{position:absolute;left:10px;top:10px;font-style:normal;font-size:12px;font-weight:900;color:#fff;background:#E8442A;border:2px solid #1B2433;border-radius:999px;padding:2px 10px;transform:rotate(-4deg)}
.hx-arts b{display:block;padding:12px 14px 4px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.hx-arts i{display:block;padding:0 14px 14px;font-style:normal;font-size:13px;font-weight:900;color:#E8442A}
@media (max-width:560px){.hx-arts,.hx-arts.n1{grid-template-columns:1fr}}
.lk-date{font:inherit;font-size:16px;padding:10px 14px;border:2px solid #1B2433;border-radius:12px;background:#fff}
.emh-subnote{margin:12px 0 0!important;font-size:14px!important;font-weight:700}
.emh-subnote input{margin-right:6px}
.lk-due{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}
.lk-due>div{padding:14px 16px;border:2px solid #1B2433;border-radius:16px;background:#fff;box-shadow:3px 3px 0 #1B2433}
.lk-due small{display:block;font-size:12px;font-weight:800;color:var(--sub)}
.lk-due b{font-size:22px;color:#E8442A}
.lk-due p{grid-column:1/-1;margin:0!important;font-size:12.5px!important;color:var(--sub)}
@media (max-width:560px){.lk-due{grid-template-columns:1fr}}
/* 流れの図（steps）も明るく */
.nw-flow{background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.06) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#EEF4FF,#F4FBF9)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.nw-flow-s{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 10px 22px -18px rgba(14,34,64,.5)!important}
.nw-flow-s b{color:var(--ink)!important}.nw-flow-s p{color:var(--ink2)!important}.nw-flow-s small{color:var(--sub)!important}
.nw-flow-ar{color:#9FB0C4!important}
/* 要点の下の「そもそも〇〇とは？」（イラストつき） */
.xpl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin-top:16px;padding:22px 24px;border:2.5px solid #1B2433;border-radius:24px;box-shadow:6px 6px 0 #1B2433;background:radial-gradient(circle at 1px 1px,rgba(14,34,64,.06) 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(135deg,#FFF6E6,#FFFFFF 55%,#EAF7F4)}
.xpl-ill svg{display:block;width:100%;height:auto;max-height:240px}
.xpl-ill text{font-family:var(--sans)}
.xpl-k{display:inline-block;margin:0 0 8px;padding:4px 14px;border-radius:999px;background:#1B2433;color:#FFE14D;font-size:13.5px;font-weight:900}
.xpl-one{margin:0 0 10px;font-size:18px;line-height:1.7;font-weight:800;color:var(--ink)}
.xpl-like{margin:0 0 12px;padding:10px 14px;border-radius:14px;background:#fff;border:1.5px dashed #F2B79F;font-size:14.5px;line-height:1.75;color:var(--ink2)}
.xpl-like span{display:inline-block;margin-right:8px;font-size:12px;font-weight:900;color:#E8442A}
.xpl-st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.xpl-st li{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.xpl-st .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#E8442A;color:#fff;font-size:12px;font-weight:900}
.xpl-st b{font-size:14px}.xpl-st small{font-size:12px;color:var(--sub);line-height:1.5}
.xpl-src{margin:10px 0 0;font-size:11.5px;color:var(--sub)}
@media (max-width:760px){.xpl{grid-template-columns:1fr;padding:18px 16px;box-shadow:4px 4px 0 #1B2433}.xpl-ill svg{max-height:180px}.xpl-st{grid-template-columns:1fr}.xpl-one{font-size:16px}}
.a-alertbar.only{font-size:15px;font-weight:900;letter-spacing:.02em;padding:12px 16px}

/* ハッキングのまとめ（/hacking/、v2：紺の見出し帯＋カード） */
.hk-entry{margin:-14px 0 22px;font-size:14.5px;font-weight:700}
.hk-entry a,.hk-line a{display:inline-flex;align-items:center;gap:6px}
.hk-line{margin:26px 0 0;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#F6F8FB;font-size:14.5px;line-height:1.8;font-weight:700}
.hx-hk{margin:14px 0 0;font-size:14px;line-height:1.8}
.hk-hero{position:relative;overflow:hidden;padding:46px 0 44px;color:#fff;background:radial-gradient(50% 80% at 85% 10%,rgba(36,87,245,.45),transparent 70%),radial-gradient(45% 70% at 0 100%,rgba(14,159,149,.35),transparent 70%),linear-gradient(160deg,#0B1A2C,#0E2240 60%,#102a52)}
.hk-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hk-hero .wrap{position:relative}
.hk-hero-g{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:center}
.hk-kick{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:5px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#BFD3F2}
.hk-hero h1{margin:0 0 18px;font-size:clamp(34px,4.6vw,56px);font-weight:900;line-height:1.2;color:#fff;letter-spacing:.02em}
.hk-hero h1 em{display:block;margin-top:12px;font-size:.5em;font-style:normal;line-height:1.5;background:linear-gradient(90deg,#8FB6FF,#5FE0D3);-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-lead{margin:0;max-width:560px;font-size:15.5px;line-height:2;color:rgba(255,255,255,.78)}
.hk-stat{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.hk-stat li{display:flex;align-items:baseline;gap:8px;padding:10px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06)}
.hk-stat b{font-size:24px;font-weight:700;color:#fff;line-height:1}
.hk-stat b small{font-size:12px;margin-left:2px;font-family:var(--sans)}
.hk-stat span{font-size:12.5px;color:rgba(255,255,255,.7)}
.hk-hero-card{position:relative;padding:22px 22px 16px;border-radius:26px;background:linear-gradient(180deg,#fff,#EEF3FB);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.4) inset;transform:rotate(1.5deg)}
.hk-hero-card>svg{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
.hk-hero-card p{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 0;font-size:12.5px;font-weight:700;color:var(--ink2)}
.hk-go{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:36px 0 0}
.hk-go a{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 18px 40px -16px rgba(14,34,64,.35),0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.hk-go a:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 24px 44px -16px rgba(14,34,64,.4),0 0 0 2px var(--blue)}
.hk-go .ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--blue),#5B8CFF)}
.hk-go-b .ic{background:linear-gradient(135deg,#E8442A,#F27A4F)}
.hk-go-b:hover{box-shadow:0 24px 44px -16px rgba(14,34,64,.4),0 0 0 2px #E8442A!important}
.hk-go .tx small{display:block;font-size:12.5px;font-weight:700;color:var(--sub)}
.hk-go .tx b{display:block;font-size:18px;font-weight:900;line-height:1.45}
.hk-go i{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#F1F5FA;font-style:normal;font-weight:700;color:var(--ink2)}
.hk-nav{position:sticky;top:68px;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.hk-nav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:10px;padding-bottom:10px}
.hk-nav a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink2)}
.hk-nav a:hover{text-decoration:none;background:#EEF3FB;color:var(--blue)}
.hk-nav .num{font-size:11px;color:var(--teal2)}
.hk-body{padding-top:10px;padding-bottom:72px}
.hk-sec{padding:64px 0 0;scroll-margin-top:130px}
.hk-h{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.hk-h>.num{font-size:54px;font-weight:700;line-height:.9;background:linear-gradient(180deg,var(--blue),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.hk-h small{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;color:var(--teal2);margin-bottom:4px}
.hk-h h2{margin:0;font-size:30px;font-weight:900;line-height:1.35}
.hk-h>p{flex:1 1 300px;margin:0 0 4px 12px;max-width:440px;font-size:14px;line-height:1.85;color:var(--sub)}
.hk-p{margin:0 0 22px;max-width:820px;font-size:15.5px;line-height:2;color:var(--ink2)}
.hk-words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hk-words>*{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}
.hk-words>*::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.hk-words .w1{--c:linear-gradient(90deg,#8E9BAE,#C3CCD8);--t:#566577;--tb:#EEF1F5}
.hk-words .w2{--c:linear-gradient(90deg,#E8442A,#F27A4F);--t:#C8371D;--tb:#FDECE8}
.hk-words .w3{--c:linear-gradient(90deg,var(--teal),#5FE0D3);--t:var(--teal2);--tb:#E4F6F3}
.hk-words a:hover{text-decoration:none;transform:translateY(-2px);transition:transform .15s}
.hk-words .tag{align-self:flex-start;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:800;color:var(--t);background:var(--tb)}
.hk-words b{font-size:17px;font-weight:900}
.hk-words b i{font-style:normal;color:var(--blue)}
.hk-words p{margin:0;font-size:13.5px;line-height:1.8;color:var(--sub)}
.hk-note{display:flex;align-items:center;gap:6px;margin:16px 0 0;font-size:13px;color:var(--sub)}
.hk-ways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hk-ways article{--c:var(--blue);--cb:#EAF0FF;display:flex;flex-direction:column;padding:22px 22px 18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.hk-ways article:hover{transform:translateY(-3px);border-color:var(--c)}
.hk-ways .c2{--c:var(--teal);--cb:#E4F6F3}.hk-ways .c3{--c:#6D4AE8;--cb:#EFEAFF}.hk-ways .c4{--c:#E08A12;--cb:#FFF3E0}
.hk-way-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.hk-way-top .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--cb);color:var(--c)}
.hk-way-top .no{font-size:28px;font-weight:700;color:#E3E9F0}
.hk-ways h3{margin:0 0 6px;font-size:17px;line-height:1.5;font-weight:900}
.hk-ways h3 a{color:var(--ink)}
.hk-ways h3 a:hover{color:var(--c);text-decoration:none}
.hk-ways p{margin:0 0 16px;font-size:13.5px;line-height:1.8;color:var(--sub)}
.hk-way-f{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.hk-way-f .fix{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--cb);color:var(--c);font-size:12.5px;font-weight:800}
.hk-way-f .fix:hover{text-decoration:none;filter:brightness(.95)}
.hk-way-f .ex{font-size:12.5px;color:var(--sub)}
.hk-ev{position:relative;margin:0;padding:6px 0 6px 0;list-style:none;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.hk-ev::before{content:"";position:absolute;left:31px;top:28px;bottom:28px;width:2px;background:linear-gradient(180deg,var(--blue),var(--teal) 60%,var(--line))}
.hk-ev li a{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 20px;gap:16px;align-items:baseline;padding:13px 24px 13px 58px;color:var(--ink);font-size:14.5px;line-height:1.65}
.hk-ev li a::before{content:"";position:absolute;left:26px;top:20px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--teal)}
.hk-ev li.new a::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px rgba(36,87,245,.15)}
.hk-ev li a:hover{text-decoration:none;background:#F6F8FB}
.hk-ev li a:hover span{color:var(--blue)}
.hk-ev time{font-size:13px;color:var(--sub)}
.hk-ev em{display:inline-block;margin-right:8px;padding:0 7px;border-radius:6px;background:var(--blue);color:#fff;font-family:var(--mono);font-size:10.5px;font-style:normal;font-weight:700;vertical-align:2px}
.hk-ev i{font-style:normal;color:var(--line2)}
.hk-more{margin:16px 0 0;text-align:right;font-weight:700;font-size:14.5px}
.hk-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hk-tools a{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 24px 22px;border-radius:22px;background:linear-gradient(160deg,#fff 40%,#EEF5FF);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);transition:transform .15s,border-color .15s}
.hk-tools a:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--blue)}
.hk-tools .free{position:absolute;top:18px;right:18px;padding:2px 10px;border-radius:999px;background:#E8442A;color:#fff;font-size:11.5px;font-weight:800}
.hk-tools .ic{display:grid;place-items:center;width:54px;height:54px;margin-bottom:8px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:0 10px 20px -10px var(--blue)}
.hk-tools b{font-size:17px;font-weight:900}
.hk-tools small{font-size:13px;line-height:1.75;color:var(--sub)}
.hk-tools i{margin-top:8px;font-style:normal;font-weight:800;font-size:13.5px;color:var(--blue)}
.hk-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px;align-items:start}
.hk-faq-side p{margin:0;font-size:14px;line-height:1.85;color:var(--sub)}
.hk-cta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:center;margin-top:72px;padding:40px 44px;border-radius:28px;color:#fff;background:radial-gradient(60% 120% at 100% 0,rgba(36,87,245,.5),transparent 70%),linear-gradient(150deg,#0B1A2C,#0E2240)}
.hk-cta .k{margin:0 0 6px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#8FB6FF}
.hk-cta h2{margin:0 0 12px;font-size:28px;font-weight:900;line-height:1.4;color:#fff}
.hk-cta p{margin:0;font-size:14px;line-height:1.9;color:rgba(255,255,255,.75)}
.hk-cta-b{display:flex;flex-direction:column;gap:10px}
.hk-cta-b a{display:block;padding:15px 22px;border-radius:999px;text-align:center;font-weight:800;font-size:15px}
.hk-cta-b .a{background:#fff;color:var(--navy)}
.hk-cta-b .b{border:1px solid rgba(255,255,255,.3);color:#fff}
.hk-cta-b a:hover{text-decoration:none;opacity:.9}
.hk-src{margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}
.hk-src h2{margin:0 0 10px;font-size:14px;color:var(--sub)}
.hk-src ul{margin:0;padding-left:1.2em;font-size:13px;line-height:1.9}
@media(max-width:1000px){.hk-ways,.hk-words{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-tools{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
  .hk-hero{padding:28px 0 30px}
  .hk-hero-g{grid-template-columns:minmax(0,1fr)}
  .hk-hero-v{display:none}
  .hk-hero h1{font-size:34px}
  .hk-stat li{padding:8px 12px}
  .hk-stat b{font-size:20px}
  .hk-go{grid-template-columns:minmax(0,1fr);gap:10px;margin:26px 0 0}
  .hk-go a{padding:16px 18px}
  .hk-go .tx b{font-size:16px}
  .hk-sec{padding-top:48px}
  .hk-h>.num{font-size:40px}
  .hk-h h2{font-size:24px}
  .hk-h>p{margin-left:0}
  .hk-words,.hk-ways{grid-template-columns:minmax(0,1fr)}
  .hk-ev::before{left:21px}
  .hk-ev li a{grid-template-columns:minmax(0,1fr);gap:2px;padding:12px 18px 12px 44px}
  .hk-ev li a::before{left:16px}
  .hk-ev i{display:none}
  .hk-faq{grid-template-columns:minmax(0,1fr);gap:8px}
  .hk-cta{grid-template-columns:minmax(0,1fr);padding:30px 22px;margin-top:56px}
  .hk-cta h2{font-size:23px}
}
/* トップ：最近のハッキング事件（ヒーローの直下の紺の帯） */
.a-hk{background:linear-gradient(120deg,#0B1A2C,#0E2240 60%,#12305c);color:#fff}
.a-hk-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px 28px;align-items:center;padding-top:18px;padding-bottom:18px}
.a-hk-k{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:900;white-space:nowrap}
.a-hk ul{display:grid;gap:4px;margin:0;padding:0;list-style:none;min-width:0}
.a-hk li a{display:flex;gap:12px;align-items:baseline;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6;min-width:0}
.a-hk li a:hover{color:#fff;text-decoration:underline}
.a-hk time{flex:none;font-size:12.5px;color:#8FB6FF}
.a-hk li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.a-hk-btn{display:inline-block;padding:10px 18px;border-radius:999px;background:#fff;color:var(--navy);font-size:13.5px;font-weight:800;white-space:nowrap}
.a-hk-btn:hover{text-decoration:none;opacity:.9}
@media(max-width:860px){
  .a-hk-in{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:16px;padding-bottom:18px}
  .a-hk li span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .a-hk-btn{justify-self:start}
}
/* ハッキング事例図鑑（/hacking/jirei/、2026-11-04） */
.jr-hero h1{margin:10px 0 0;font-size:40px;font-weight:900;line-height:1.3}.jr-hero h1 em{display:block;font-style:normal;font-size:.55em;color:#9FE7DE;margin-top:4px}
.jr-lead{max-width:820px}
.jr-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:16px 0 0;padding:0}.jr-tags li{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}
.jr-hero .jr-tags li.w{background:rgba(14,159,149,.2);color:#9FE7DE;border:1px solid rgba(95,224,211,.35)}.jr-hero .jr-tags li.h{background:rgba(232,68,42,.18);color:#FFB4A3;border:1px solid rgba(242,122,79,.35)}
.jr-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:24px 0 0;padding:0}.jr-kpi li{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);background:rgba(255,255,255,.06)}
.jr-kpi b{display:block;font-size:26px;font-weight:900;line-height:1.2;color:#fff}.jr-kpi span{display:block;margin-top:4px;font-size:12.5px;line-height:1.6;color:#C9D6E6}
.jr-p{max-width:860px;margin:0 0 20px;font-size:16px;line-height:2;color:var(--ink2)}
.jr-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jr-inc{display:flex;flex-direction:column;gap:6px;padding:22px 22px 18px;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .2s}
.jr-inc:hover{transform:translateY(-3px)}.jr-inc+.jr-inc{border-top-color:var(--alert)}
.jr-inc-k{font-size:12px;font-weight:700;color:var(--teal2)}.jr-inc b{font-size:21px;font-weight:900;line-height:1.4}.jr-inc-w{font-size:13px;line-height:1.7;color:var(--sub)}
.jr-inc dl,.jr-rows{display:grid;gap:0;margin:10px 0 0}.jr-inc dl div,.jr-rows div{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.75}
.jr-inc dt,.jr-rows dt{font-weight:700;color:var(--sub)}.jr-inc dd,.jr-rows dd{margin:0;color:var(--ink)}
.jr-go{margin-top:auto;padding-top:10px;font-size:13px;font-weight:800;color:var(--teal2)}
.jr-case{margin-bottom:18px;padding:24px 26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);scroll-margin-top:130px}
.jr-case header{display:flex;gap:14px;align-items:center;margin-bottom:14px}.jr-no{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}
.jr-case small{font-size:12px;font-weight:700;color:var(--teal2)}.jr-case h3{margin:2px 0 0;font-size:21px;font-weight:900}
.jr-how{margin:0;padding:14px 16px;border-radius:10px;background:#F2F6FA;font-size:14.5px;line-height:1.9;color:var(--ink2)}.jr-how b{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;color:var(--navy)}
.jr-tl{position:relative;list-style:none;margin:0;padding:0 0 0 22px}.jr-tl:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--teal),var(--blue))}
.jr-tl li{position:relative;display:grid;grid-template-columns:7.5em 11em minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px dashed var(--line)}
.jr-tl li:before{content:"";position:absolute;left:-21px;top:18px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.jr-tl time{font-family:var(--mono);font-size:13.5px;font-weight:700;color:var(--navy)}.jr-tl-o{justify-self:start;padding:2px 9px;border-radius:99px;background:#EAF1FF;font-size:11.5px;font-weight:700;color:var(--blue2)}.jr-tl p{margin:0;font-size:14px;line-height:1.75}
.jr-resp,.jr-you{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jr-resp div{padding:18px 20px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.jr-resp b{display:block;font-size:15px;font-weight:900;color:var(--navy)}.jr-resp p{margin:6px 0 0;font-size:14px;line-height:1.85;color:var(--ink2)}
.jr-you div{padding:18px 20px;border-radius:var(--r);background:linear-gradient(160deg,#0B1A2C,#0E2240);color:#fff}.jr-you span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:900;color:#9FE7DE}.jr-you p{margin:8px 0 0;font-size:14px;line-height:1.85;color:#E3EAF2}
.jr-note{margin:14px 0 0;font-size:13.5px;line-height:1.85;color:var(--sub)}.jr-note a{color:var(--blue2);font-weight:700}
.jr-ls{display:grid;gap:10px}.jr-ls a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.jr-ls a:hover{transform:translateX(4px)}.jr-ls-a{font-size:14px;font-weight:700;color:var(--alert)}.jr-ls-b{font-size:14px;line-height:1.7}.jr-ls-n{padding:6px 12px;border-radius:99px;background:#E6F7F4;font-size:12.5px;font-weight:800;color:var(--teal2);white-space:nowrap}
.jr-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:16px;border-radius:var(--r);background:var(--blue);color:#fff;font-weight:900;text-decoration:none}.jr-cta:hover{background:var(--blue2)}
.jr-arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jr-arts a{padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.jr-arts small{color:var(--sub);font-size:12px}.jr-arts b{display:block;margin-top:4px;font-size:15.5px;line-height:1.6}
.jr-src{margin:0;padding-left:1.3em;font-size:13.5px;line-height:1.9}.jr-src a{color:var(--blue2)}
.jr-back{margin:18px 0 0;font-weight:800}.jr-back a{color:var(--navy)}
.jr-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jr-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;transition:transform .2s}.jr-card:hover{transform:translateY(-3px)}
.jr-card-s{align-self:flex-start;padding:2px 9px;border-radius:99px;background:#FFE9E3;color:var(--alert);font-size:11.5px;font-weight:800}.jr-card small{font-size:12px;color:var(--sub)}.jr-card b{font-size:20px;font-weight:900}.jr-card p{margin:0;font-size:13.5px;line-height:1.8;color:var(--ink2)}
.jr-card .jr-tags li.w{background:#E6F7F4;color:var(--teal2)}
.jr-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:8px 0 0;padding:10px 0 0;border-top:1px solid var(--line)}.jr-mini b{display:block;font-size:17px;font-weight:900;color:var(--navy)}.jr-mini span{font-size:11.5px;line-height:1.5;color:var(--sub)}
.jr-rule{margin-top:24px;padding:18px 22px;border-radius:var(--r);background:#F2F6FA}.jr-rule b{display:flex;align-items:center;gap:6px;color:var(--navy)}.jr-rule ul{margin:8px 0 0;padding-left:1.2em;font-size:13.5px;line-height:1.9;color:var(--ink2)}
.jr-hkbn{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 20px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r);background:rgba(255,255,255,.07);color:#fff;text-decoration:none}.jr-hkbn:hover{background:rgba(255,255,255,.12)}.jr-hkbn small{display:block;font-size:12px;color:#9FE7DE}.jr-hkbn b{font-size:16px}.jr-hkbn i{margin-left:auto;font-style:normal;font-weight:900}
@media(max-width:900px){.jr-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-g2,.jr-resp,.jr-you,.jr-arts{grid-template-columns:minmax(0,1fr)}.jr-list{grid-template-columns:minmax(0,1fr)}.jr-ls a{grid-template-columns:minmax(0,1fr)}.jr-tl li{grid-template-columns:minmax(0,1fr);gap:4px}.jr-hero h1{font-size:30px}}
@media(max-width:560px){.jr-inc dl div,.jr-rows div{grid-template-columns:minmax(0,1fr);gap:2px}.jr-kpi b{font-size:21px}.jr-case{padding:20px 18px}}
/* 事例：どんな会社？・どんなハッキング？（2026-11-04） */
.jr-co{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.jr-co-about{margin:0;font-size:16px;line-height:2;color:var(--ink2)}.jr-co-k{margin:18px 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--teal2)}
.jr-biz{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.jr-biz li{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:13.5px;font-weight:700;color:var(--navy);box-shadow:var(--shadow)}.jr-biz svg{color:var(--teal)}
.jr-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jr-units div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);border-left:4px solid var(--alert)}
.jr-units b{font-size:15.5px}.jr-units span{font-size:13px;line-height:1.7;color:var(--sub)}.jr-units em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12.5px;font-weight:800;color:var(--alert)}
.jr-prof{margin:0;padding:8px 20px 14px;border-radius:var(--r);background:linear-gradient(160deg,#0B1A2C,#0E2240);color:#fff;box-shadow:var(--shadow)}.jr-prof div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13.5px;line-height:1.7}
.jr-prof dt{color:#9FE7DE;font-weight:700}.jr-prof dd{margin:0}.jr-prof p{margin:10px 0 0;font-size:11.5px;color:#9FB0C3}
.jr-flow{margin-bottom:18px;padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.jr-flow-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.jr-flow-h small{display:block;font-size:12px;font-weight:700;color:var(--teal2)}.jr-flow-h b{font-size:20px;font-weight:900;line-height:1.4}.jr-flow-h a{margin-left:auto;padding:6px 14px;border-radius:99px;background:#EAF1FF;color:var(--blue2);font-size:12.5px;font-weight:800;text-decoration:none}
.jr-steps{counter-reset:s;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;list-style:none;margin:0;padding:0}
.jr-steps li{position:relative;padding:18px 16px 16px;border-radius:14px;background:#F2F6FA}
.jr-steps li:not(:last-child):after{content:"";position:absolute;top:34px;right:-14px;width:14px;height:2px;background:var(--alert)}
.jr-st-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#E8442A,#F27A4F);color:#fff;box-shadow:0 8px 18px -8px rgba(232,68,42,.7)}
.jr-steps i{display:block;margin-top:12px;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--alert)}.jr-steps b{display:block;margin-top:2px;font-size:16px;font-weight:900;color:var(--navy)}.jr-steps p{margin:6px 0 0;font-size:13px;line-height:1.75;color:var(--ink2)}
.jr-more{display:inline-block;margin-top:14px;font-size:13px;font-weight:800;color:var(--teal2);text-decoration:none}
@media(max-width:900px){.jr-co{grid-template-columns:minmax(0,1fr)}.jr-steps{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.jr-steps li:not(:last-child):after{top:auto;bottom:-14px;right:auto;left:38px;width:2px;height:14px}.jr-flow-h a{margin-left:0}}
@media(max-width:560px){.jr-units{grid-template-columns:minmax(0,1fr)}}
/* /hacking/ v3（2026-11-04）：見出しの右のボード・事例図鑑の節・最近の事件の大きなカード */
.hk-board{position:relative;padding:20px 20px 16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(8,23,45,.72);backdrop-filter:blur(8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hk-board-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:#FFB4A3}
.hk-board ol{list-style:none;margin:0;padding:0}.hk-board li a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 4px;border-top:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}.hk-board li a:hover span{text-decoration:underline}
.hk-board time{font-family:var(--mono);font-size:12px;color:#9FE7DE}.hk-board span{font-size:13.5px;line-height:1.6}
.hk-board-f{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.hk-board-f a{display:inline-flex;align-items:center;gap:6px;color:#9FE7DE;font-size:12.5px;font-weight:800;text-decoration:none}
.hk-zk{margin-top:64px;padding:0!important}
.hk-zk-in{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:28px;align-items:center;overflow:hidden;padding:40px;border-radius:22px;color:#fff;background:radial-gradient(60% 90% at 100% 0,rgba(232,68,42,.35),transparent 60%),radial-gradient(50% 80% at 0 100%,rgba(14,159,149,.3),transparent 60%),linear-gradient(160deg,#0B1A2C,#0E2240)}
.hk-zk-in:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.hk-zk-t{position:relative}.hk-zk-t small{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#FFB4A3}.hk-zk-t h2{margin:6px 0 10px;font-size:30px;font-weight:900;line-height:1.35}.hk-zk-t p{margin:0;font-size:14.5px;line-height:1.9;color:#D5DFEA}
.hk-zk-all{display:inline-block;margin-top:18px;padding:13px 22px;border-radius:99px;background:#fff;color:var(--navy);font-weight:900;text-decoration:none}.hk-zk-all:hover{background:#FFE9E3}
.hk-zk-g{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.hk-zk-c{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 24px 40px -24px rgba(0,0,0,.6);transition:transform .2s}.hk-zk-c:hover{transform:translateY(-4px)}
.hk-zk-c .st{align-self:flex-start;padding:2px 9px;border-radius:99px;background:#FFE9E3;color:var(--alert);font-size:11.5px;font-weight:800}.hk-zk-c>b{font-size:20px;font-weight:900}
.hk-zk-c ul{display:grid;gap:6px;list-style:none;margin:0;padding:0}.hk-zk-c li{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:1.6;color:var(--ink2)}.hk-zk-c li svg{flex:none;margin-top:3px;color:var(--alert)}
.hk-zk-c .kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;border-top:1px solid var(--line)}.hk-zk-c .kp b{display:block;font-size:17px;font-weight:900;color:var(--navy)}.hk-zk-c .kp small{font-size:11.5px;line-height:1.5;color:var(--sub)}
.hk-zk-c i{margin-top:auto;font-style:normal;font-size:12.5px;font-weight:800;color:var(--teal2)}
.hk-evf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.hk-evf a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:150px;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--alert);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}.hk-evf a:hover{transform:translateY(-3px)}
.hk-evf em{position:absolute;top:14px;right:14px;padding:1px 8px;border-radius:99px;background:var(--alert);color:#fff;font-style:normal;font-size:11px;font-weight:800}
.hk-evf time{font-family:var(--mono);font-size:12.5px;color:var(--sub)}.hk-evf b{font-size:15.5px;line-height:1.6}.hk-evf i{margin-top:auto;font-style:normal;font-size:12.5px;font-weight:800;color:var(--teal2)}
@media(max-width:900px){.hk-zk-in{grid-template-columns:minmax(0,1fr);padding:28px 22px}.hk-evf{grid-template-columns:minmax(0,1fr)}.hk-zk-t h2{font-size:25px}}
/* /hacking/ 明るいテック風（2026-11-04 本人「文字を減らしてデザインを」「明るめに」）。.hkl の中だけ。
   色：白地 #F6F9FD・青 #2457F5・シアン #00A8C8・緑 #12B76A・赤 #E8442A。黒いのは事件のボードの窓だけ */
.hkl{--hl-bg:#F6F9FD;--hl-ln:#DCE5F1;--hl-bl:#2457F5;--hl-cy:#00A8C8;--hl-gr:#12B76A;--hl-rd:#E8442A;--hl-ink:#0B1A2C;--hl-mu:#5E6E82;position:relative;overflow:hidden;background:var(--hl-bg);color:var(--hl-ink)}
.hkl:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,87,245,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(36,87,245,.055) 1px,transparent 1px);background-size:32px 32px}
.hkl>*{position:relative;z-index:1}
.hkl .hk-hero{color:var(--hl-ink);background:radial-gradient(50% 70% at 85% 10%,rgba(0,168,200,.16),transparent 70%),radial-gradient(45% 70% at 0 100%,rgba(36,87,245,.12),transparent 70%),linear-gradient(180deg,#fff,#F1F6FC);border-bottom:1px solid var(--hl-ln)}
.hkl .hk-hero:before{background-image:linear-gradient(rgba(36,87,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(36,87,245,.07) 1px,transparent 1px)!important}
.hkx-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000 70%);mask-image:linear-gradient(90deg,transparent 20%,#000 70%)}
.hkl .hk-hero .wrap{position:relative;z-index:2}
.hkl .hk-kick{background:#fff!important;border:1px solid var(--hl-ln)!important;color:var(--hl-bl)!important;font-family:var(--mono);box-shadow:var(--shadow)}
.hkx-cmd{margin:18px 0 6px;font-family:var(--mono);font-size:14px;color:var(--hl-mu)}.hkx-cmd span:first-child{color:var(--hl-gr);font-weight:700}.hkx-cmd b{color:var(--hl-bl);font-weight:700}
.hkx-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;color:var(--hl-ink);animation:hkxT 1.6s steps(16) .4s forwards}
.hkx-cur{display:inline-block;width:9px;height:17px;margin-left:3px;vertical-align:-3px;background:var(--hl-bl);animation:hkxB 1s steps(1) infinite}
@keyframes hkxT{to{width:16ch}}@keyframes hkxB{50%{opacity:0}}
.hkl .hk-hero h1{font-size:52px;letter-spacing:.01em;color:var(--hl-ink)}
.hkl .hk-hero h1 em{background:linear-gradient(90deg,var(--hl-bl),var(--hl-cy));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hkx-gl{position:relative;display:inline-block}.hkx-gl:before,.hkx-gl:after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}
.hkx-gl:before{color:var(--hl-rd);clip-path:inset(0 0 60% 0);animation:hkxG1 4s infinite steps(1)}.hkx-gl:after{color:var(--hl-cy);clip-path:inset(55% 0 0 0);animation:hkxG2 3.4s infinite steps(1)}
@keyframes hkxG1{0%,90%,100%{transform:translate(0);opacity:0}92%{transform:translate(-3px,-1px);opacity:.8}95%{transform:translate(2px,1px);opacity:.6}}
@keyframes hkxG2{0%,86%,100%{transform:translate(0);opacity:0}88%{transform:translate(3px,1px);opacity:.8}92%{transform:translate(-2px,0);opacity:.5}}
.hkl .hk-lead{color:var(--hl-mu)!important;font-size:16.5px}
.hkl .hk-stat li{background:#fff!important;border:1px solid var(--hl-ln)!important;border-radius:10px!important;box-shadow:var(--shadow)}.hkl .hk-stat b{font-family:var(--mono);color:var(--hl-bl)!important}.hkl .hk-stat span{color:var(--hl-mu)!important}
.hkl .hk-go a{border:1px solid var(--hl-ln);border-radius:14px!important}.hkl .hk-go a:hover{box-shadow:0 0 0 2px var(--hl-bl),0 18px 30px -18px rgba(36,87,245,.5)!important}
.hkl .jr-hkbn{border:1px solid rgba(36,87,245,.25);border-radius:14px;background:linear-gradient(90deg,#fff,#EEF4FF);color:var(--hl-ink);box-shadow:var(--shadow)}.hkl .jr-hkbn small{color:var(--hl-bl);font-family:var(--mono)}.hkl .jr-hkbn b{color:var(--hl-ink)}.hkl .jr-hkbn svg{color:var(--hl-bl)}
.hkl .hk-board{border-radius:14px;border:0;background:#0B1220;box-shadow:0 30px 60px -30px rgba(11,26,44,.55),0 0 0 1px rgba(36,87,245,.25);padding-top:44px;color:#fff}
.hkl .hk-board:before{content:"";position:absolute;left:14px;top:14px;width:10px;height:10px;border-radius:50%;background:#FF5F57;box-shadow:16px 0 #FEBC2E,32px 0 #28C840}
.hkl .hk-board:after{content:"incident.log";position:absolute;left:0;right:0;top:9px;text-align:center;font-family:var(--mono);font-size:11px;color:#7C8CA3}
.hkl .hk-board-h{color:#5FFFB0}.hkl .hk-board time{font-family:var(--mono);color:#5FFFB0}.hkl .hk-board span{font-family:var(--mono),"Noto Sans JP",sans-serif;font-size:12.5px;color:#D6E2F2}.hkl .hk-board-f a{color:#7FDBFF}
.hkl .hk-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--hl-ln)}.hkl .hk-nav a{font-family:var(--mono)}.hkl .hk-nav .num{color:var(--hl-bl)}.hkl .hk-nav .num:before{content:"0x"}
.hkl .hk-h{margin-bottom:22px}.hkl .hk-h>p,.hkl .hk-faq-side p{display:none}
.hkl .hk-h small{color:var(--hl-cy)!important;font-family:var(--mono)}.hkl .hk-h small:before{content:"// "}
.hkl .hk-h .num{font-family:var(--mono);background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy));-webkit-background-clip:text;background-clip:text;color:transparent!important}.hkl .hk-h .num:before{content:"0x";font-size:.5em}
.hkl .hk-h h2{font-size:32px}
.hkl-flow{counter-reset:f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0 0 22px;padding:0}
.hkl-flow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:24px 22px 22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.hkl-flow li:not(:last-child):after{content:"";position:absolute;top:50%;right:-18px;width:18px;height:2px;background:repeating-linear-gradient(90deg,var(--hl-bl) 0 5px,transparent 5px 9px)}
.hkl-flow .ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:8px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy));box-shadow:0 12px 22px -10px rgba(36,87,245,.6)}
.hkl-flow li.r .ic{background:linear-gradient(135deg,#E8442A,#F27A4F);box-shadow:0 12px 22px -10px rgba(232,68,42,.6)}
.hkl-flow i{font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--hl-cy)}.hkl-flow li.r i{color:var(--hl-rd)}.hkl-flow b{font-size:19px;font-weight:900}.hkl-flow small{font-size:13px;color:var(--hl-mu)}
.hkl .hk-words>*,.hkl .hk-ways article,.hkl .hk-tools a,.hkl .hk-evf a,.hkl .a-faq details{border-radius:14px!important;border:1px solid var(--hl-ln)!important}
.hkl .hk-words>*:hover,.hkl .hk-ways article:hover,.hkl .hk-tools a:hover,.hkl .hk-evf a:hover{border-color:var(--hl-bl)!important;box-shadow:0 18px 30px -20px rgba(36,87,245,.45)!important}
.hkl .hk-words .tag,.hkl .hk-way-f .fix{font-family:var(--mono)}
.hkl .hk-ways article{padding:20px 20px 16px}.hkl .hk-ways p{font-size:13px;margin-bottom:12px}
.hkl .hk-way-top .ic{width:50px;height:50px;border-radius:14px;color:#fff!important;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff))!important;box-shadow:0 10px 20px -10px var(--c)}
.hkl .hk-way-top .no{font-family:var(--mono);color:color-mix(in srgb,var(--c) 22%,#fff)!important}
.hkl .hk-zk-in{border-radius:20px;color:var(--hl-ink);background:radial-gradient(60% 90% at 100% 0,rgba(232,68,42,.12),transparent 60%),radial-gradient(50% 80% at 0 100%,rgba(0,168,200,.12),transparent 60%),#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.hkl .hk-zk-in:before{background-image:linear-gradient(rgba(36,87,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(36,87,245,.05) 1px,transparent 1px)}
.hkl .hk-zk-t small{color:var(--hl-rd);font-family:var(--mono)}.hkl .hk-zk-t h2{color:var(--hl-ink)}.hkl .hk-zk-t p{color:var(--hl-mu)}
.hkl .hk-zk-all{background:var(--hl-ink);color:#fff}.hkl .hk-zk-all:hover{background:var(--hl-bl)}
.hkl .hk-zk-c{border:1px solid var(--hl-ln);box-shadow:var(--shadow)}.hkl .hk-zk-c .kp b{font-family:var(--mono);color:var(--hl-bl)}
.hkl .hk-evf time{font-family:var(--mono);color:var(--hl-cy)}.hkl .hk-ev{border-radius:14px!important}.hkl .hk-ev time{font-family:var(--mono);color:var(--hl-cy)!important}
.hkl .hk-tools .ic{border-radius:14px}.hkl .hk-tools i{font-family:var(--mono)}
.hkl .hk-cta{border-radius:20px;background:radial-gradient(60% 120% at 100% 0,rgba(0,168,200,.35),transparent 60%),linear-gradient(135deg,#0E2240,#2457F5)}.hkl .hk-cta .k{font-family:var(--mono);color:#9FE7FF}
@media(max-width:900px){.hkl-flow{grid-template-columns:minmax(0,1fr)}.hkl-flow li:not(:last-child):after{top:auto;bottom:-18px;right:auto;left:46px;width:2px;height:18px;background:repeating-linear-gradient(180deg,var(--hl-bl) 0 5px,transparent 5px 9px)}.hkl .hk-hero h1{font-size:36px}.hkl .hk-h h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hkx-type{animation:none;width:auto}.hkx-cur,.hkx-gl:before,.hkx-gl:after{animation:none}}
/* 事例図鑑も明るいテック風に（2026-11-04、.hkl の中の jr-*） */
.hkl .hkx-type{animation:hkxT2 1.8s steps(30) .4s forwards}@keyframes hkxT2{to{width:var(--n,16ch)}}
.hkl .jr-hero h1{font-size:44px;color:var(--hl-ink)}.hkl .jr-hero h1 em{font-size:.5em;margin-top:6px}
.hkl .jr-lead{color:var(--hl-mu)!important}
.hkl .jr-hero .jr-tags li.w{background:#E4F6FB;color:#00809A;border:1px solid #BDE9F2}.hkl .jr-hero .jr-tags li.h{background:#FFECE8;color:#C8371D;border:1px solid #F7C9BE}
.hkl .jr-kpi li{background:#fff;border:1px solid var(--hl-ln);border-radius:14px;box-shadow:var(--shadow)}.hkl .jr-kpi b{font-family:var(--mono);color:var(--hl-ink);background:linear-gradient(90deg,var(--hl-bl),var(--hl-cy));-webkit-background-clip:text;background-clip:text;color:transparent}.hkl .jr-kpi span{color:var(--hl-mu)}
.hkl .jr-co-k{font-family:var(--mono);color:var(--hl-cy)}.hkl .jr-co-k:before{content:"// "}
.hkl .jr-prof{position:relative;padding-top:40px;border-radius:14px;background:#0B1220}.hkl .jr-prof:before{content:"";position:absolute;left:14px;top:14px;width:10px;height:10px;border-radius:50%;background:#FF5F57;box-shadow:16px 0 #FEBC2E,32px 0 #28C840}.hkl .jr-prof:after{content:"company.json";position:absolute;left:0;right:0;top:9px;text-align:center;font-family:var(--mono);font-size:11px;color:#7C8CA3}.hkl .jr-prof dt{font-family:var(--mono);color:#5FFFB0}
.hkl .jr-biz li{border-radius:10px}.hkl .jr-biz svg{color:var(--hl-bl)}
.hkl .jr-flow,.hkl .jr-case,.hkl .jr-resp div,.hkl .jr-ls a,.hkl .jr-arts a,.hkl .jr-card,.hkl .jr-units div{border-radius:14px;border-color:var(--hl-ln)}
.hkl .jr-flow:hover,.hkl .jr-card:hover,.hkl .jr-ls a:hover{border-color:var(--hl-bl);box-shadow:0 18px 30px -20px rgba(36,87,245,.45)}
.hkl .jr-steps li{background:linear-gradient(180deg,#fff,#F3F7FD);border:1px solid var(--hl-ln)}.hkl .jr-steps i{font-family:var(--mono)}
.hkl .jr-flow-h small,.hkl .jr-case small,.hkl .jr-inc-k{font-family:var(--mono);color:var(--hl-cy)}
.hkl .jr-no{background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy));font-family:var(--mono)}
.hkl .jr-tl:before{background:repeating-linear-gradient(180deg,var(--hl-bl) 0 6px,transparent 6px 11px)}.hkl .jr-tl time{color:var(--hl-bl)}.hkl .jr-tl li:before{border-color:var(--hl-bl);box-shadow:0 0 0 4px rgba(36,87,245,.12)}
.hkl .jr-you div{background:#fff;border:1px solid var(--hl-ln);border-left:4px solid var(--hl-gr);color:var(--hl-ink);box-shadow:var(--shadow)}.hkl .jr-you span{color:var(--hl-ink)}.hkl .jr-you span svg{color:var(--hl-gr)}.hkl .jr-you p{color:var(--ink2)}
.hkl .jr-ls-n{font-family:var(--mono)}.hkl .jr-cta{border-radius:14px;background:linear-gradient(90deg,var(--hl-bl),var(--hl-cy))}
.hkl .jr-card b{font-size:21px}.hkl .jr-mini b{font-family:var(--mono);color:var(--hl-bl)}.hkl .jr-rule{border:1px dashed var(--hl-ln);background:#fff;border-radius:14px}
@media(max-width:900px){.hkl .jr-hero h1{font-size:30px}}
/* トップも明るいテック風に（2026-11-04 本人「トップもデザイン修正」）。body.home だけ */
.home .hkx-cmd,.hkl .hkx-cmd{margin:14px 0 6px;font-family:var(--mono);font-size:14px;color:#5E6E82}.home .hkx-cmd span:first-child{color:#12B76A;font-weight:700}.home .hkx-cmd b{color:#2457F5;font-weight:700}
.home .hkx-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;color:#0B1A2C;animation:hkxT2 1.8s steps(30) .4s forwards}
.home .hkx-cur{display:inline-block;width:9px;height:17px;margin-left:3px;vertical-align:-3px;background:#2457F5;animation:hkxB 1s steps(1) infinite}
@keyframes hkxT2{to{width:var(--n,16ch)}}
.home .a-hero{position:relative;overflow:hidden}.home .a-hero .wrap{position:relative;z-index:2}
.home .a-hero:before,.home .a-sec:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(36,87,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(36,87,245,.05) 1px,transparent 1px);background-size:32px 32px}
.home .a-sec{position:relative}.home .a-sec>.wrap{position:relative;z-index:1}
.home .a-hero h1 em{background:linear-gradient(90deg,#2457F5,#00A8C8);-webkit-background-clip:text;background-clip:text;color:transparent}
.home .a-kick{font-family:var(--mono)}
.home .a-head small{font-size:12.5px;color:#00A8C8}.home .a-head small:before{content:"// "}
.home .a-head>p{display:none}
.home .a-hk{background:#0B1220;border-top:1px solid rgba(36,87,245,.35);border-bottom:1px solid rgba(36,87,245,.35);font-family:var(--mono),"Noto Sans JP",sans-serif}
.home .a-hk-k{color:#5FFFB0}.home .a-hk-k:after{content:"incident.log";margin-left:10px;padding:2px 8px;border:1px solid rgba(95,255,176,.35);border-radius:4px;font-size:11px;font-weight:400;color:#9FB0C3}
.home .a-hk time{color:#5FFFB0}.home .a-hk time:before{content:"[";color:#7C8CA3}.home .a-hk time:after{content:"]";color:#7C8CA3}
.home .a-hk-btn{border-radius:8px;background:#5FFFB0;color:#03130A}
@media(prefers-reduced-motion:reduce){.home .hkx-type{animation:none;width:auto}.home .hkx-cur{animation:none}}
.hkl .hk-h .num.nx:before{content:none}
.home .a-hk-k:after{content:none}
.home .a-hk li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home .a-hk-in{grid-template-columns:auto minmax(0,1fr) auto}
@media(max-width:900px){.home .a-hk-in{grid-template-columns:minmax(0,1fr)}.home .a-hk li span{white-space:normal}}
/* 事例図鑑の一覧の絞り込み（2026-11-04） */
.jr-flt{display:grid;gap:10px;margin-bottom:18px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.jr-flt input{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid var(--line2);border-radius:10px;font-size:15px;font-family:inherit}
.jr-chips{display:flex;flex-wrap:wrap;gap:6px}.jr-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink2);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.jr-chips button i{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--sub)}.jr-chips button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.jr-chips button[aria-pressed=true] i{color:#9FE7DE}
.jr-cnt{margin:0;font-size:13px;color:var(--sub)}.jr-cnt b{font-family:var(--mono);font-size:22px;color:var(--blue)}
.jr-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.jr-card-top time{font-family:var(--mono);font-size:12px;color:var(--sub)}
.jr-card[hidden]{display:none}.jr-none{padding:30px 0;text-align:center;color:var(--sub)}
/* 事例ページ v4（2026-11-04 本人「文字が多い・ボックスを・スマホ対応・箱の間の余白」） */
.hkl .jr-body .hk-sec{padding-top:72px}
.hkl .jr-body .hk-h{margin-bottom:26px}
.jr-sum{position:relative;margin-bottom:24px;padding:22px 24px 22px 26px;border-radius:16px;background:linear-gradient(135deg,#fff,#F1F6FF);border:1px solid var(--line);box-shadow:var(--shadow)}
.jr-sum:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(180deg,#2457F5,#00A8C8)}
.jr-sum-k{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-family:var(--mono);font-size:12px;font-weight:700;color:#2457F5}.jr-sum p{margin:0;font-size:15.5px;line-height:1.95;color:var(--ink2)}
.hkl .jr-flow,.hkl .jr-case{margin-bottom:24px;padding:26px}
.hkl .jr-steps{gap:18px}.hkl .jr-steps li:not(:last-child):after{right:-18px;width:18px}
.hkl .jr-how{margin-bottom:18px;padding:16px 18px;border-radius:12px;background:#F2F6FC;border:1px solid var(--line)}
.hkl .jr-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.hkl .jr-rows div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;border-top:0;box-shadow:0 1px 2px rgba(11,26,44,.04)}
.hkl .jr-rows dt{align-self:flex-start;padding:2px 9px;border-radius:99px;background:#EEF3FB;font-family:var(--mono);font-size:11.5px;color:#2457F5}
.hkl .jr-rows dd{font-size:14px;line-height:1.75}
.hkl .jr-tl{padding:24px 24px 18px 46px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.hkl .jr-tl:before{left:30px;top:30px;bottom:30px}.hkl .jr-tl li:before{left:-21px}
.hkl .jr-resp,.hkl .jr-you{gap:18px}
.hkl .jr-resp div{position:relative;padding:20px 20px 18px 62px}.hkl .jr-resp .jr-ric{position:absolute;left:18px;top:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2457F5,#00A8C8);color:#fff}
.hkl .jr-you div{padding:20px 22px}
.hkl .jr-ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hkl .jr-ls a{display:flex;flex-direction:column;gap:12px;padding:0;overflow:hidden}
.hkl .jr-ls-a{padding:14px 18px;background:#FFF3F0;border-bottom:1px solid #F7D4CB;color:#C8371D;font-size:14.5px;line-height:1.6}.hkl .jr-ls-a small,.hkl .jr-ls-b small{display:flex;align-items:center;gap:5px;margin-bottom:4px;font-family:var(--mono);font-size:11px;font-weight:700;opacity:.8}
.hkl .jr-ls-b{padding:0 18px;font-size:14px;line-height:1.75;color:var(--ink)}.hkl .jr-ls-b small{color:#12B76A}
.hkl .jr-ls-n{align-self:flex-start;margin:0 18px 16px}
.hkl .jr-ls a:hover{transform:translateY(-3px)}
.hkl .jr-cta{margin-top:24px}
.hkl .jr-arts{gap:18px}
.jr-box{padding:20px 22px 20px 40px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.hkl .jr-co{gap:24px}.hkl .jr-units{gap:14px}.hkl .jr-biz{gap:10px}
.hkl .jr-kpi{gap:16px}
@media(max-width:900px){
 .hkl .jr-body .hk-sec{padding-top:52px}
 .hkl .jr-rows,.hkl .jr-ls{grid-template-columns:minmax(0,1fr)}
 .hkl .jr-flow,.hkl .jr-case{padding:20px 18px}
 .hkl .jr-steps{gap:14px}.hkl .jr-steps li:not(:last-child):after{right:auto;width:2px;bottom:-14px;height:14px}
 .hkl .jr-tl{padding:18px 16px 12px 38px}.hkl .jr-tl:before{left:22px}
 .hkl .jr-tl li{padding:12px 0}
 .hkl .jr-hero .jr-tags{gap:6px}
 .jr-sum{padding:18px 18px 18px 22px}.jr-sum p{font-size:14.5px;line-height:1.9}
 .hkl .hk-h h2{font-size:23px}
}
@media(max-width:560px){
 .hkl .jr-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hkl .jr-kpi li{padding:12px 12px}.hkl .jr-kpi b{font-size:19px}.hkl .jr-kpi span{font-size:11.5px}
 .hkl .jr-hero h1{font-size:27px}.hkl .jr-lead{font-size:14px}
 .hkl .hk-nav .wrap{padding-left:16px}
 .hkl .jr-resp div{padding:16px 16px 16px 56px}.hkl .jr-resp .jr-ric{left:14px;top:16px}
 .hkl .jr-prof div{grid-template-columns:minmax(0,1fr);gap:2px}
 .jr-box{padding:16px 16px 16px 34px}
}

.hkl .jr-resp .jr-ric svg{display:block;width:18px;height:18px}
.hkl .jr-ls a{align-items:stretch}
/* 事例ページ v5：まず確認（2026-11-04 本人「重要なところは目立つように・初心者向けに」） */
.hkl .jr-org{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:5px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink2)}
.jr-chk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.jr-alert{position:relative;padding:24px 24px 20px;border-radius:18px;background:linear-gradient(160deg,#FFF6EC,#FFEDE6);border:2px solid #F7B9A6;box-shadow:0 18px 34px -24px rgba(232,68,42,.6)}
.jr-alert-h{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:18px;font-weight:900;color:#C8371D}
.jr-alert ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.jr-alert li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(11,26,44,.05)}
.jr-alert li i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#E8442A;color:#fff;font-style:normal;font-weight:900;font-family:var(--mono)}
.jr-alert li b{display:block;font-size:15px;color:var(--ink)}.jr-alert li p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--ink2)}
.jr-alert>a{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:800;color:#C8371D}
.jr-facts{display:grid;gap:14px}
.jr-facts>div{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--c);box-shadow:var(--shadow)}
.jr-facts .lk{--c:#E8442A}.jr-facts .ok{--c:#12B76A}.jr-facts .nw{--c:#2457F5}
.jr-facts span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:900;color:var(--c)}.jr-facts p{margin:8px 0 0;font-size:14.5px;line-height:1.85;color:var(--ink)}
.jr-fromnews{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:16px 20px;border-radius:14px;background:linear-gradient(90deg,#EEF4FF,#fff);border:1px solid #CFE0FF;color:var(--ink);text-decoration:none}
.jr-fromnews svg{flex:none;color:#2457F5}.jr-fromnews small{display:block;font-size:12px;font-weight:700;color:#2457F5}.jr-fromnews b{font-size:15px;line-height:1.6}.jr-fromnews i{margin-left:auto;font-style:normal;font-weight:900;color:#2457F5}
.jr-fromnews:hover{border-color:#2457F5;text-decoration:none}
@media(max-width:900px){.jr-chk{grid-template-columns:minmax(0,1fr)}.jr-alert{padding:20px 16px 16px}.jr-alert li{padding:12px}}
/* /hacking/ v6：初心者向けにしぼる（2026-11-04 本人「情報が詰まりすぎ。オシャレにシンプルに」） */
.hkl .hk-hero{padding:56px 0 60px}
.hkl .hk-hero h1{font-size:56px;line-height:1.2}.hkl .hk-lead{font-size:17px;line-height:1.9;margin-top:14px}
.hkl .hk-go{gap:18px;margin-top:40px}.hkl .hk-go a{padding:24px 26px;border-radius:18px}.hkl .hk-go .tx b{font-size:19px}.hkl .hk-go .ic{width:58px;height:58px;border-radius:16px}
.hkl .hk-board li a{padding:12px 4px}
.hkl .hk-body .hk-sec{padding-top:96px}
.hkl .hk-body .hk-h{margin-bottom:30px}
.hkl-flow{gap:24px}.hkl-flow li{padding:30px 26px 28px;text-align:left}.hkl-flow b{font-size:21px}
.hkl .hk-ways{gap:18px}
.hkl .hk-ways article{position:relative;padding:24px 22px;text-align:left;cursor:pointer}
.hkl .hk-ways article .no{display:none}
.hkl .hk-ways h3{margin:14px 0 6px;font-size:17px}.hkl .hk-ways h3 a:after{content:"";position:absolute;inset:0}
.hkl .hk-ways p{margin:0;font-size:13.5px;line-height:1.8}
.hkl .hk-way-top{margin-bottom:0}.hkl .hk-way-top .ic{width:56px;height:56px;border-radius:16px}
.hkl .hk-zk{margin-top:96px}
.hkl .hk-evf{gap:18px}.hkl .hk-evf a{min-height:170px;padding:24px}
.hkl .hk-tools{gap:18px}
.hkl .a-faq{gap:12px}.hkl .a-faq details{border-radius:14px!important}
.hkl .hk-cta{margin-top:96px}
.hkl .hk-src{margin-top:40px;border-top:0}.hkl .hk-src details{padding:14px 18px;border-radius:12px;background:#fff;border:1px solid var(--line)}.hkl .hk-src summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--sub)}.hkl .hk-src ul{margin-top:10px}
@media(max-width:900px){
 .hkl .hk-hero{padding:32px 0 40px}.hkl .hk-hero h1{font-size:36px}.hkl .hk-lead{font-size:15px}
 .hkl .hk-hero-v{display:none}
 .hkl .hk-go{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:26px}.hkl .hk-go a{padding:18px}
 .hkl .hk-body .hk-sec{padding-top:64px}.hkl .hk-zk,.hkl .hk-cta{margin-top:64px}
 .hkl .hk-ways{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hkl .hk-ways article{padding:18px 16px}.hkl .hk-ways p{display:none}.hkl .hk-ways h3{font-size:15px;margin-top:10px}.hkl .hk-way-top .ic{width:46px;height:46px}
 .hkl-flow{gap:18px}.hkl-flow li{padding:22px 20px}
}
.hkl .hk-zk-in{grid-template-columns:minmax(0,1fr);gap:24px}.hkl .hk-zk-t{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:end}.hkl .hk-zk-t small,.hkl .hk-zk-t h2,.hkl .hk-zk-t p{grid-column:1}.hkl .hk-zk-all{grid-column:2;grid-row:1/4;align-self:center;margin:0}
.hkl .hk-zk-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:900px){.hkl .hk-zk-t{grid-template-columns:minmax(0,1fr)}.hkl .hk-zk-all{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.hkl .hk-zk-g{grid-template-columns:minmax(0,1fr)}}
/* 会社のアイコン（2026-11-04） */
.jr-ico{flex:none;display:inline-grid;place-items:center;width:var(--s);height:var(--s);overflow:hidden;border-radius:calc(var(--s) * .28);background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,26,44,.06)}
.jr-ico img{display:block;width:76%;height:76%;object-fit:contain}
.jr-ico-t{border:0;background:linear-gradient(135deg,hsl(var(--h) 70% 52%),hsl(calc(var(--h) + 40) 70% 46%));color:#fff;font-weight:900;font-size:calc(var(--s) * .46);line-height:1}
.jr-card-co{display:flex;align-items:center;gap:12px}.jr-card-co b{min-width:0}
.hkl .jr-org .jr-ico{margin-right:2px}
@media(max-width:900px){.jr-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -18px;padding:2px 18px 6px;scrollbar-width:none}.jr-chips::-webkit-scrollbar{display:none}.jr-chips button{flex:none}}
/* /hacking/ どんな事件がある？（2026-11-04） */
.hk-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hk-tp{--c:#2457F5;display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.hk-tp:hover{transform:translateY(-3px);border-color:var(--c)}.hk-tp.c2{--c:#0E9F95}.hk-tp.c3{--c:#6D4AE8}.hk-tp.c4{--c:#E8442A}
.hk-tp-h{display:flex;align-items:center;justify-content:space-between}.hk-tp-h .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));box-shadow:0 10px 20px -10px var(--c)}
.hk-tp-h b{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--c);line-height:1}.hk-tp-h b small{margin-left:2px;font-size:12px;font-family:var(--sans)}
.hk-tp h3{margin:6px 0 0;font-size:17px;font-weight:900;line-height:1.45}.hk-tp p{margin:0;font-size:13.5px;line-height:1.8;color:var(--sub)}
.hk-tp-ex{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}.hk-tp-ex a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:#F4F7FB;border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink);text-decoration:none}.hk-tp-ex a:hover{border-color:var(--c)}
.hk-tp-f{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.hk-tp-f a{font-size:13px;font-weight:800;color:var(--c);text-decoration:none}.hk-tp-f a.w{color:var(--sub);font-weight:700}
.hk-tp-n{margin:14px 0 0;font-size:12.5px;color:var(--sub)}
.jr-tsel{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--sub)}.jr-tsel b{color:var(--navy)}.jr-tsel button{padding:3px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12px;cursor:pointer}.jr-tsel i{display:none}
@media(max-width:1000px){.hk-types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hk-types{gap:12px}.hk-tp{padding:16px 14px 14px}.hk-tp p{font-size:12.5px}.hk-tp-h .ic{width:40px;height:40px}.hk-tp-h b{font-size:22px}.hk-tp h3{font-size:15px}.hk-tp-ex li:nth-child(2){display:none}.hk-tp-f{flex-direction:column;gap:4px}}
@media(max-width:560px){.hk-tp-ex{display:none}}

/* /hacking/ransomware/ ランサムウェアのLP（2026-11-04）。.hkl の明るいテック風に乗せ、部品は rw- で始める */
.rw .hkl-flow.rw-flow{grid-template-columns:repeat(4,minmax(0,1fr))}
.rw-hg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;align-items:center}
.rw-hero h1 em{display:block;margin-top:10px;font-style:normal;font-size:.5em;font-weight:800;color:var(--hl-bl);letter-spacing:.02em}
.rw-go{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}
.rw-go a{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#E8442A,#F27A4F);box-shadow:0 14px 26px -14px rgba(232,68,42,.7);transition:transform .15s}
.rw-go a.b{color:var(--hl-ink);background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}.rw-go a.b svg{color:var(--hl-bl)}
.rw-go a:hover{transform:translateY(-2px)}
.rw-go span{display:flex;flex-direction:column;min-width:0;flex:1}.rw-go small{font-size:12px;opacity:.85}.rw-go b{font-size:16px;font-weight:900}.rw-go i{font-style:normal;font-weight:900}
.rw-note{position:relative;border-radius:16px;overflow:hidden;background:#140B0B;color:#FFD9D2;font-family:var(--mono);box-shadow:0 30px 60px -30px rgba(120,20,10,.6);border:1px solid #3A1C18}
.rw-note-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#22110F;border-bottom:1px solid #3A1C18;font-size:12px;color:#C9877C}
.rw-note-bar i{width:10px;height:10px;border-radius:50%;background:#5A2A24}.rw-note-bar i:first-child{background:#E8442A}.rw-note-bar span{margin-left:8px}
.rw-note p{margin:0;padding:0 20px;font-size:13px;line-height:1.85}
.rw-note p.t{padding-top:20px;margin-bottom:10px;font-size:17px;font-weight:900;letter-spacing:.06em;color:#FF6A4D;animation:rwBlink 1.6s steps(2) infinite}
.rw-note p.c{margin-top:14px;font-size:30px;font-weight:900;color:#fff;letter-spacing:.06em}
.rw-note small{display:block;padding:8px 20px 16px;font-size:11px;color:#9C6A62;font-family:var(--font,inherit)}
@keyframes rwBlink{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.rw-note p.t{animation:none}}
.rw-cap{margin:0;padding:16px 20px;border-radius:12px;background:#fff;border:1px solid var(--hl-ln);border-left:4px solid var(--hl-rd);font-size:14px;color:var(--hl-ink)}
.rw-stats{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.rw-stats div{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-stats b{font-size:34px;font-weight:900;line-height:1;color:var(--hl-ink)}.rw-stats b small{font-size:14px;margin-left:3px;color:var(--hl-mu)}
.rw-stats span{font-size:13px;color:var(--hl-mu);line-height:1.6}
.rw-stats .big{color:#fff;background:linear-gradient(135deg,#E8442A,#F27A4F);border:0}.rw-stats .big b{font-size:52px;color:#fff}.rw-stats .big b small,.rw-stats .big span{color:#FFE7E1}
.rw-bars{padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-bars-h{margin:0 0 14px;font-weight:900;font-size:15px}
.rw-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 52px;align-items:center;gap:12px;margin-bottom:10px;font-size:14px}
.rw-bar i{display:block;height:12px;border-radius:0 6px 6px 0;background:linear-gradient(90deg,var(--hl-bl),var(--hl-cy));width:var(--w)}
.rw-bar b{text-align:right;font-size:14px}
.rw-src{margin:12px 0 0;font-size:12px;color:var(--hl-mu)}
.rw-cs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
.rw-mon{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-mon p{margin:0;font-size:14px;font-weight:800}.rw-mon p b{font-size:46px;font-weight:900;color:var(--hl-rd);margin-right:4px}.rw-mon p span{display:block;margin-top:8px;font-weight:400;font-size:13px;color:var(--hl-mu);line-height:1.7}
.rw-mg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:end;height:110px}
.rw-mg div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.rw-mg i{display:block;width:100%;height:var(--h);min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#F27A4F,#E8442A)}
.rw-mg small{font-size:9px;color:var(--hl-mu);white-space:nowrap}
.rw-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rw-cards a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--hl-ln);text-decoration:none;color:var(--hl-ink);box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.rw-cards a:hover{border-color:var(--hl-bl);transform:translateY(-2px)}
.rw-ch{display:flex;align-items:center;gap:10px}.rw-ch b{flex:1;min-width:0;font-size:15px;font-weight:900}.rw-ch time{font-family:var(--mono);font-size:11px;color:var(--hl-mu)}
.rw-cards p{margin:0;font-size:13px;line-height:1.65;color:var(--hl-mu);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rw-all{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:999px;background:var(--hl-ink);color:#fff;font-weight:800;font-size:14px;text-decoration:none}
.rw-first{display:grid;gap:12px;list-style:none;margin:0 0 16px;padding:0}
.rw-first li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-first li>i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-style:normal;font-family:var(--mono);font-weight:900;font-size:18px;color:#fff;background:linear-gradient(135deg,#E8442A,#F27A4F)}
.rw-first li:first-child{border:2px solid var(--hl-rd);background:#FFF6F3}
.rw-first b{display:block;font-size:17px;font-weight:900;margin-bottom:4px}.rw-first p{margin:0;font-size:14px;color:var(--hl-mu);line-height:1.75}.rw-first strong{color:var(--hl-rd)}
.rw-first-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 20px;border-radius:14px;background:var(--hl-ink);color:#fff}
.rw-first-f p{flex:1 1 300px;margin:0;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.rw-first-f svg{color:#FF8A70;flex:none}
.rw-first-f a{color:#9FD8FF;font-weight:800;font-size:14px;text-decoration:none}
.rw-prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.rw-prep a{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);text-decoration:none;color:var(--hl-ink);box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.rw-prep a:hover{border-color:var(--hl-bl);transform:translateY(-2px)}
.rw-prep .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy))}
.rw-prep b{font-size:16px;font-weight:900}.rw-prep p{margin:0;font-size:13px;color:var(--hl-mu);line-height:1.7}
.rw-prep .tag{position:absolute;top:18px;right:18px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800}
.rw-prep .tag.f{background:#E7F8EF;color:#0B7F4E}.rw-prep .tag.p{background:#EEF2FF;color:#2457F5}
.rw-cta{display:flex;flex-wrap:wrap;gap:12px}
.rw-cta a{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none}
.rw-cta a.a{color:#fff;background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy));box-shadow:0 12px 22px -12px rgba(36,87,245,.7)}
.rw-cta a.b{color:var(--hl-ink);background:#fff;border:1px solid var(--hl-ln)}
.rw-cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rw-cmp a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);text-decoration:none;color:var(--hl-ink);box-shadow:var(--shadow)}
.rw-cmp a:hover{border-color:var(--hl-bl)}
.rw-cmp b{font-size:16px;font-weight:900}.rw-cmp span{grid-column:1;font-size:13px;color:var(--hl-mu)}.rw-cmp i{grid-row:1/3;grid-column:2;font-style:normal;font-weight:900;color:var(--hl-bl)}
@media(max-width:900px){
 .rw-hg,.rw-cs{grid-template-columns:minmax(0,1fr);gap:24px}
 .rw .hkl-flow.rw-flow{grid-template-columns:minmax(0,1fr)}
 .rw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rw-stats .big,.rw-stats div:last-child{grid-column:1/-1}
 .rw-prep,.rw-cmp{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .rw-go,.rw-cards{grid-template-columns:minmax(0,1fr)}
 .rw-bar{grid-template-columns:100px minmax(0,1fr) 44px;font-size:13px}
 .rw-stats b{font-size:28px}.rw-stats .big b{font-size:44px}
 .rw-note p.c{font-size:24px}
 .rw-first li{padding:16px}
}
/* ランサムウェアLP「ランサムウェアとは？」（2026-11-04 本人「もう少しわかりやすく」） */
.rw .hk-lead b{color:var(--hl-rd)}
.rw-def{display:grid;gap:18px}
.rw-name{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-name span{display:flex;flex-direction:column;align-items:center;padding:10px 18px;border-radius:12px;background:#F1F5FD}
.rw-name span b{font-family:var(--mono);font-size:20px;font-weight:900}.rw-name span small{font-size:12px;color:var(--hl-mu)}
.rw-name span.r{background:linear-gradient(135deg,#E8442A,#F27A4F);color:#fff}.rw-name span.r small{color:#FFE7E1}
.rw-name>i{font-style:normal;font-size:22px;font-weight:900;color:var(--hl-mu)}
.rw-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}
.rw-ba-c{padding:20px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-ba-c.x{background:#140B0B;border-color:#3A1C18;color:#FFD9D2}
.rw-ba-c .h{margin:0 0 12px;font-weight:900;font-size:14px}
.rw-ba-c ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.rw-ba-c li{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#F4F7FC;font-family:var(--mono);font-size:13px;min-width:0;overflow-wrap:anywhere}
.rw-ba-c li svg{flex:none;color:var(--hl-bl)}
.rw-ba-c.x li{background:#22110F;color:#FF9C88}.rw-ba-c.x li svg{color:#FF6A4D}
.rw-ba-c .f{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:800}
.rw-ba-c .f.ok{color:#0B7F4E}.rw-ba-c .f.ng{color:#FF8A70}
.rw-ba-ar{display:flex;flex-direction:column;align-items:center;font-size:28px;font-weight:900;color:var(--hl-rd)}.rw-ba-ar small{font-size:11px;letter-spacing:.1em}
.rw-like{padding:22px;border-radius:16px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rw-like .h{margin:0 0 14px;font-weight:900;font-size:15px}
.rw-like-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rw-like-g div{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:14px;background:#F6F9FD}
.rw-like-g .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy))}
.rw-like-g .r .ic{background:linear-gradient(135deg,#E8442A,#F27A4F)}
.rw-like-g b{font-size:15px;font-weight:900}.rw-like-g p{margin:0;font-size:13px;color:var(--hl-mu);line-height:1.7}
.rw-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rw-who p{margin:0;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid var(--hl-ln);border-left:4px solid var(--hl-bl);font-size:14px;line-height:1.8}
.rw-who b{display:block;font-size:15px;margin-bottom:4px}.rw-who strong{color:var(--hl-rd)}
@media(max-width:900px){.rw-like-g,.rw-who{grid-template-columns:minmax(0,1fr)}.rw-ba{grid-template-columns:minmax(0,1fr)}.rw-ba-ar{flex-direction:row;gap:8px;font-size:22px;transform:none}.rw-ba-ar{justify-content:center}}
@media(max-width:600px){.rw-name span{padding:8px 12px}.rw-name span b{font-size:16px}}
.rw-ba-ar em{font-style:normal;display:block}
@media(max-width:900px){.rw-ba-ar em{transform:rotate(90deg)}}
/* ランサムウェアLP 01 v3（2026-11-04 本人「もっとわかりやすく、オシャレに」）。rq- */
.rq-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--hl-ln);box-shadow:0 30px 60px -40px rgba(11,26,44,.35)}
.rq-say{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:44px 40px}
.rq-k{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--hl-cy)}
.rq-big{margin:0;font-size:38px;font-weight:900;line-height:1.3;letter-spacing:.01em;text-wrap:balance}
.rq-big span{display:block}.rq-big span:first-child{background:linear-gradient(transparent 62%,rgba(232,68,42,.22) 62%);display:inline}
.rq-big span:last-child{margin-top:2px}
.rq-sub{margin:0;font-size:15px;line-height:1.9;color:var(--hl-mu)}
.rq-nm{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:6px 0 0;padding-top:16px;border-top:1px dashed var(--hl-ln);font-size:13px;color:var(--hl-mu)}
.rq-nm b{font-family:var(--mono);font-size:15px;color:var(--hl-ink)}.rq-nm i{font-style:normal;margin:0 4px}
.rq-win{position:relative;display:flex;flex-direction:column;justify-content:center;padding:32px;background:radial-gradient(70% 80% at 80% 0,rgba(232,68,42,.25),transparent 70%),#120A0A}
.rq-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px 12px 0 0;background:#22110F;font-family:var(--mono);font-size:12px;color:#C9877C}
.rq-bar i{width:10px;height:10px;border-radius:50%;background:#5A2A24}.rq-bar i:first-child{background:#E8442A}.rq-bar span{margin-left:8px}
.rq-win ul{list-style:none;margin:0;padding:12px;display:grid;gap:8px;background:#1A0E0D;border-radius:0 0 12px 12px}
.rq-win li{position:relative;height:40px;border-radius:9px;overflow:hidden;font-family:var(--mono);font-size:13px}
.rq-win li span{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rq-win li span:before{content:"";flex:none;width:14px;height:16px;border-radius:3px}
.rq-win .n{background:#2A1A18;color:#F3E6E3}.rq-win .n:before{background:#6EA8FF}
.rq-win .l{background:#3A1410;color:#FF8A70;opacity:0;animation:rqLock 6s var(--d) infinite}.rq-win .l:before{background:#FF4D2E;border-radius:3px 3px 2px 2px;box-shadow:inset 0 -6px 0 #B52A16}
.rq-st{position:relative;height:20px;margin:14px 0 0;font-size:13px;font-weight:800}
.rq-st span{position:absolute;left:0;top:0}.rq-st .ok{color:#5FD69B;animation:rqOk 6s infinite}.rq-st .ng{color:#FF6A4D;opacity:0;animation:rqNg 6s infinite}
@keyframes rqLock{0%,12%{opacity:0;transform:translateX(-6px)}18%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes rqOk{0%,10%{opacity:1}16%,92%{opacity:0}100%{opacity:1}}
@keyframes rqNg{0%,46%{opacity:0}52%,88%{opacity:1}96%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rq-win .l,.rq-st .ng{animation:none;opacity:1}.rq-st .ok{animation:none;opacity:0}}
.rq-3h{margin:44px 0 14px;font-weight:900;font-size:15px;display:flex;align-items:center;gap:10px}
.rq-3h:after{content:"";flex:1;height:1px;background:var(--hl-ln)}
.rq-3{counter-reset:q;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.rq-3 li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:32px 22px 26px;border-radius:20px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.rq-3 li:not(:last-child):after{content:"→";position:absolute;right:-16px;top:58px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--hl-ln);font-size:13px;font-weight:900;color:var(--hl-bl)}
.rq-3 .ic{display:grid;place-items:center;width:72px;height:72px;margin-bottom:6px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--hl-bl),var(--hl-cy));box-shadow:0 0 0 8px #EEF4FF}
.rq-3 .r .ic{background:linear-gradient(135deg,#E8442A,#F27A4F);box-shadow:0 0 0 8px #FFEEEA}
.rq-3 i{position:absolute;top:16px;left:18px;font-style:normal;font-family:var(--mono);font-size:28px;font-weight:900;color:#E6ECF5}
.rq-3 b{font-size:18px;font-weight:900}.rq-3 p{margin:0;font-size:13px;line-height:1.8;color:var(--hl-mu)}
.rq-who{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.rq-who p{display:flex;align-items:center;gap:10px;margin:0;padding:12px 18px;border-radius:999px;background:#fff;border:1px solid var(--hl-ln);font-size:13px;font-weight:700}
.rq-who p svg{flex:none;color:var(--hl-bl)}.rq-who .num{font-size:20px;font-weight:900;color:var(--hl-rd)}
@media(max-width:900px){
 .rq-top{grid-template-columns:minmax(0,1fr)}.rq-say{padding:30px 22px}.rq-big{font-size:30px}.rq-win{padding:22px}
 .rq-3{grid-template-columns:minmax(0,1fr);gap:22px}.rq-3 li{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;column-gap:16px;padding:22px 20px}
 .rq-3 li .ic{width:56px;height:56px;margin:0;box-shadow:0 0 0 6px #EEF4FF}.rq-3 li.r .ic{box-shadow:0 0 0 6px #FFEEEA}
 .rq-3 li b{flex:1;min-width:0}.rq-3 li p{flex-basis:100%}.rq-3 i{top:auto;bottom:12px;left:auto;right:16px}
 .rq-3 li:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-25px;margin-left:-14px}
 .rq-who p{border-radius:14px;flex:1 1 100%}
}
@media(max-width:600px){.rq-big{font-size:26px}.rq-3h{margin-top:34px}}
.rq-st .md{color:#FFB547;opacity:0;animation:rqMd 6s infinite}
@keyframes rqMd{0%,12%{opacity:0}16%,44%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.rq-st .md{animation:none;opacity:0}}
/* 種類ごとのLP（route-htype.php、2026-11-04）。見出しの右は rq-win を流用 */
.ht-win{border-radius:16px;border:1px solid #3A1C18;box-shadow:0 30px 60px -30px rgba(120,20,10,.6)}
.ht-win-n{display:block;margin-top:6px;font-size:11px;color:#9C6A62}
.ht-say{display:flex;flex-direction:column;gap:14px;padding:40px;border-radius:22px;background:radial-gradient(60% 90% at 100% 0,rgba(0,168,200,.10),transparent 70%),#fff;border:1px solid var(--hl-ln);box-shadow:0 30px 60px -40px rgba(11,26,44,.35)}
.ht-oth{display:flex;flex-wrap:wrap;gap:10px}
.ht-oth a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#fff;border:1px solid var(--hl-ln);color:var(--hl-ink);font-size:14px;font-weight:800;text-decoration:none;transition:border-color .15s,transform .15s}
.ht-oth a:hover{border-color:var(--hl-bl);transform:translateY(-1px)}.ht-oth svg{color:var(--hl-bl)}
.rw #others{padding-top:0}
@media(max-width:900px){.ht-say{padding:28px 22px}}
.ht .hk-hero h1{font-size:clamp(30px,3.6vw,46px);line-height:1.25}
@media(max-width:600px){.rw .hk-lead br{display:none}}
.ht-nav{display:grid;gap:18px}.ht-nav-g>p{margin:0 0 8px;font-size:12px;font-weight:800;color:var(--hl-mu);letter-spacing:.06em}
.ht-oth .cur{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:var(--hl-ink);color:#fff;font-size:14px;font-weight:800}.ht-oth .cur svg{color:#9FD8FF}
.hk-more{margin-top:40px;padding:28px;border-radius:20px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow)}
.hk-more>p.h{margin:0 0 18px;font-size:17px;font-weight:900}
@media(max-width:600px){.hk-more{padding:20px}}
.hk-more,.hk-more .ht-nav-g>p{text-align:left}.hk-more .ht-oth{justify-content:flex-start}
/* トップ「02 ハッキングを、手口から調べる」（2026-11-04）。a-ht-*。札は /hacking/ と同じ sz_htype_nav（.hkl の色をここでも定義） */
.a-ht{--hl-ln:#DCE5F1;--hl-bl:#2457F5;--hl-cy:#00A8C8;--hl-rd:#E8442A;--hl-ink:#0B1A2C;--hl-mu:#5E6E82}
.a-ht-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.a-ht-c{--c:#2457F5;position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;border-radius:18px;background:#fff;border:1px solid var(--hl-ln);box-shadow:var(--shadow);text-decoration:none;color:var(--hl-ink);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.a-ht-c:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--c)}
.a-ht-c.c1{--c:#2457F5}.a-ht-c.c2{--c:#5442E0}.a-ht-c.c3{--c:#0B7F77}.a-ht-c.c4{--c:#E8442A}
.a-ht-c:hover{transform:translateY(-3px);border-color:var(--c);box-shadow:0 18px 34px -20px var(--c)}
.a-ht-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.a-ht-h .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:var(--c);box-shadow:0 10px 18px -10px var(--c)}
.a-ht-h b{font-size:26px;font-weight:900;color:var(--c);line-height:1}.a-ht-h b small{font-size:12px;margin-left:2px}
.a-ht-c h3{margin:0;font-size:17px;font-weight:900}
.a-ht-c p{margin:0;flex:1;font-size:13px;line-height:1.7;color:var(--hl-mu)}
.a-ht-c i{font-style:normal;font-size:13px;font-weight:800;color:var(--c)}
.a-ht-more{margin-top:20px;padding:24px 26px;border-radius:18px;background:#fff;border:1px solid var(--hl-ln)}
.a-ht-mh{margin:0 0 14px;font-size:15px;font-weight:900}
.a-ht .ht-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.a-ht .ht-oth a{padding:9px 14px;font-size:13px}
.a-ht-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.a-ht-go a{display:inline-flex;align-items:center;padding:14px 22px;border-radius:999px;font-weight:800;font-size:14px;text-decoration:none}
.a-ht-go a.a{background:var(--hl-ink);color:#fff}.a-ht-go a.b{background:#fff;color:var(--hl-ink);border:1px solid var(--hl-ln)}
@media(max-width:1000px){.a-ht-g{grid-template-columns:repeat(2,minmax(0,1fr))}.a-ht .ht-nav{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.a-ht-g{gap:10px}.a-ht-c{padding:16px 14px 14px}.a-ht-c p{display:none}.a-ht-h .ic{width:36px;height:36px}.a-ht-h b{font-size:20px}.a-ht-c h3{font-size:14px}.a-ht-more{padding:18px}.a-ht-go a{flex:1 1 100%;justify-content:center}}
/* 種類のLP：見出しの右は数字のカード（2026-11-04 本人「とは？の中に動く画面を、他にも」→動く画面は01へ移した） */
.ht-hst{border-radius:16px;overflow:hidden;background:radial-gradient(70% 80% at 85% 0,rgba(0,168,200,.22),transparent 70%),#0B1220;color:#DCE8F7;border:1px solid #1E2A3D;box-shadow:0 30px 60px -30px rgba(11,26,44,.6);padding-bottom:22px}
.ht-hst .rq-bar{background:#121C2E;color:#7F93B0;border-radius:0}
.ht-hst p{margin:0;padding:0 24px}
.ht-hst .k{padding-top:22px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#36D1E8}
.ht-hst .n{margin-top:8px;font-size:56px;font-weight:900;line-height:1.05;color:#fff}.ht-hst .n small{font-size:18px;margin-left:4px;color:#9FB3CF}
.ht-hst .t{margin-top:8px;font-size:13px;line-height:1.7;color:#A9BBD3}
.ht-hst ul{list-style:none;margin:18px 24px 0;padding:14px 0 0;border-top:1px dashed #2A3A52;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ht-hst li{display:flex;flex-direction:column;gap:4px;min-width:0}.ht-hst li b{font-size:22px;font-weight:900;color:#fff}.ht-hst li b small{font-size:12px;margin-left:2px;color:#9FB3CF}.ht-hst li span{font-size:11px;line-height:1.6;color:#8EA2BE}
@media(max-width:600px){.ht-hst .n{font-size:42px}}
/* 「ほかにも、こんな手口」v2（.htm）。トップ（.a-ht-more）と /hacking/（.hk-more）共通 */
.hk-more,.a-ht-more{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.hk-more>p.h,.a-ht-mh{display:flex;align-items:baseline;gap:12px;margin:0 0 16px!important;font-size:18px!important;font-weight:900}
.hk-more>p.h span,.a-ht-mh span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--hl-cy,#00A8C8)}
.htm{--hl-ln:#DCE5F1;--hl-ink:#0B1A2C;--hl-mu:#5E6E82;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}
.htm-g{--c:#2457F5;--t:#EEF3FF;position:relative;display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--hl-ln);box-shadow:0 20px 40px -32px rgba(11,26,44,.45);overflow:hidden}
.htm-g.c1{--c:#2457F5;--t:#EEF3FF}.htm-g.c2{--c:#5442E0;--t:#F1EFFF}.htm-g.c3{--c:#0B7F77;--t:#E8F7F5}.htm-g.c4{--c:#E8442A;--t:#FFF0EC}
.htm-h{display:flex;gap:12px;align-items:flex-start;padding:20px 18px 16px;background:linear-gradient(160deg,var(--t),#fff 85%);border-bottom:1px dashed var(--hl-ln)}
.htm-h .ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--c);box-shadow:0 10px 18px -10px var(--c)}
.htm-h small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--c)}.htm-h small b{font-weight:900}
.htm-h h3{margin:2px 0 4px;font-size:16px;font-weight:900;color:var(--hl-ink)}
.htm-h p{margin:0;font-size:12px;line-height:1.6;color:var(--hl-mu)}
.htm ul{list-style:none;margin:0;padding:8px;display:grid;gap:2px}
.htm li a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--hl-ink);transition:background .15s}
.htm li a:hover{background:var(--t)}
.htm .n{font-size:14px;font-weight:900}.htm .d{grid-column:1;font-size:11.5px;color:var(--hl-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.htm li a i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:900;color:var(--c);opacity:.35;transition:opacity .15s,transform .15s}
.htm li a:hover i{opacity:1;transform:translateX(3px)}
.htm li a:hover .n{color:var(--c)}
@media(max-width:1100px){.htm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.htm{grid-template-columns:minmax(0,1fr);gap:12px}.htm-h{padding:16px}.htm li a{padding:9px 10px}}
.hk-more>p.h,.a-ht-mh{flex-wrap:wrap;row-gap:4px}@media(max-width:600px){.hk-more>p.h span,.a-ht-mh span{flex-basis:100%}}
/* ===== 無料診断の追加（2026-11-04）：登録なしの帯 .fb／サイト診断の比較・共有 .srx-plus／URL .ux／悪用中の弱点 .kv／漏えい報告 .lr ===== */
.fb{--c:#0B7F4E;display:grid;gap:14px;margin:0 0 24px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#ECFDF4,#F3F8FF 70%);border:1px solid #CDEBDC}
.fb-k{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0;font-size:19px;font-weight:900;color:#0B1A2C}
.fb-k span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--c);padding:3px 8px;border-radius:999px;background:#fff;border:1px solid #CDEBDC}
.fb ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fb li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #E1EEE7}
.fb .ic{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:var(--c)}
.fb li:first-child{border:2px solid var(--c)}.fb li:first-child b{color:var(--c)}
.fb b{font-size:15px;font-weight:900}.fb small{font-size:11.5px;color:#5E6E82}
.fb-s{padding:14px 16px;margin:-6px 0 22px;border-radius:16px}.fb-s .fb-k{font-size:15px}.fb-s li{padding:9px 12px}.fb-s .ic{width:30px;height:30px}.fb-s b{font-size:13.5px}
.fb-home{margin:0 0 22px}
.tl-badges li.hot{background:#0B7F4E!important;color:#fff!important;border-color:#0B7F4E!important;font-weight:900}
@media(max-width:900px){.fb ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.fb{padding:16px}.fb ul{gap:8px}.fb li{padding:9px 10px}.fb small{display:none}.fb .ic{width:28px;height:28px}}

.srx-plus{display:grid;gap:14px;margin:18px 0}
.srx-diff,.srx-share{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line,#E2E8F0)}
.srx-diff-g{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.d-score{display:flex;align-items:baseline;gap:2px;padding:10px 16px;border-radius:12px;background:#F1F5F9}.d-score b{font-size:30px;font-weight:900}.d-score.up{background:#E7F8EF;color:#0B7F4E}.d-score.down{background:#FFF0EC;color:#C2410C}
.srx-diff p.up{margin:0 0 6px;font-weight:900;color:#0B7F4E}.srx-diff p.down{margin:0 0 6px;font-weight:900;color:#C2410C}
.srx-diff ul{margin:0;padding-left:18px;font-size:13px;color:#475569}
.srx-share{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#F3F8FF,#fff)}
.srx-share>div:first-child{flex:1 1 320px}.srx-share p{margin:0;font-size:13px;color:#475569}
.srx-share-u{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.srx-share-u input{flex:1 1 260px;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid #CBD5E1;font-family:var(--mono);font-size:12px}
.srx-share-u small{flex-basis:100%;font-size:12px;color:#0B7F4E;font-weight:700}
.srx-shared{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#FFF8E6;border:1px solid #F5DFA8;font-size:13px;font-weight:700;color:#7A4F00}
@media(max-width:640px){.srx-diff-g{grid-template-columns:minmax(0,1fr)}}

.ux{display:grid;gap:16px}
.ux-hero{--c:#0B7F4E;--t:#ECFDF4;padding:26px 26px 22px;border-radius:20px;background:linear-gradient(135deg,var(--t),#fff 80%);border:2px solid var(--c)}
.ux-r .ux-hero{--c:#D92D20;--t:#FFF0EC}.ux-y .ux-hero{--c:#C27A00;--t:#FFF8E6}
.ux-en{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--c)}
.ux-v{margin:6px 0 4px;font-size:26px;font-weight:900;color:var(--c);text-wrap:balance}.ux-s{margin:0;font-size:14px;font-weight:700;color:#334155}
.ux-host{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin-top:16px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #E2E8F0;align-items:baseline}
.ux-host small{font-size:11px;color:#64748B}.ux-host b{font-family:var(--mono);font-size:15px;overflow-wrap:anywhere}.ux-host b.sh{color:#C27A00}
.ux-cnt{display:flex;gap:14px;margin:12px 0 0;font-size:13px;font-weight:800}.ux-cnt .ng{color:#D92D20}.ux-cnt .warn{color:#C27A00}
.ux-chain,.ux-more{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #E2E8F0}
.ux-chain ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.ux-chain li{display:flex;gap:10px;align-items:baseline;min-width:0}.ux-chain li span{flex:none;min-width:34px;padding:2px 6px;border-radius:6px;background:#F1F5F9;font-size:12px;text-align:center}
.ux-chain code{font-size:12px;overflow-wrap:anywhere;color:#334155}.ux-title{margin:10px 0 0;font-size:13px}
.ux-more p{margin:0 0 6px;font-size:13px}.ux-note{color:#64748B;font-size:12px!important}
.ux-first{margin-top:22px}.ux-first h2{margin:0 0 12px;font-size:18px}.ux-first ol{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:10px;counter-reset:u}
.ux-first li{counter-increment:u;display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;font-size:14px}.ux-first li:before{content:counter(u);grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#D92D20;color:#fff;font-weight:900;font-family:var(--mono)}
.ux-first li span{color:#475569}.ux-first em{font-style:normal;font-weight:800;color:#D92D20}

.kv-intro{display:grid;gap:12px}
.kv-k{margin:0;font-size:15px;font-weight:700}.kv-k b{color:#D92D20}
.kv-stat{margin:0;font-size:14px;color:#334155}.kv-stat b{font-size:20px;color:#0B1A2C}.kv-stat small{margin-left:6px;color:#64748B}
.kv-q{margin:4px 0}.kv-h{margin:6px 0 0;font-size:13px;font-weight:800;color:#64748B}
.kv-vendors{display:flex;flex-wrap:wrap;gap:8px}
.kv-vendors button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid #DCE5F1;background:#fff;font-size:13px;cursor:pointer;color:#0B1A2C}
.kv-vendors button span{font-size:12px;color:#64748B}.kv-vendors button em{font-style:normal;font-size:10.5px;font-weight:800;color:#D92D20;background:#FFF0EC;padding:1px 6px;border-radius:999px}
.kv-vendors button[aria-pressed=true]{background:#0B1A2C;color:#fff;border-color:#0B1A2C}.kv-vendors button[aria-pressed=true] span{color:#9FB3CF}
.kv-res{margin-top:16px}.kv-res-h{margin-bottom:12px}.kv-n{margin:2px 0 0;font-size:14px}.kv-n b{font-size:30px;font-weight:900}.kv-n span{margin-left:12px;color:#D92D20;font-weight:800}.kv-n span b{font-size:18px}
.kv-sub{font-size:12px;color:#64748B}
.kv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kv-it{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:#fff;border:1px solid #E2E8F0;min-width:0}.kv-it.rs{border-left:4px solid #D92D20}
.kv-it-h{display:flex;justify-content:space-between;gap:8px;font-size:12px}.kv-it-h code{font-weight:800;color:#2457F5}.kv-it-h time{color:#64748B}
.kv-it b{font-size:15px}.kv-kind{margin:0;font-weight:800;color:#C2410C;font-size:13px}.kv-en{margin:0;font-size:11.5px;color:#64748B;overflow-wrap:anywhere}
.kv-tags{display:flex;flex-wrap:wrap;gap:6px}.kv-tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:#F1F5F9;color:#475569}.kv-tags span.rs{background:#D92D20;color:#fff;font-weight:800}
.kv-lk{display:flex;gap:14px;margin:4px 0 0;font-size:12.5px;font-weight:700}
.kv-none{padding:16px;border-radius:12px;background:#F8FAFC}
.kv-how{margin-top:22px}.kv-how h2{margin:0 0 10px;font-size:18px}.kv-how ol{margin:0 0 12px;padding-left:20px;display:grid;gap:8px;font-size:14px}.kv-how li span{display:block;color:#475569}.kv-src{font-size:12px;color:#64748B}
@media(max-width:700px){.kv-list{grid-template-columns:minmax(0,1fr)}}

.lr-box{min-height:320px}
.lr-prog{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:#64748B}.lr-prog i{flex:1;height:6px;border-radius:99px;background:#E2E8F0;overflow:hidden;margin-left:10px}.lr-prog b{display:block;height:100%;background:#2457F5;transition:width .25s}
.lr-q{margin:16px 0 6px;font-size:22px;font-weight:900}.lr-note{margin:0 0 10px;font-size:13px;color:#64748B}
.lr-opts{display:grid;gap:10px;margin-top:12px}
.lr-opts button{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid #DCE5F1;background:#fff;text-align:left;font-size:15px;cursor:pointer;color:#0B1A2C;transition:border-color .15s,background .15s}
.lr-opts button:hover{border-color:#2457F5}.lr-opts button i{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #CBD5E1}.lr-opts.multi button i{border-radius:6px}
.lr-opts button[aria-pressed=true]{border-color:#2457F5;background:#F3F7FF}.lr-opts button[aria-pressed=true] i{border-color:#2457F5;background:#2457F5;box-shadow:inset 0 0 0 3px #fff}
.lr-next{margin-top:14px}.lr-nav{margin-top:14px}.lr-date{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.lr-date input{padding:12px 14px;border-radius:12px;border:1px solid #CBD5E1;font-size:16px}
.lr-r{display:grid;gap:14px}
.lr-hero{--c:#0B7F4E;--t:#ECFDF4;padding:26px;border-radius:20px;background:linear-gradient(135deg,var(--t),#fff 80%);border:2px solid var(--c)}.lr-hero .ux-en{color:var(--c)}
.lr-t-r .lr-hero{--c:#D92D20;--t:#FFF0EC}.lr-t-y .lr-hero{--c:#C27A00;--t:#FFF8E6}
.lr-v{margin:6px 0;font-size:24px;font-weight:900;color:var(--c);text-wrap:balance}.lr-s{margin:0;font-size:14px;color:#334155}
.lr-hits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.lr-hits div{padding:14px;border-radius:14px;background:#fff;border:1px solid #F3C9BF}.lr-hits span{font-size:22px;font-weight:900;color:#D92D20;margin-right:6px}.lr-hits b{font-size:14px}.lr-hits p{margin:4px 0 0;font-size:12.5px;color:#64748B}
.lr-alert{padding:16px 18px;border-radius:14px;background:#FFF8E6;border:1px solid #F5DFA8}.lr-alert p{margin:6px 0 0;font-size:13px}
.lr-time,.lr-how,.lr-todo,.lr-draft{padding:18px 20px;border-radius:16px;background:#fff;border:1px solid #E2E8F0}
.lr-time-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}
.lr-time-g>div{padding:14px;border-radius:12px;background:#F8FAFC}.lr-time-g .fin{background:#0B1A2C;color:#fff}.lr-time-g .fin p,.lr-time-g .fin small{color:#A9BBD3}
.lr-time-g small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#64748B}.lr-time-g b{display:block;margin:4px 0;font-size:17px;font-weight:900}.lr-time-g p{margin:0;font-size:12px;color:#475569}
.lr-how ul{margin:8px 0 0;padding-left:18px;font-size:13.5px;display:grid;gap:6px}
.lr-todo ol{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}.lr-todo li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.lr-todo li>span{font-size:12px;font-weight:900;color:#2457F5;padding-top:2px}.lr-todo b{font-size:14px}.lr-todo p{margin:2px 0 0;font-size:13px;color:#475569}
.lr-draft-h{display:flex;justify-content:space-between;align-items:center}.lr-draft textarea{width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border-radius:12px;border:1px solid #CBD5E1;font-size:13px;line-height:1.7;font-family:inherit}
.lr-foot{display:flex;flex-wrap:wrap;gap:10px}.lr-legal{margin-top:14px}
@media(max-width:700px){.lr-time-g{grid-template-columns:minmax(0,1fr)}.lr-q{font-size:19px}.ux-v{font-size:22px}}
@media (min-width:901px){.srx-cats{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* ===== 無料診断の外枠 v2（2026-11-04 本人「サイドバーに色を、もっとオシャレに」）。まとまりの色：b=青 t=緑 r=赤 y=黄 ===== */
.tl .c-b{--gc:#2457F5;--gt:#EAF0FF;--gg:linear-gradient(135deg,#2457F5,#5B8CFF)}
.tl .c-t{--gc:#0B9C8C;--gt:#E3F7F4;--gg:linear-gradient(135deg,#0B9C8C,#2FD3BF)}
.tl .c-r{--gc:#E8442A;--gt:#FFEEEA;--gg:linear-gradient(135deg,#E8442A,#FF8A65)}
.tl .c-y{--gc:#D98A00;--gt:#FFF5DF;--gg:linear-gradient(135deg,#E39A0B,#FFC24D)}
.tl-side{background:radial-gradient(120% 60% at 0 0,rgba(47,211,191,.18),transparent 60%),radial-gradient(120% 60% at 100% 100%,rgba(91,140,255,.22),transparent 60%),linear-gradient(180deg,#0B1A2C,#10233D)!important;border:1px solid #1E3352!important;color:#DCE8F7;padding:18px 12px!important;box-shadow:0 30px 60px -36px rgba(11,26,44,.8)!important;overflow:hidden}
.tl-side:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;border-radius:inherit}
.tl-side>*{position:relative}
.tl-brand{border-bottom:1px dashed rgba(255,255,255,.14)!important;color:#fff!important}
.tl-brand>span{background:linear-gradient(135deg,#2FD3BF,#5B8CFF)!important;box-shadow:0 0 0 4px rgba(47,211,191,.14),0 10px 24px -8px rgba(47,211,191,.6)}
.tl-brand b{color:#fff}.tl-brand small{color:#7FE3D3!important;font-weight:700}
.tl-side nav{gap:6px!important}
.tl-side nav a{gap:10px!important;padding:8px 10px!important;color:#C9D6E8!important;font-size:13.5px!important;transition:background .15s,color .15s}
.tl-side nav a .tl-ic svg{width:16px;height:16px}.tl-side nav a .tl-ic{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--gc,#7FE3D3)!important;transition:background .15s,color .15s}
.tl-side nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.tl-side nav a[aria-current]{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--gc,#2FD3BF)}
.tl-side nav a[aria-current] .tl-ic{background:var(--gg,linear-gradient(135deg,#2FD3BF,#5B8CFF));color:#fff!important;box-shadow:0 8px 18px -8px var(--gc,#2FD3BF)}
.tl-home{--gc:#2FD3BF;--gg:linear-gradient(135deg,#2FD3BF,#5B8CFF)}
.tl-home em{margin-left:auto;font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(47,211,191,.16);color:#7FE3D3}
.tl-g{display:grid;gap:2px;padding:10px 0 4px;border-top:1px solid rgba(255,255,255,.07)}
.tl-g>p{display:flex!important;align-items:center;gap:7px;margin:0 8px 4px!important;font-size:12px!important;font-weight:800!important;color:#fff!important}
.tl-g>p i{width:8px;height:8px;border-radius:50%;background:var(--gc);box-shadow:0 0 0 3px color-mix(in srgb,var(--gc) 25%,transparent)}
.tl-g>p small{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:rgba(255,255,255,.38);font-weight:600}
.tl-note{display:flex;gap:8px;margin:12px 4px 0!important;padding:12px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;background:rgba(255,255,255,.04);color:#A9BBD3!important}
.tl-note span{flex:none;color:#7FE3D3}

/* ダッシュボードの結果とツール一覧 */
.tl-r{position:relative;overflow:hidden;background:#fff!important;transition:transform .15s,box-shadow .15s,border-color .15s}
.tl-r:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gg)}
.tl-r:hover{transform:translateY(-2px);border-color:var(--gc)!important;box-shadow:0 14px 28px -20px var(--gc)}
.tl-r-ic{background:var(--gt)!important;color:var(--gc)!important;border:0!important}
.tl-r.has .tl-r-ic{background:var(--gg)!important;color:#fff!important}
.tl-r-b small{color:var(--gc)!important}
.tl-sg{margin-top:18px}.tl-sg:first-of-type{margin-top:0}
.tl-sg-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:900}
.tl-sg-h i{width:10px;height:10px;border-radius:3px;background:var(--gg)}
.tl-sg-h small{order:3;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--gc);font-weight:700}
.tl-step{position:relative;background:#fff!important;border:1px solid var(--line)!important;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.tl-step:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--gt);z-index:0}
.tl-step>*{position:relative;z-index:1}
.tl-step:hover{transform:translateY(-3px);border-color:var(--gc)!important;box-shadow:0 18px 34px -22px var(--gc)}
.tl-step-ic{background:var(--gg)!important;color:#fff!important;box-shadow:0 10px 20px -10px var(--gc)}
.tl-step small{color:var(--gc)!important}.tl-step em{color:var(--gc)!important}

/* スマホ：サイドバーは横に流れる札に */
@media(max-width:900px){
 .tl-side{padding:14px 12px!important}
 .tl-side nav{display:flex!important;gap:8px!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .tl-side nav::-webkit-scrollbar{display:none}
 .tl-g{display:contents}.tl-g>p{display:none!important}
 .tl-side nav a{flex:none;white-space:nowrap;padding:7px 12px 7px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.06)}
 .tl-side nav a .tl-ic{width:26px;height:26px;border-radius:999px}
 .tl-note,.tl-home em{display:none!important}
 .tl-brand{padding-bottom:10px!important;margin-bottom:10px!important}
}
.tl-side nav a .tl-ic svg{color:var(--gc,#7FE3D3)!important;stroke:currentColor}.tl-side nav a[aria-current] .tl-ic svg{color:#fff!important}.tl-home .tl-ic{--gc:#2FD3BF}
/* ===== Webサイト診断の結果 v2（.srv、2026-11-05 本人「ダサい、もっとオシャレに」） ===== */
.srv{--ok:#12B76A;--wn:#F79009;--ng:#F04438;--in:#667085;--ink:#0B1A2C;--mu:#5E6E82;--ln:#E3E9F2;display:grid;gap:16px;color:var(--ink)}
.srv-g{--c1:#12B76A;--c2:#2FD3BF}.srv-y{--c1:#F79009;--c2:#FFC24D}.srv-r{--c1:#F04438;--c2:#FF8A65}
.srv .num{font-variant-numeric:tabular-nums}
.srv-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:30px 32px;border-radius:24px;color:#E6EEF8;background:radial-gradient(60% 90% at 100% 0,color-mix(in srgb,var(--c2) 30%,transparent),transparent 70%),radial-gradient(50% 80% at 0 100%,rgba(91,140,255,.25),transparent 70%),linear-gradient(135deg,#0B1A2C,#132B4A);box-shadow:0 30px 60px -36px rgba(11,26,44,.9)}
.srv-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.srv-hero>*{position:relative;min-width:0}
.srv-en{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#8FE9DC}.srv-en .dot{width:8px;height:8px;border-radius:50%;background:var(--c1);box-shadow:0 0 0 4px color-mix(in srgb,var(--c1) 30%,transparent)}
.srv-host{display:flex;align-items:center;gap:12px;margin:12px 0 4px}.srv-host .fav{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:900;font-size:18px}
.srv-host b{font-family:var(--mono);font-size:clamp(20px,3vw,28px);color:#fff;overflow-wrap:anywhere}
.srv-date{margin:0;font-size:12.5px;color:#9FB3CF}
.srv-partial{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:5px 10px;border-radius:999px;background:rgba(247,144,9,.18);color:#FFC24D;font-size:12.5px;font-weight:800}
.srv-sum{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:14px;line-height:1.75;color:#E6EEF8}
.srv-cnt{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.srv-cnt span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:rgba(255,255,255,.08)}
.srv-cnt b{font-size:15px;color:#fff}.srv-cnt .ok svg{color:var(--ok)}.srv-cnt .warn svg{color:var(--wn)}.srv-cnt .ng svg{color:var(--ng)}
.srv-hero-r{display:grid;justify-items:center;gap:14px}
.srv-ring{position:relative;width:180px;height:180px}.srv-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.srv-ring .bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:10}.srv-ring .fg{fill:none;stroke:url(#srvg);stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c2) 60%,transparent));transition:stroke-dashoffset 1s ease}
.srv-ring .s1{stop-color:var(--c1)}.srv-ring .s2{stop-color:var(--c2)}
.srv-ring-c{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;line-height:1}
.srv-ring-c b{font-size:54px;font-weight:900;color:#fff}.srv-ring-c small{margin-top:4px;font-size:12px;color:#9FB3CF}
.srv-ring-c em{margin-top:8px;font-style:normal;font-size:13px;font-weight:900;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}
.srv-lv{display:grid;gap:6px;justify-items:center}.srv-lv p{display:flex;align-items:baseline;gap:6px;margin:0}.srv-lv small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:#9FB3CF}.srv-lv p b{font-size:22px;color:#fff}.srv-lv span{font-size:13px;font-weight:800;color:#fff}
.srv-steps{display:flex;gap:5px}.srv-steps i{width:26px;height:6px;border-radius:99px;background:rgba(255,255,255,.14)}.srv-steps i.on{background:linear-gradient(90deg,var(--c1),var(--c2))}
.srv-card{padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--ln);box-shadow:0 20px 40px -34px rgba(11,26,44,.4)}
.srv-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.srv-h small{font-size:12px;color:var(--mu)}
.srv-k{margin:0;font-size:15px;font-weight:900}
.srv-bars{display:grid;gap:6px}
.srv-bar{--c:var(--ok);display:grid;grid-template-columns:34px minmax(110px,190px) minmax(0,1fr) 42px minmax(0,130px);gap:12px;align-items:center;padding:8px 10px;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s}
.srv-bar:hover{background:#F4F7FB;text-decoration:none;color:var(--ink)}
.srv-bar.t-y{--c:var(--wn)}.srv-bar.t-r{--c:var(--ng)}
.srv-bar .ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.srv-bar .nm{font-size:14px;font-weight:800}
.srv-bar .tr{height:10px;border-radius:99px;background:#EEF2F7;overflow:hidden}.srv-bar .tr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}
.srv-bar>b{font-size:20px;font-weight:900;text-align:right;color:var(--c)}
.srv-bar .st{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.srv-bar .st em{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}
.srv-bar .st .ng{background:#FEE4E2;color:#B42318}.srv-bar .st .warn{background:#FEF0C7;color:#B54708}.srv-bar .st .ok{background:#DCFAE6;color:#067647}
.srv-top ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.srv-top li{position:relative;display:flex;gap:12px;padding:16px;border-radius:16px;background:#FFF6F5;border:1px solid #FCD3CF}.srv-top li.warn{background:#FFFAEB;border-color:#FDE6A8}
.srv-top .n{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ng);color:#fff;font-weight:900}.srv-top li.warn .n{background:var(--wn)}
.srv .lb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:14.5px;font-weight:900}
.srv .dt{margin:0;font-size:13px;line-height:1.75;color:var(--mu)}
.srv .fx{margin:8px 0 0;padding:9px 12px;border-radius:10px;background:#F1F6FF;font-size:13px;line-height:1.7}.srv .fx b{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:6px;background:#2457F5;color:#fff;font-size:11px}
.srv .pill{font-size:10.5px;font-weight:900;padding:2px 8px;border-radius:999px;letter-spacing:.04em}
.pill.ok{background:#DCFAE6;color:#067647}.pill.warn{background:#FEF0C7;color:#B54708}.pill.ng{background:#FEE4E2;color:#B42318}.pill.info{background:#F2F4F7;color:#475467}
.srv-chips{display:flex;flex-wrap:wrap;gap:8px}.srv-chips span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#F4F7FB;border:1px solid var(--ln);font-size:13px;font-weight:800;font-family:var(--mono)}
.srv-chips small{font-family:inherit;font-size:10.5px;font-weight:700;color:var(--mu)}.srv-chips span.old{background:#FFFAEB;border-color:#FDE6A8}.srv-chips em{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--wn);color:#fff}
.srv-pl{margin-top:10px}.srv-pl summary,.srv-oks summary{cursor:pointer;font-size:13px;font-weight:800;color:#2457F5;display:flex;align-items:center;gap:6px}
.srv-pl ul{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.srv-pl li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#F8FAFC;font-size:12.5px}.srv-pl li.old{background:#FFFAEB}
.srv-secs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.srv-sec{--c:var(--ok);padding:18px;border-radius:20px;background:#fff;border:1px solid var(--ln);border-top:4px solid var(--c);scroll-margin-top:90px}
.srv-sec.t-y{--c:var(--wn)}.srv-sec.t-r{--c:var(--ng)}
.srv-sec-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.srv-sec-h .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.srv-sec-h h3{flex:1;margin:0;font-size:16px;font-weight:900}.srv-sec-h b{font-size:24px;font-weight:900;color:var(--c)}.srv-sec-h b small{font-size:12px;margin-left:2px;color:var(--mu)}
.srv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.srv-it{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:12px;border-radius:14px;background:#F8FAFC}
.srv-it .mk{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:var(--in)}.srv-it.ok .mk{background:var(--ok)}.srv-it.warn .mk{background:var(--wn)}.srv-it.ng .mk{background:var(--ng)}
.srv-it.ng{background:#FFF6F5}.srv-it.warn{background:#FFFCF2}
.srv-it .lk{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:800}
.srv-allok{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border-radius:12px;background:#ECFDF3;color:#067647;font-weight:800;font-size:13.5px}
.srv-oks{margin-top:10px}.srv-oks .srv-list{margin-top:8px}
.srv-next{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#F3F8FF,#fff);border:1px solid var(--ln)}
.srv-next>div:first-child{flex:1 1 320px}.srv-next p{margin:0;font-size:13px;color:var(--mu)}.srv-next .srv-k{margin-bottom:4px;color:var(--ink)}
.srv-next-b{display:flex;flex-wrap:wrap;gap:8px}.srv-next-b button svg{vertical-align:-2px}
@media(max-width:900px){.srv-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.srv-hero-r{grid-row:1;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:18px}.srv-ring{width:140px;height:140px}.srv-ring-c b{font-size:42px}.srv-secs{grid-template-columns:minmax(0,1fr)}
 .srv-bar{grid-template-columns:30px minmax(0,1fr) 40px;row-gap:4px}.srv-bar .tr{grid-column:2/4;grid-row:2}.srv-bar .st{grid-column:2/4;justify-content:flex-start}.srv-bar .ic{grid-row:1/3}}
@media(max-width:480px){.srv-hero-r{grid-template-columns:minmax(0,1fr);justify-items:center}.srv-card{padding:16px}}