/* MEQL（メクル）共通スタイル
   色はロゴの紺とミントに白。灰色は紺を薄めたものだけを使う
   ミントは文字色に使わない（白地で読めないため）。ボタンの地とアクセントだけ */
@font-face{font-family:"MEQL Sans";src:url("/meql/assets/fonts/nsjp-400.woff2?v=20261106a") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"MEQL Sans";src:url("/meql/assets/fonts/nsjp-700.woff2?v=20261106a") format("woff2");font-weight:700;font-display:swap}

:root{
  --navy:#06073e;
  --ink:#14153a;
  --sub:#4b4c69;
  --mint:#3ed29f;
  --mint-hi:#5fe0b3;
  --tint:#f3f4f8;
  --line:#d9dae5;
  --white:#fff;
  --wrap:1160px;
  --gut:20px;
  --r:12px;
  --sans:"MEQL Sans","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85;letter-spacing:.02em;font-feature-settings:"palt" 0}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{color:var(--navy);line-height:1.45;letter-spacing:.03em;margin:0;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:4px}
.band :focus-visible{outline-color:var(--mint)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.nb{display:inline-block}
.skip{position:absolute;left:12px;top:-60px;z-index:20;background:var(--navy);color:#fff;padding:8px 16px;border-radius:8px;font-weight:700}
.skip:focus{top:12px}
main:focus{outline:none}

/* ボタン */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border-radius:999px;font-weight:700;font-size:15px;line-height:1.4;text-decoration:none;text-align:center;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.btn-mint{background:var(--mint);color:var(--navy)}
.btn-mint:hover{background:var(--mint-hi);box-shadow:0 4px 14px rgba(6,7,62,.16);transform:translateY(-1px)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{box-shadow:0 4px 14px rgba(6,7,62,.24);transform:translateY(-1px)}
.btn-line{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-line:hover{background:var(--tint)}
.btn-lg{min-height:56px;padding:12px 30px;font-size:16px}
.arrow{font-weight:700;text-decoration:none;border-bottom:2px solid var(--mint);padding-bottom:2px}
.arrow::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.5em;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:translateY(-.08em) rotate(45deg)}
.arrow:hover{border-bottom-color:var(--navy)}

/* ヘッダー */
.hd{background:#fff;border-bottom:1px solid var(--line)}
.hd-in{max-width:var(--wrap);margin:0 auto;padding:10px var(--gut);display:flex;align-items:center;gap:28px}
.hd-logo img{height:44px;width:auto}
.hd-nav{margin-left:auto}
.hd-nav ul{list-style:none;display:flex;gap:4px}
.hd-nav a{display:block;padding:10px 12px;font-size:15px;font-weight:700;text-decoration:none;border-radius:8px}
.hd-nav a:hover{background:var(--tint)}
.hd-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--mint);border-radius:0}
.hd-cta{min-height:44px;padding:8px 18px;font-size:14px}
.disclose{margin:0;background:var(--tint);color:var(--sub);font-size:12.5px;line-height:1.6;text-align:center;padding:7px var(--gut)}
.disclose a{color:var(--navy);font-weight:700;white-space:nowrap}

/* 共通の段 */
.sec{padding:72px 0}
.sec-tint{background:var(--tint)}
.sec-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sec-narrow{max-width:820px}
.sec-form{max-width:760px}
.center{text-align:center}
.sec h2{font-size:clamp(23px,2.4vw,30px);margin-bottom:12px}
.kicker{font-size:13px;font-weight:700;color:var(--sub);letter-spacing:.08em;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.kicker::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--mint)}
.sec-lead{color:var(--sub);margin-bottom:28px}
.note-small{font-size:13px;color:var(--sub);line-height:1.7;margin:12px 0 20px}
.more{text-align:center;margin:36px 0 0}
.dots{list-style:none;display:grid;gap:10px;margin:0 0 1.2em}
.dots li{position:relative;padding-left:20px}
.dots li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px var(--navy) inset}

/* トップの見出し部分 */
.hero{background:#fff}
.hero-in{max-width:var(--wrap);margin:0 auto;padding:48px var(--gut) 56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:center}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--navy);background:#fff;border:2px solid var(--navy);border-radius:999px;padding:3px 14px;margin:0 0 18px}
.hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.3;letter-spacing:.04em;margin-bottom:18px}
.hero-lead{font-size:clamp(15px,1.3vw,17px);color:var(--ink);max-width:34em;margin-bottom:26px}
.quick{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:#fff;border:2px solid var(--navy);border-radius:16px;padding:14px;box-shadow:0 8px 0 var(--navy)}
.quick-f label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.quick .btn{min-height:48px}
select,input[type=text],input[type=email],input[type=tel],input[type=url],textarea{font:inherit;font-size:16px;color:var(--ink);width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #9a9bb2;border-radius:10px;background:#fff}
select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2306073e' stroke-width='2'/%3E%3C/svg%3E");background-position:right 14px center;background-size:12px 8px;background-repeat:no-repeat}
textarea{min-height:120px;resize:vertical}
select:focus,input:focus,textarea:focus{border-color:var(--navy);outline:3px solid rgba(62,210,159,.6);outline-offset:1px}
.hero-art img{width:100%}

.facts-strip{background:var(--tint);padding:0 0 56px}
.facts-strip ul{list-style:none;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.facts-strip li{background:#fff;border-radius:var(--r);padding:20px 22px;display:flex;align-items:center;gap:16px;border:1px solid var(--line)}
.facts-strip b{font-size:44px;line-height:1;color:var(--navy);font-feature-settings:"tnum"}
.facts-strip span{font-size:14px;line-height:1.6;color:var(--sub)}

/* カテゴリ */
.cats{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:24px}
.cat{border-radius:var(--r);text-align:center;font-size:14px;line-height:1.5}
.cat a,.cat-soon{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;padding:16px 8px 14px;border-radius:var(--r);text-decoration:none}
.cat img{width:84px;height:84px;object-fit:contain;margin-bottom:6px}
.cat-name{font-weight:700;color:var(--navy);font-size:13.5px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
.cat-sub{font-size:12px;color:var(--sub);word-break:keep-all;line-height:1.5}
.cat-open a{background:#fff;border:2px solid var(--navy);box-shadow:0 5px 0 var(--mint)}
.cat-open a:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--mint)}
.cat-soon{border:1px dashed var(--line);background:#fff}
.cat-soon img{opacity:.55}

/* 1社のカード */
.cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:12px}
.card[hidden]{display:none}
.card-kind{display:inline-block;margin:0 0 4px;font-size:12px;font-weight:700;color:var(--navy);background:var(--tint);border-radius:6px;padding:1px 8px}
.card-name{font-size:18px;line-height:1.45}
.card-name a{text-decoration:none}
.card-name a:hover{text-decoration:underline}
.card-co{margin:4px 0 0;font-size:13px;color:var(--sub)}
.card-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px;border-radius:10px;background:var(--tint)}
.card-price-k{font-size:12px;font-weight:700;color:var(--sub);width:100%}
.card-price-v{font-size:24px;font-weight:700;color:var(--navy);line-height:1.2;font-feature-settings:"tnum"}
.card-tax{font-size:12px;color:var(--sub)}
.card-facts{margin:0;display:grid;gap:6px;font-size:14px;line-height:1.6}
.card-facts div{display:grid;grid-template-columns:7.2em 1fr;gap:8px}
.card-facts dt{color:var(--sub)}
.card-facts dd{margin:0}
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:12px;font-weight:700;line-height:1.5;padding:2px 10px;border-radius:999px;border:1.5px solid var(--navy)}
.card-checked{margin:0;font-size:12px;color:var(--sub)}
.card-actions{margin-top:auto;display:grid;gap:8px}
.card-actions .btn{min-height:44px;font-size:14px;padding:8px 14px}

/* 下層ページの頭 */
.pg-head{background:var(--tint);padding:20px 0 40px}
.pg-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.pg-head h1{font-size:clamp(27px,3.4vw,42px);margin:22px 0 14px}
.pg-lead{max-width:40em;margin:0;font-size:16px}
.pg-co{color:var(--sub);margin:0}
.pg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:28px;align-items:center}
.pg-art{width:100%}
.pg-art-tall{max-width:300px;justify-self:center}
.byline{margin:14px 0 0;font-size:13px;color:var(--sub)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;font-size:13px;color:var(--sub)}
.crumbs li+li::before{content:"/";margin:0 8px;color:#9a9bb2}
.crumbs a{color:var(--sub)}
.town{background:var(--tint);padding:0 var(--gut) 24px}
.town img{max-width:1200px;width:100%;margin:0 auto}

/* 絞り込み */
.filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:end;background:#fff;border:2px solid var(--navy);border-radius:16px;padding:18px;margin-bottom:14px}
.filter-f label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.filter-check{display:flex;align-items:center;gap:10px;min-height:48px}
.filter-check label{margin:0;font-size:15px}
input[type=checkbox]{width:22px;height:22px;accent-color:var(--navy);margin:0;flex:none}
.js .filter-go{display:none}
.result{font-weight:700;margin:6px 0 0}
.empty{background:var(--tint);border-radius:var(--r);padding:20px;text-align:center}

/* 表 */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.cmp{min-width:860px;font-size:14px;line-height:1.6}
.cmp caption,.ev caption{text-align:left;font-weight:700;padding:14px 16px 0;color:var(--navy)}
.cmp th,.cmp td,.ev th,.ev td,.kv th,.kv td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp thead th,.ev thead th{font-size:12.5px;color:var(--sub);background:var(--tint)}
.cmp tbody th{min-width:200px}
.cmp tbody th a{font-weight:700}
.cmp td:nth-child(2){font-weight:700;white-space:nowrap;font-feature-settings:"tnum"}
.t-co{display:block;font-size:12px;font-weight:400;color:var(--sub)}
.cmp tbody tr:last-child>*,.ev tbody tr:last-child>*{border-bottom:0}
.ev{font-size:14px}
.ev td:last-child{white-space:nowrap}
.kv{border-top:1px solid var(--line)}
.kv th{width:9em;color:var(--sub);font-weight:400}

/* 分布 */
.dist{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.dist table{font-size:14px}
.dist caption{text-align:left;font-weight:700;color:var(--navy);margin-bottom:8px}
.dist thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dist th{font-weight:400;text-align:left;padding:8px 12px 8px 0;white-space:nowrap;width:1%}
.dist td{padding:8px 0;display:flex;align-items:center;gap:10px}
.bar{display:block;height:18px;width:calc(var(--w) * 100% - 3.5em);min-width:6px;background:var(--navy);border-radius:0 6px 6px 0}
.bar-n{font-weight:700;font-feature-settings:"tnum";white-space:nowrap}
.sec-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}

/* 番号つきの説明 */
.how-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:8px}
.how-art{width:150px;flex:none}
.how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.how li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.sec-tint .how li{border-color:transparent}
.how-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--mint);color:var(--navy);font-weight:700;margin-bottom:10px;font-feature-settings:"tnum"}
.how h3{font-size:18px;margin-bottom:8px}
.how p{margin:0;font-size:15px}
.how-1col{grid-template-columns:1fr}

/* よくある質問 */
.qa-list{display:grid;gap:12px;margin-top:20px}
.qa{background:#fff;border-radius:var(--r);padding:20px 22px;border:1px solid var(--line)}
.sec-tint .qa{border-color:transparent}
.qa h3{font-size:17px;margin-bottom:8px;display:flex;gap:10px}
.qa h3::before{content:"Q";flex:none;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.qa p{margin:0;padding-left:38px}

/* 相談の帯 */
.band{background:var(--navy);color:#fff;padding:56px 0}
.band-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center}
.band h2{color:#fff;font-size:clamp(22px,2.4vw,30px);margin-bottom:10px}
.band p{margin:0;color:#e6e7f1;max-width:40em}

/* 運営会社のサービス */
.own{border:2px solid var(--navy);border-radius:16px;padding:24px 26px;background:#fff}
.own-label{display:inline-block;margin:0 0 10px;font-size:12px;font-weight:700;background:var(--navy);color:#fff;border-radius:6px;padding:2px 10px}
.own h2{font-size:20px;margin-bottom:8px}

/* 各社のページ */
.vprice{background:var(--tint);border-radius:16px;padding:22px 24px;margin-bottom:22px;border:2px solid var(--navy)}
.vprice p{margin:0}
.vprice-k{font-size:13px;font-weight:700;color:var(--sub)}
.vprice-v{font-size:clamp(30px,4vw,40px);font-weight:700;color:var(--navy);line-height:1.3;font-feature-settings:"tnum"}
.vprice-t{font-size:13px;color:var(--sub)}
.vfacts{margin:0 0 28px;border-top:1px solid var(--line)}
.vfacts div{display:grid;grid-template-columns:9em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.vfacts dt{color:var(--sub)}
.vfacts dd{margin:0}
.sub-h{font-size:18px;margin:28px 0 10px}
.official{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.caution{margin:28px 0 0;border-radius:var(--r);padding:18px 20px;background:#fff;border:2px dashed var(--navy)}
.caution h2{font-size:17px;margin-bottom:6px}
.caution p{margin:0}
.vcta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px}

/* フォーム */
.steps{list-style:none;counter-reset:s;display:grid;gap:12px}
.steps li{counter-increment:s;position:relative;padding:16px 18px 16px 64px;background:var(--tint);border-radius:var(--r)}
.steps li::before{content:counter(s);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--navy);font-weight:700;display:flex;align-items:center;justify-content:center}
.steps b{display:block;color:var(--navy)}
.form{background:#fff;border-radius:16px;padding:28px;border:1px solid var(--line)}
fieldset{border:0;margin:0 0 12px;padding:0}
legend{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:12px;padding:0}
.fld{margin-bottom:18px}
.fld>label{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}
.rq,.op{font-size:11px;font-weight:700;border-radius:4px;padding:0 6px;line-height:1.7}
.rq{background:var(--navy);color:#fff}
.op{border:1px solid var(--sub);color:var(--sub)}
.hint{display:block;font-size:13px;color:var(--sub);margin:0 0 6px;line-height:1.6}
.err{display:block;color:#b3261e;font-size:14px;font-weight:700;margin-top:6px}
[aria-invalid=true]{border-color:#b3261e;border-width:2px}
.check{display:flex;align-items:flex-start;gap:10px;font-weight:700}
.check input{margin-top:3px}
.check label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.consent .hint{margin:8px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn-submit{width:100%;margin-top:8px}
.btn-submit[disabled]{opacity:.6;cursor:wait}
.status{margin:12px 0 0;font-weight:700;min-height:1.5em}
.done{background:#fff;border-radius:16px;padding:32px 28px;border:2px solid var(--navy)}
.done h2{margin-bottom:12px}

/* フッター */
.ft{background:var(--tint);border-top:1px solid var(--line);padding:48px 0 24px;font-size:14px}
.ft-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:32px}
.ft-brand img{height:48px;width:auto;margin-bottom:12px}
.ft-brand p{color:var(--sub);margin:0;max-width:24em}
.ft-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ft-h{font-weight:700;color:var(--navy);margin:0 0 6px}
.ft-nav ul{list-style:none;display:grid;gap:4px}
.ft-nav a{display:inline-block;padding:4px 0;text-decoration:none}
.ft-nav a:hover{text-decoration:underline}
.ft-copy{max-width:var(--wrap);margin:32px auto 0;padding:0 var(--gut);color:var(--sub)}

/* タブレット */
@media (max-width:1000px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .how{grid-template-columns:1fr}
  .hd-nav a{padding:10px 8px;font-size:14px}
}
@media (max-width:860px){
  .hero-in{grid-template-columns:1fr;padding-top:28px}
  .hero-art{order:-1;max-width:560px;margin:0 auto}
  .pg-split{grid-template-columns:1fr}
  .pg-art{max-width:420px;justify-self:start}
  .sec-split{grid-template-columns:1fr}
  .band-in{grid-template-columns:1fr}
  .ft-in{grid-template-columns:1fr}
  .filter{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* スマホ */
@media (max-width:700px){
  :root{--gut:16px}
  .sec{padding:52px 0}
  .hd-in{flex-wrap:wrap;gap:8px 12px;padding-bottom:0}
  .hd-logo img{height:38px}
  .hd-cta{margin-left:auto}
  .hd-nav{order:3;width:100%;margin:0 calc(var(--gut) * -1);overflow-x:auto}
  .hd-nav ul{padding:0 var(--gut);gap:0}
  .hd-nav a{white-space:nowrap;padding:10px 12px}
  .disclose{text-align:left}
  .quick{grid-template-columns:1fr;box-shadow:0 6px 0 var(--navy)}
  .facts-strip ul{grid-template-columns:1fr;gap:10px}
  .facts-strip li{padding:14px 18px}
  .facts-strip b{font-size:36px;min-width:1.6em}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .cat a,.cat-soon{padding:12px 4px 10px}
  .cat img{width:64px;height:64px}
  .cat-name{font-size:13px}
  .cards{grid-template-columns:1fr}
  .filter{grid-template-columns:1fr;padding:16px}
  .how-art{width:120px}
  .vfacts div,.card-facts div{grid-template-columns:6.5em 1fr}
  .form{padding:20px 16px}
  .ft-nav{grid-template-columns:1fr 1fr}
  .qa p{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .btn:hover,.cat-open a:hover{transform:none}
}

/* 絵つきの見出し・0件・送信完了の小さな絵 */
.h-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.sec .h-row h2{margin-bottom:0}
.h-ico{width:76px;height:auto;flex:none}
.empty-art{display:block;width:132px;height:auto;margin:4px auto 12px}
.empty p{margin:0}
.done-art{display:block;width:96px;height:auto;margin-bottom:14px}
@media (max-width:700px){
  .h-ico{width:56px}
  .h-row{gap:12px}
}
.ev th[scope=row]{white-space:nowrap}

/* 各社ページ：月額が近い会社との比較表・途中の相談・スマホ下部の相談 */
.ncmp{min-width:560px;width:100%;font-size:14px;line-height:1.6}
.ncmp caption{text-align:left;font-weight:700;padding:14px 16px 0;color:var(--navy)}
.ncmp th,.ncmp td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ncmp thead th{font-size:12.5px;color:var(--sub);background:var(--tint);white-space:nowrap}
.ncmp tbody th{min-width:180px}
.ncmp tbody th a{font-weight:700}
.ncmp td:nth-child(2){font-weight:700;white-space:nowrap;font-feature-settings:"tnum"}
.ncmp tbody tr:last-child>*{border-bottom:0}
.ncmp tr.is-me>*{background:var(--tint)}
.ncmp-me{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;vertical-align:2px}
.ncmp-co{display:block;font-size:12.5px;color:var(--sub);font-weight:400}
.mid-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:24px 0 40px;padding:20px 24px;border:2px solid var(--navy);border-radius:var(--r);background:#fff}
.mid-cta p{margin:0;max-width:36em}
.from-note{margin:0 0 20px;padding:14px 18px;border-radius:var(--r);background:var(--tint);color:var(--navy);font-weight:700}
.sticky-cta{display:none}
@media (max-width:700px) and (min-height:480px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
  .sticky-cta .btn{display:flex;width:100%;justify-content:center}
  body:has(.sticky-cta){padding-bottom:76px}
  html:has(.sticky-cta){scroll-padding-bottom:84px}
}
@media print{.sticky-cta{display:none}}
@media (max-width:700px){
  .ncmp{min-width:0}
  .ncmp caption{display:block;padding:14px 16px 4px}
  .ncmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .ncmp,.ncmp tbody,.ncmp tr,.ncmp th,.ncmp td{display:block}
  .ncmp tr{padding:12px 16px;border-bottom:1px solid var(--line)}
  .ncmp tbody tr:last-child{border-bottom:0}
  .ncmp th,.ncmp td{padding:0;border:0}
  .ncmp tbody th{min-width:0;margin-bottom:6px}
  .ncmp td{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;padding:2px 0;font-weight:400}
  .ncmp td::before{content:attr(data-k);color:var(--sub);font-size:12.5px;font-weight:400}
  .ncmp td::before{content:attr(data-k) / ""}
  .ncmp td:nth-child(2){white-space:normal}
}
@media (max-width:700px){
  .ncmp tr.is-me{background:var(--tint)}
  .ncmp tr.is-me>*{background:transparent}
}

/* 11/5 見直し：カテゴリ・カード・各社ページ */
.cat-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin-top:24px;align-items:stretch}
.cat-feature{display:flex;align-items:center;gap:22px;padding:24px 26px;background:#fff;border:2px solid var(--navy);border-radius:16px;box-shadow:0 6px 0 var(--mint);text-decoration:none;color:var(--ink)}
.cat-feature:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--mint)}
.cat-feature img{width:120px;height:120px;flex:none}
.cat-feature-txt{display:flex;flex-direction:column;gap:6px}
.cat-feature-k{align-self:flex-start;font-size:12px;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:2px 10px}
.cat-feature-name{font-size:24px;font-weight:700;color:var(--navy);line-height:1.35}
.cat-feature-sub{font-size:14px;color:var(--sub);line-height:1.7}
.cat-feature .arrow{margin-top:4px;align-self:flex-start}
.cat-next{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.cat-next-h{font-size:15px;margin:0 0 4px}
.cat-next-p{font-size:13px;color:var(--sub);margin:0 0 14px;line-height:1.7}
.cat-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.cat-mini li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sub);line-height:1.4}
.cat-mini img{width:40px;height:40px;flex:none;opacity:.7}
.card-na{margin:0;font-size:12.5px;color:var(--sub);line-height:1.6}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.card-more{font-size:14px;font-weight:700;color:var(--navy);text-underline-offset:3px}
.btn-sm{min-height:44px;padding:8px 18px;font-size:14px}
.card-actions .btn{flex:none}
.v-kind{display:inline-block;margin:18px 0 0;font-size:13px;font-weight:700;color:var(--navy);background:#fff;border-radius:6px;padding:2px 10px}
.pg-head h1.v-h1{margin:10px 0 12px}
.v-co{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.v-co-name{font-size:17px;font-weight:700;color:var(--navy)}
.v-co-date{font-size:13px;color:var(--sub)}
.v-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.v-main>h2{margin-bottom:16px}
.v-side-in{position:sticky;top:24px;display:flex;flex-direction:column;gap:14px;padding:22px;border:2px solid var(--navy);border-radius:16px;background:#fff}
.v-side .vprice{margin:0;border:0;padding:16px 18px}
.v-side-btn{width:100%;justify-content:center}
.v-side-note{margin:0;font-size:13px;color:var(--sub);line-height:1.7}
.vfacts dd b{font-size:18px;color:var(--navy)}
@media (max-width:1000px){
  .v-grid{grid-template-columns:1fr;gap:32px}
  .v-side{order:-1}
  .v-side-in{position:static}
}
@media (max-width:860px){
  .cat-wrap{grid-template-columns:1fr}
}
@media (max-width:700px){
  .cat-feature{padding:18px;gap:14px}
  .cat-feature img{width:84px;height:84px}
  .cat-feature-name{font-size:20px}
  .card-actions{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.cat-feature:hover{transform:none}}
.v-wide{max-width:100%}
.cat-wrap{align-items:start}
.cat-feature{padding:28px 30px}
.cat-feature img{width:140px;height:140px}
@media (max-width:700px){.cat-feature img{width:84px;height:84px}}

/* 各社のロゴ */
.logo{display:flex;align-items:center;justify-content:center;width:132px;height:56px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.logo-none{font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.35;text-align:center;overflow-wrap:anywhere}
.logo-lg{width:200px;height:88px;margin:0;flex:none}
.logo-lg.logo-none{font-size:15px}
.logo-sm{width:76px;height:34px;padding:4px 6px;margin:0 0 6px;border-radius:6px}
.logo-sm.logo-none{font-size:10.5px}
.v-head{display:flex;align-items:center;gap:24px;margin-top:18px}
.v-head .v-kind{margin-top:0}
@media (max-width:700px){
  .v-head{flex-direction:column;align-items:flex-start;gap:12px}
  .logo-lg{width:160px;height:68px}
}

/* ===== 一覧：左に絞り込み・右に1社1行（11/5 作り直し） ===== */
.js-only{display:none}
.js .js-only{display:revert}
.js .no-js-only{display:none}
.pg-head-list{padding-bottom:28px}
.pg-head h1 .h1-sub{display:block;font-size:.5em;color:var(--sub);margin-top:6px;font-weight:700}
.defbox{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;max-width:960px}
.defbox-h{font-size:15px;margin:0 0 4px}
.defbox p{margin:0;font-size:14.5px;line-height:1.85}
.sec-list{padding-top:28px}
.list-grid{display:grid;grid-template-columns:272px minmax(0,1fr);gap:28px;align-items:start}
.side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.side-h{font-size:15px;margin:0 0 10px}
.filter-side{display:flex;flex-direction:column;gap:12px;padding:16px;margin:0;border:1px solid var(--line);border-radius:12px;background:#fff}
.filter-side .filter-f{min-width:0}
.side-box{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px}
.side-count{margin:0 0 6px;font-size:14px;color:var(--sub)}
.side-count b{font-size:20px;color:var(--navy);margin:0 2px}
.side-btn{display:flex;width:100%;justify-content:center;margin:0 0 12px;min-height:44px;font-size:14px}
.side-note{margin:0;font-size:12.5px;color:var(--sub);line-height:1.7}
.side-links{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.list-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:4px}
.list-h{font-size:18px;margin:0}
.list-top .result{margin:0}
.rows{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;gap:12px}
.row[hidden]{display:none}
.row-name{font-size:19px;line-height:1.45;margin:0}
.row-name a{text-underline-offset:4px}
.row-co{margin:2px 0 0;font-size:13px;color:var(--sub)}
.row-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:start}
.logo-row{width:150px;height:96px;margin:0;padding:12px}
.row-main{display:grid;gap:10px}
.row-price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.row-price-k{font-size:12px;font-weight:700;color:var(--sub);background:var(--tint);border-radius:6px;padding:1px 8px}
.row-price-v{font-size:22px;font-weight:700;color:var(--navy);font-feature-settings:"tnum"}
.row-price-t{font-size:12px;color:var(--sub)}
.row-feat{margin:0;padding:0 0 0 1.1em;font-size:14.5px;line-height:1.7}
.row-feat li::marker{color:var(--navy)}
.row-spec{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.row-spec div{display:flex;gap:6px}
.row-spec dt{color:var(--sub)}
.row-spec dd{margin:0;font-weight:700;color:var(--navy)}
.row-spec dd.na{font-weight:400;color:var(--sub)}
.row-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:12px;border-top:1px solid var(--line)}
.btn-add{min-height:44px;padding:8px 16px;font-size:14px;background:#fff;color:var(--navy);border:2px solid var(--navy)}
.btn-add .add-on{display:none}
.btn-add[aria-pressed="true"]{background:var(--navy);color:#fff}
.btn-add[aria-pressed="true"] .add-on{display:inline}
.btn-add[aria-pressed="true"] .add-off{display:none}
.btn-add[aria-pressed="true"]::before{content:"✓";content:"✓" / "";margin-right:6px}
.row-more{margin-left:auto;font-size:14px;font-weight:700;color:var(--navy);text-underline-offset:3px}
.row-checked{margin:0;font-size:12px;color:var(--sub)}
.listbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:2px solid var(--navy)}
.listbar[hidden]{display:none}
.listbar-in{max-width:var(--wrap);margin:0 auto;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.listbar-t{margin:0 auto 0 0;font-size:14px;color:var(--sub)}
.listbar-t b{color:var(--navy);font-size:17px}
.listbar .btn{min-height:44px;font-size:14px;padding:8px 18px}
body:has(.listbar:not([hidden])){padding-bottom:calc(var(--barh,72px) + 8px)}
html:has(.listbar:not([hidden])){scroll-padding-bottom:calc(var(--barh,72px) + 16px)}
/* 並べて比べる */
.cmp-pick{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px}
.cmp-pick label{width:100%;font-size:14px;font-weight:700;color:var(--navy)}
.cmp-pick select{min-width:min(100%,360px)}
.cmpv{min-width:720px;width:100%;table-layout:fixed;font-size:14px;line-height:1.65}
.cmpv caption{text-align:left;font-weight:700;padding:14px 16px 6px;color:var(--navy)}
.cmpv th,.cmpv td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmpv thead th{background:var(--tint)}
.cmpv thead th a{display:block;font-weight:700;margin-bottom:6px}
.cmpv .cmpv-k{width:150px;color:var(--sub);font-weight:700;background:var(--tint)}
.cmpv ul{margin:0;padding-left:1.1em}
.cmpv .t,.cmpv .na{color:var(--sub);font-size:12.5px}
.cmpv-rm{min-height:32px;padding:2px 12px;font-size:13px;border:1px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);cursor:pointer;font-family:inherit}
.cmp-cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
@media (max-width:1000px){
  .list-grid{grid-template-columns:1fr}
  .side{position:static}
}
@media (max-width:700px){
  .row{padding:16px}
  .row-body{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .logo-row{width:96px;height:64px;padding:8px}
  .row-name{font-size:17px}
  .row-price-v{font-size:20px}
  .row-act .btn-add{flex:1 1 100%;justify-content:center}
  .row-more{margin-left:0}
  .listbar-t{width:100%}
  .listbar .btn{flex:1}
}
.js .btn.js-only{display:inline-flex}
.js .side-box.js-only,.js .listbar.js-only{display:block}
.js .listbar.js-only[hidden]{display:none}
.sec .side-h,.side-h{font-size:15px;line-height:1.5;margin:0 0 10px;text-align:left}
.filter-side .filter-f{display:flex;flex-direction:column;align-items:stretch;text-align:left}
.filter-side .filter-f label{text-align:left}
.filter-side select{width:100%}
.filter-side .filter-check{flex-direction:row;align-items:center;gap:8px}
.filter-side .filter-go{width:100%}
.filter.filter-side{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:12px;padding:16px;margin:0}
.sec .list-h{font-size:20px;margin:0}
.filter-body{display:flex;flex-direction:column;gap:12px}
.filter-body[hidden]{display:none}
.js .btn.filter-toggle{display:none}
@media (max-width:1000px){
  .js .btn.filter-toggle{display:inline-flex;width:100%;min-height:44px;font-size:14px}
  .side-h#filter-h{margin-bottom:8px}
  .js .side-box#side-lists{display:none}
}
@media (max-width:1000px){.side-read{display:none}}
/* 結論・条件別の早見 */
.conclude{margin-top:14px;max-width:960px;background:#fff;border:2px solid var(--navy);border-radius:12px;padding:16px 20px}
.conclude-h{display:inline-block;font-size:13px;margin:0 0 6px;color:#fff;background:var(--navy);border-radius:999px;padding:2px 12px}
.conclude p{margin:0;font-size:15px;line-height:1.9}
.quick-list{margin:16px 0 0;display:grid;gap:0;border-top:1px solid var(--line);background:#fff;border-radius:12px;border:1px solid var(--line)}
.quick-list div{display:grid;grid-template-columns:15em minmax(0,1fr);gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.quick-list div:last-child{border-bottom:0}
.quick-list dt{font-weight:700;color:var(--navy);font-size:14.5px}
.quick-list dd{margin:0;font-size:14.5px;line-height:1.8}
.kv-trend{width:100%}
.kv-trend tbody th{width:34%;font-weight:700;color:var(--navy)}
@media (max-width:700px){.quick-list div{grid-template-columns:1fr;gap:4px}.kv-trend tbody th{width:auto}}
/* 各社ページ：要約・特徴・向いている会社・会社情報 */
.v-summary{font-size:16px;line-height:1.95;margin:0 0 28px;padding:16px 18px;background:var(--tint);border-radius:12px}
.v-h2{font-size:20px;margin:36px 0 12px}
.sec .v-main .v-h2{font-size:20px}
.vfeat{list-style:none;counter-reset:vf;margin:0;padding:0;display:grid;gap:12px}
.vfeat li{counter-increment:vf;position:relative;padding:14px 16px 14px 52px;border:1px solid var(--line);border-radius:12px;background:#fff}
.vfeat li::before{content:counter(vf);position:absolute;left:16px;top:14px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.vf-t{margin:0;font-weight:700;color:var(--navy);line-height:1.6}
.vf-q{margin:6px 0 0;font-size:13px;color:var(--sub);line-height:1.7}
.vf-q a{margin-left:6px}
.fitcau{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.fitcau .v-h2{margin-top:16px}
.fitcau>div{border:1px solid var(--line);border-radius:12px;padding:0 18px 14px;background:#fff}
.kv-co{width:100%}
.kv-co th{width:8em;color:var(--sub);font-weight:700}
@media (max-width:700px){.fitcau{grid-template-columns:1fr}}
/* 比較記事 */
.a-meta{margin:0 0 14px;font-size:13px;color:var(--sub)}
.a-disclose{margin:12px 0 0;max-width:960px;font-size:13px;color:var(--sub);line-height:1.8}
.conclude-ed{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;align-items:center}
.conclude-img{width:88px;height:auto}
.a-body section{margin-top:56px}
.a-body section:first-of-type{margin-top:36px}
.a-body h2{font-size:clamp(22px,2.3vw,28px);margin:0 0 14px}
.a-body h3{font-size:18px;margin:26px 0 8px}
.a-body h4{font-size:15px;margin:18px 0 6px;color:var(--navy)}
.a-toc{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:var(--tint)}
.a-toc .h-row{margin-bottom:6px}
.a-toc .h-ico{width:56px}
.sec .a-toc-h{font-size:17px;margin:0}
.a-toc ol{margin:0;padding-left:1.4em;columns:2;column-gap:28px;font-size:14.5px;line-height:2}
.a-wide{display:block;width:100%;max-width:640px;height:auto;margin:6px auto 14px}
.ed{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;margin:14px 0 18px}
.ed-img{width:72px;height:auto}
.ed-say{position:relative;margin:0;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:14.5px;line-height:1.8}
.ed-say::before{content:"";position:absolute;left:-8px;top:50%;width:14px;height:14px;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.a-v{margin-top:28px;padding:22px 22px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.a-v-head{display:flex;align-items:center;gap:16px}
.a-v-head h3{margin:0;font-size:20px}
.a-v-n{margin:0;font-size:12px;font-weight:700;color:var(--sub)}
.a-v-co{margin:2px 0 0;font-size:13px;color:var(--sub)}
.a-feat li{margin-bottom:6px}
.a-q{display:block;font-size:12.5px;color:var(--sub);line-height:1.7}
.a-q a{margin-left:6px}
.a-v-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.cmp-sum{min-width:0;width:100%}
.read-card{display:flex;align-items:center;gap:20px;padding:20px 22px;border:2px solid var(--navy);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 5px 0 var(--mint)}
.read-card-img{width:96px;height:auto;flex:none}
.read-card-txt{display:flex;flex-direction:column;gap:4px}
.read-card-k{align-self:flex-start;font-size:12px;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:1px 10px}
.read-card-t{font-size:17px;font-weight:700;color:var(--navy);line-height:1.5}
@media (max-width:700px){
  .a-toc ol{columns:1}
  .conclude-ed{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .conclude-img{width:56px}
  .ed{grid-template-columns:52px minmax(0,1fr)}
  .ed-img{width:52px}
  .a-v{padding:16px}
  .a-v-head{flex-direction:column;align-items:flex-start;gap:8px}
  .read-card{flex-direction:column;align-items:flex-start}
}
.ev td{overflow-wrap:anywhere;word-break:break-word}.table-wrap{max-width:100%;overflow-x:auto}
/* 運営会社のサービス（PR） */
.a-own{border:2px solid var(--navy);background:var(--tint)}
.own-pr{display:inline-block;margin:0 0 10px;font-size:12.5px;font-weight:700;color:#fff;background:var(--navy);border-radius:6px;padding:2px 10px}
.cmp-sum tr.is-pr>*{background:var(--tint)}
.quick-more{display:inline-block;margin-left:10px;font-size:13px;font-weight:700}
/* 記事の本文は表が多いので、一覧より広く取る */
.a-body .sec-in.sec-narrow{max-width:980px}
.a-body .cmp td:nth-child(2),.a-body .cmp td:nth-child(3){white-space:nowrap}
.a-body .cmp{min-width:760px}

/* トップ：検索フォーム・3つの目安・飾り・比較ガイド・締めの風景（11/5 半田指示） */
.quick{box-shadow:0 4px 0 rgba(6,7,62,.18);border-radius:12px;padding:16px 16px 14px;grid-template-columns:1fr 1fr auto}
.quick-h{grid-column:1/-1;margin:0 0 2px;font-size:15px;font-weight:700;color:var(--navy)}
.quick .btn span{margin-left:4px}
.facts{background:var(--tint);padding:8px 0 40px}
.facts-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.facts-in{background:transparent}
.facts-h{font-size:clamp(19px,2vw,23px);margin:0 0 14px;color:var(--navy)}
.facts-list{list-style:none;margin:0;padding:20px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:14px}
.facts-list li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 16px}
.facts-list li+li{border-left:1px solid var(--line)}
.facts-list img{width:116px;height:auto;margin-bottom:8px}
.facts-k{margin:0;font-size:14px;font-weight:700;color:var(--sub)}
.facts-v{margin:2px 0;color:var(--navy);font-weight:700;font-size:18px;line-height:1.2}
.facts-v b{font-size:44px;margin-right:2px;font-feature-settings:"tnum"}
.facts-d{margin:0;font-size:13px;color:var(--sub)}
.facts-note{margin:10px 0 0;font-size:12.5px;color:var(--sub)}
.h-deco{position:relative;padding-right:120px}
.deco-corner{position:absolute;right:0;top:-4px;width:96px;height:auto}
.guide-bn{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center;padding:24px 28px;border:2px solid var(--navy);border-radius:16px;background:#fff}
.guide-bn-img{width:200px;height:auto}
.guide-bn-txt h2{margin:0 0 8px}
.guide-bn-txt p{margin:0 0 16px;max-width:42em}
.end-scene{background:#fff;padding:24px 0 0;overflow:hidden}
.end-scene img{display:block;width:100%;max-width:1280px;height:auto;margin:0 auto}
@media (max-width:700px){
  .quick{grid-template-columns:1fr}
  .facts-list{grid-template-columns:1fr;padding:6px 14px}
  .facts-list li{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"img k" "img v" "img d";text-align:left;align-items:center;column-gap:14px;padding:12px 0}
  .facts-list li+li{border-left:0;border-top:1px solid var(--line)}
  .facts-list img{grid-area:img;width:84px;margin:0}
  .facts-k{grid-area:k}.facts-v{grid-area:v}.facts-d{grid-area:d}
  .facts-v b{font-size:36px}
  .h-deco{padding-right:72px}
  .deco-corner{width:60px}
  .guide-bn{grid-template-columns:1fr;gap:12px;padding:18px}
  .guide-bn-img{width:140px}
}
.facts-list img{height:96px;width:auto;max-width:130px;object-fit:contain}@media (max-width:700px){.facts-list img{height:72px;width:84px}}
.btn-pair{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.nw{display:inline-block}
/* 掲載ページ：ウェビナーへの導線 */
.ws-why .ws-h{font-size:clamp(24px,3.4vw,32px);line-height:1.45;margin:0 0 20px}
.ws-why p{margin:0 0 14px;line-height:1.9}
.ws-why .ws-strong{font-weight:700;color:var(--navy);font-size:18px;margin-top:22px}
.ws-ex{list-style:none;counter-reset:x;display:grid;gap:12px;margin:16px 0 8px;padding:0}
.ws-ex li{counter-increment:x;position:relative;padding:18px 20px 18px 64px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.ws-ex li::before{content:counter(x);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--white);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.ws-ex b{display:block;color:var(--navy);font-size:17px;line-height:1.5}
.ws-ex span{display:block;color:var(--sub);font-size:14px;margin-top:4px}
.ws-art{display:block;width:min(420px,100%);height:auto;margin:8px auto 24px}
.ws-art-top{margin-top:0}
.kv-tight th{width:6em;white-space:nowrap}
@media (max-width:600px){.kv-tight th{width:4.5em;padding-left:8px;padding-right:8px}}
.btn-t{display:block;text-align:center}
h2[tabindex="-1"]:focus:not(:focus-visible){outline:none}
.ws-top{display:grid;gap:24px;align-items:center}
.ws-art-side{display:block;width:100%;max-width:460px;height:auto;margin:0 auto}
.ws-main{max-width:760px;margin:48px auto 0;text-align:center}
.ws-main .ws-strong{font-size:clamp(20px,2.6vw,26px);line-height:1.5;margin:0 0 20px}
.ws-art-main{display:block;width:100%;height:auto;margin:0 auto 24px}
.ws-main p{text-align:left}
.ws-main p.ws-strong,.ws-main p.more{text-align:center}
@media (min-width:900px){
  .ws-top{grid-template-columns:1fr 460px;gap:40px}
  .ws-main p{text-align:center}
}
.ws-bn{display:grid;gap:20px;align-items:center;background:var(--tint);border-radius:calc(var(--r) * 2);padding:28px 20px}
.ws-bn-art{display:block;width:100%;max-width:440px;height:auto;margin:0 auto}
.ws-bn-txt h2{font-size:clamp(22px,2.8vw,28px);line-height:1.45;margin:0 0 12px}
.ws-bn-txt p{margin:0 0 18px;line-height:1.8}
@media (min-width:900px){.ws-bn{grid-template-columns:440px 1fr;gap:40px;padding:40px 48px}}
/* 営業代行：分野の切り替え */
.s-toc ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.s-toc a,.s-toc span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:700;text-decoration:none;color:var(--navy)}
.s-toc a:hover{background:var(--tint)}
.s-toc span[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
@media (max-width:420px){.hd-nav ul{justify-content:space-between}.hd-nav a{font-size:13px;padding:10px 6px}}
/* トップ：比べたいサービスを選ぶ */
.quick.quick-pick{display:block}
.pick{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pick-a{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:var(--navy)}
.pick-a:hover{background:var(--tint)}
.pick-n{font-weight:700;font-size:15px}
.pick-c{font-size:13px;color:var(--sub);white-space:nowrap}
@media (max-width:420px){.pick{grid-template-columns:1fr}}
/* カテゴリ：これから公開は横いっぱい */
.cat-wrap .cat-next{grid-column:1/-1}
.cat-wrap .cat-mini{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media (max-width:700px){.hero-in .hero-txt{order:1}.hero-in .hero-art{order:2;max-width:78%;margin:0 auto}.pick-a{padding:10px 12px}}
/* 比較記事：白いカードの本文＋右の追従サイドバー（2026-11-05） */
.a-body{background:var(--tint)}
.a-grid{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.a-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:44px 48px}
.a-card p,.a-card li,.a-card dd{font-size:17px;line-height:1.95}
.a-card h2{font-size:24px;line-height:1.5;padding-bottom:12px;border-bottom:2px solid var(--navy);margin:72px 0 22px}
.a-card .h-row h2{border-bottom:0;padding-bottom:0;margin:0}
.a-card .h-row{margin:72px 0 22px;padding-bottom:12px;border-bottom:2px solid var(--navy)}
.a-card > nav.a-toc + section h2,.a-card > section:first-child h2{margin-top:0}
.a-card h3{font-size:19px;margin:36px 0 10px}
.a-cat{display:inline-block;margin:6px 0 10px;padding:3px 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.a-side{position:sticky;top:16px;display:grid;gap:14px;max-height:calc(100vh - 32px);overflow:auto}
.a-side-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.a-side-h{margin:0 0 8px;font-weight:700;color:var(--navy);font-size:15px}
.a-side-toc ol{margin:0;padding-left:1.3em;font-size:14px;line-height:1.75}
.a-side ul{list-style:none;margin:0;padding:0;font-size:14px;line-height:2}
.a-side-cta p{font-size:14px;line-height:1.7;margin:0 0 10px;color:var(--sub)}
.a-side-cta .btn{width:100%;justify-content:center}
.a-cta{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;margin:48px 0;padding:22px 24px;border:2px solid var(--navy);border-radius:16px;background:#fff;box-shadow:0 6px 0 var(--mint)}
.a-cta img{width:100%;height:auto}
.a-cta-h{font-size:19px;font-weight:700;color:var(--navy);margin:0 0 6px}
.a-cta p{font-size:15px;line-height:1.8;margin:0 0 12px}
.sum-co{display:flex;align-items:center;gap:10px}
.sum-co .logo-sm{flex:none}
@media (min-width:1001px){.a-card > nav.a-toc{display:none}}
@media (max-width:1000px){.a-grid{grid-template-columns:minmax(0,1fr)}.a-side{position:static;max-height:none}.a-side-toc{display:none}.a-card{padding:26px 18px}.a-card p,.a-card li,.a-card dd{font-size:16px}.a-cta{grid-template-columns:90px minmax(0,1fr);padding:16px}}
.a-card > section:first-of-type > h2,.a-card > section:first-of-type > .h-row{margin-top:0}
.a-card table{font-size:14px}
.a-card .cmp-sum th[scope=row]{width:44%}
.a-card .sum-co .logo-sm{width:56px;height:30px}
.a-card .sum-co .logo-sm img{max-width:100%;max-height:100%;width:auto;height:auto}
.a-card .table-wrap{margin:18px 0 8px}
.a-card .cmp,.a-card .cmp-sum,.a-card .ncmp{min-width:0!important;width:100%}.a-card .cmp td,.a-card .cmp th{word-break:break-word}

@media (max-width:700px){.hd-nav .nv-x{display:none}.hd-nav ul{justify-content:space-between}}
.vprice-v.vprice-long{font-size:clamp(24px,2.4vw,30px)}
.hd-nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--navy)}