/* 査定お任せくんのコラム（業者向け・2026-10-14 作り直し）
   世界観はLP（/app/urite/）と同じ：白と淡い橙の面・墨の太い見出し・橙の強調・丸いボタン・キャラ（依頼者＝水色のポロ／お任せくん＝紺のベストのメガネの子）
   置き方：中身は最大1120pxで真ん中。記事は本文の列だけを真ん中に（目次と先行登録は、パソコンは左に固定のサイドバー・2026-10-15）
   字は Google Fonts を使わず、OS の字（ヒラギノ角ゴ・游ゴシック・メイリオ）
   文字の大きさは5段だけ：題・見出し・小見出し・本文・補足（本文はスマホ18px・パソコン19px）。ほかの値は書かない
   片側だけの色線は使わない（囲むなら全周の細い線か色の面だけ） */
:root{--o:#e4690e;--o2:#f59a4a;--opale:#fdf1e7;--ink:#16161a;--ink2:#34343a;--pale:#fdf6f1;--blue:#eef3f9;--yel:#f8f1d6;--mid:#6b6b73;--line:#ebe5de;
  --wide:1120px;--fs-title:26px;--fs-head:22px;--fs-sub:19px;--fs-body:18px;--fs-small:15px}
@media(min-width:768px){:root{--fs-title:32px;--fs-head:26px;--fs-sub:21px;--fs-body:19px;--fs-small:16px}}
@media(min-width:1080px){:root{--fs-title:38px;--fs-head:28px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:#fff;color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic",YuGothic,Meiryo,system-ui,-apple-system,sans-serif;font-size:var(--fs-body);line-height:1.9;font-weight:400;overflow-wrap:anywhere;word-break:auto-phrase;line-break:strict;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,figure{margin:0}
a{color:inherit;text-underline-offset:3px}
.nw{display:inline-block}
p,li,td,figcaption,summary{text-wrap:pretty}
.in{max-width:var(--wide);margin:0 auto;padding:0 16px}
@media(min-width:768px){.in{padding:0 24px}}

/* 頭（LPと同じロゴ・右に先行登録） */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .in{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;text-decoration:none;white-space:nowrap;min-height:44px;font-size:var(--fs-body);letter-spacing:.01em}
.brand img{width:30px;height:30px;border-radius:8px}
.brand small{font-size:var(--fs-small);font-weight:700;color:var(--mid)}
.top nav{display:flex;align-items:center;gap:18px}
.top .tl{font-size:var(--fs-small);font-weight:700;text-decoration:none;color:var(--mid);min-height:44px;display:inline-flex;align-items:center}
.top .tl:hover{color:var(--ink)}
.top .tb{display:none}
@media(min-width:768px){.top .tb{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--o);color:#fff;font-size:var(--fs-small);font-weight:800;text-decoration:none}.top .tb:hover{background:#cf5d08}}

/* 業者向けの帯 */
.band{background:var(--ink);color:#fff}
.band p{max-width:var(--wide);margin:0 auto;padding:9px 16px;font-size:var(--fs-small);font-weight:700;line-height:1.6;text-align:center}
.band b{display:inline-block;background:var(--o);color:#fff;border-radius:6px;padding:0 8px;margin-right:8px}

/* パンくず */
.crumb{font-size:var(--fs-small);color:var(--mid);line-height:1.6;padding-top:14px}
.crumb ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:2px 0}
.crumb li{display:inline;min-width:0}
.crumb li+li::before{content:"›";margin:0 8px;color:#b5b5bd}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.crumb li[aria-current]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* 最初の画面 */
.fv{background:var(--pale);overflow:hidden}
.fv-g{display:grid;gap:20px;padding:18px 0 28px}
@media(min-width:900px){.fv-g{grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:center;padding:28px 0 48px}}
.who{display:inline-block;font-size:var(--fs-small);font-weight:800;color:#fff;background:var(--o);border-radius:999px;padding:2px 14px;margin-bottom:12px}
h1{font-size:var(--fs-title);font-weight:900;line-height:1.42;letter-spacing:-.01em}
.fv-l{margin-top:14px;font-weight:700;line-height:1.85}
.fv-sub{margin-top:10px;font-size:var(--fs-small);color:var(--ink2);line-height:1.8}
.fv-p{margin-top:18px;background:#fff;border-radius:18px;padding:14px 18px 16px}
.fv-ph{font-size:var(--fs-small);font-weight:800;color:var(--o)}
.fv-p ul{list-style:none;padding:0;display:grid;gap:4px;margin-top:4px}
.fv-p li{position:relative;padding-left:30px;font-weight:700;line-height:1.7}
.fv-p li::before,.au-l li::before,.box ul.chk li::before{content:"";position:absolute;left:0;top:.3em;width:22px;height:22px;border-radius:50%;background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.meta{margin-top:14px;font-size:var(--fs-small);color:var(--mid);line-height:1.7}
.meta .sep{margin:0 6px;color:#c9c4bd}
.meta a{color:var(--ink2);font-weight:700}
/* 2人の吹き出し */
.fv-v{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:end;max-width:420px;width:100%;margin:0 auto}
.fv-say{position:relative;border-radius:18px;padding:10px 10px;font-size:var(--fs-small);font-weight:800;line-height:1.6;text-align:center;margin-bottom:14px}
.fv-say::after{content:"";position:absolute;bottom:-8px;left:50%;width:16px;height:16px;margin-left:-8px;transform:rotate(45deg);background:inherit;border-radius:0 0 4px 0}
.fv-q{background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(22,22,26,.08);margin-bottom:46px}
.fv-a{background:var(--o);color:#fff;box-shadow:0 6px 18px rgba(228,105,14,.25)}
.fv-cs{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.fv-c{height:130px;width:auto;margin:0 auto}
@media(min-width:900px){.fv-c{height:230px}.fv-say{padding:12px 16px}}
.fv-v1{display:block;max-width:440px}
.fv-duo{width:100%;max-width:440px;margin:0 auto}
@media(max-width:899px){.fv-v1 .fv-duo{max-width:300px}}

/* 記事の置き方：本文の列（目次はサイドバー） */
.lay{max-width:var(--wide);margin:0 auto;padding:0 16px}
.main{max-width:720px;margin:0 auto;min-width:0}
@media(min-width:768px){.lay{padding:0 24px}}
/* 目次と先行登録は、LPと同じ固定のサイドバー（/app/deck/side.css・side.js）。2026-10-14 TAMA：前の右の列は、画面の高さより長くなって案内のボタンが隠れていた */

/* 本文 */
.body{padding-top:28px}
@media(min-width:768px){.body{padding-top:36px}}
.body>p,.body>ul,.body>ol,.body>figure,.body>.tblw,.body>.box,.body>.cta,.body>.talk,.body>.toc-i{margin-top:20px}
.body>h2{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-head);font-weight:900;line-height:1.5;margin:64px 0 0}
.hn{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--o);color:#fff;font-size:var(--fs-sub);font-weight:900;line-height:1;letter-spacing:.02em;margin-top:-1px}
@media(min-width:768px){.hn{width:46px;height:46px;margin-top:-2px}}
.ht{min-width:0}
.body h3{font-size:var(--fs-sub);font-weight:800;line-height:1.6;margin:36px 0 0}
.body>h2+p,.body>h3+p{margin-top:14px}
.body ul,.body ol{padding-left:1.3em}
.body li{margin-top:6px}
.body li::marker{color:var(--o)}
.body strong{font-weight:800;background:linear-gradient(transparent 62%,#ffe08a 62%)}
.body a{color:var(--o);font-weight:700}
.body a.btn{color:#fff}

/* 結論の箱（お任せくんが先に言う） */
.box{border-radius:20px;padding:20px 18px}
.box .bh{font-size:var(--fs-sub);font-weight:900;line-height:1.5;margin:0 0 8px;padding:0}
.box.kekka{background:var(--pale);margin-top:0}
.kk-h{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.kk-c{width:auto;height:84px}
.kk-tag{display:inline-block;font-size:var(--fs-small);font-weight:800;color:var(--o);background:#fff;border-radius:999px;padding:0 12px;line-height:1.8}
.kk-t{font-size:var(--fs-head);font-weight:900;line-height:1.4;margin-top:4px}
.box ul.chk{list-style:none;padding:0}
.box ul.chk li{position:relative;padding-left:34px;margin-top:12px;line-height:1.8;font-weight:700}
.box.chui{background:#fff;border:2px solid var(--line)}
.box.chui .bh::before{content:"!";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:var(--fs-small);font-weight:900;margin-right:10px;vertical-align:2px;line-height:1}
.box.chui p+p{margin-top:12px}
@media(min-width:768px){.box{padding:26px 30px}.kk-c{height:100px}}

/* 目次（スマホ・タブレットは本文の上／パソコンは左のサイドバー） */
.toc-i details{border:1px solid var(--line);border-radius:18px;background:#fff}
.toc-i summary{list-style:none;cursor:pointer;min-height:56px;padding:12px 48px 12px 20px;font-weight:900;display:flex;align-items:center;position:relative}
.toc-i summary::-webkit-details-marker{display:none}
.toc-i summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2.5px solid var(--mid);border-bottom:2.5px solid var(--mid);transform:rotate(45deg)}
.toc-i details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.toc-i ol{list-style:none;padding:0 12px 12px;margin:0}
.toc-i li{margin:0}
.toc-i a{display:flex;gap:10px;align-items:baseline;padding:8px 8px;border-radius:10px;text-decoration:none;font-weight:700;line-height:1.6;color:var(--ink)}
.toc-i a:hover{background:var(--pale)}
.tn{flex:none;font-size:var(--fs-small);font-weight:900;color:var(--o);min-width:1.6em}
@media(min-width:1100px){.toc-i{display:none}}

/* キャラの吹き出し */
.talk{display:grid;gap:12px;margin:24px 0}
.say{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:end}
.say-o{grid-template-columns:minmax(0,1fr) auto}
.say-o .say-c{order:2}
.say-c{height:84px;width:auto}
@media(min-width:400px){.say-c{height:104px}}
@media(min-width:768px){.say-c{height:120px}}
.say-b{position:relative;border-radius:18px;padding:12px 16px;margin-bottom:22px}
.say-i .say-b{background:var(--blue)}
.say-o .say-b{background:var(--opale)}
.say-b::before{content:"";position:absolute;bottom:14px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-radius:3px}
.say-i .say-b::before{left:-6px}
.say-o .say-b::before{right:-6px}
.say-n{display:block;font-size:var(--fs-small);font-weight:800;color:var(--mid);line-height:1.5}
.say-t{font-weight:800;line-height:1.65}
@media(min-width:768px){.say-i{margin-right:12%}.say-o{margin-left:12%}}

/* 店頭で迷った時の流れの図 */
.flow{background:var(--pale);border-radius:22px;padding:20px 12px 16px;text-align:center}
@media(min-width:480px){.flow{padding:24px 20px 18px}}
.flow p{margin:0}
.flow b{font-weight:900}
.flow small{display:block;font-size:var(--fs-small);color:var(--mid);font-weight:700;line-height:1.6}
.fl-row{display:flex;justify-content:center}
.fl-box{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:12px 14px;line-height:1.55;max-width:100%}
.fl-box p{text-align:left}
.fl-no{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:var(--fs-small);font-weight:900;margin-right:8px;vertical-align:1px;line-height:1}
.fl-c{height:76px;width:auto;flex:none}
.fl-ar{width:0;height:0;margin:10px auto;border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid #d9cfc4}
.fl-q{display:inline-block;background:var(--ink);color:#fff;border-radius:999px;padding:10px 24px;font-weight:900;line-height:1.5;max-width:100%}
.fl-split{display:grid;gap:12px;margin-top:14px;text-align:left}
@media(min-width:560px){.fl-split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}}
.fl-yes,.fl-noo{background:#fff;border-radius:16px;padding:14px 16px;line-height:1.55}
.fl-noo{border:2px solid var(--o)}
.fl-yes{border:2px solid #fff}
.fl-tag{display:inline-block;font-size:var(--fs-small);font-weight:900;border-radius:999px;padding:0 12px;line-height:1.8;margin-bottom:6px;background:#ece8e3;color:var(--ink2)}
.fl-noo .fl-tag{background:var(--o);color:#fff}
.fl-opts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.fl-opts li{margin:0;background:var(--pale);border-radius:12px;padding:8px 12px;font-weight:800;line-height:1.5;font-size:var(--fs-small)}
.fl-opts li.hl{background:var(--o);color:#fff}
.fl-end{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px;text-align:left;line-height:1.6}
.fl-end p{flex:1;min-width:0}
.fl-end b{display:block}
.fl-end .fl-c{order:2}
.flow figcaption{margin-top:12px}

/* 表：パソコンは表、スマホは1行ずつのカード */
.tblw{width:100%}
table.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-body);line-height:1.75;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.tbl th+th,.tbl th+td,.tbl td+td{border-left:1px solid var(--line)}
.tbl tbody tr:last-child>*{border-bottom:0}
.tbl thead th{background:var(--ink);color:#fff;font-weight:800;font-size:var(--fs-small)}
.tbl tbody th{font-weight:800;background:var(--pale)}
@media(min-width:768px){.tbl tbody th{white-space:nowrap}}
@media(max-width:767px){
  table.tbl{border:0;border-radius:0;overflow:visible}
  table.tbl,.tbl tbody,.tbl tr,.tbl td,.tbl tbody th{display:block;width:100%}
  .tbl thead{display:none}
  .tbl tr{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:12px;background:#fff}
  .tbl tbody th{border:0;padding:12px 16px;font-size:var(--fs-sub);white-space:normal}
  .tbl td{border:0;padding:8px 16px 0}
  .tbl td:last-child{padding-bottom:14px}
  .tbl th+td,.tbl td+td{border-left:0}
  .tbl td[data-l]::before{content:attr(data-l);display:block;font-size:var(--fs-small);font-weight:800;color:var(--o);line-height:1.6}
}

/* 手順 */
ol.steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:10px}
ol.steps li{counter-increment:s;position:relative;margin:0;background:var(--pale);border-radius:16px;padding:14px 16px 14px 62px;line-height:1.75}
ol.steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--o);color:#fff;font-weight:900;display:grid;place-items:center;line-height:1;font-size:var(--fs-small)}
ol.steps li b{display:block;font-weight:900}

/* 図・写真 */
figure{text-align:center}
figure img,figure svg{margin:0 auto}
figcaption{font-size:var(--fs-small);color:var(--mid);margin-top:10px;line-height:1.7}
.zu{background:var(--pale);border-radius:22px;padding:18px 12px}
.zu svg{width:100%;max-width:600px}

/* 画面の見本（スマホの枠＋届く物） */
.phone-fig{display:grid;gap:20px;justify-items:center;background:var(--pale);border-radius:22px;padding:24px 16px 18px}
@media(min-width:640px){.phone-fig{grid-template-columns:240px minmax(0,1fr);align-items:center;justify-items:stretch;padding:28px 28px 20px;gap:28px}}
.phone{width:220px;border:9px solid var(--ink);border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(22,22,26,.18)}
@media(min-width:640px){.phone{width:240px}}
.phone img{width:100%;border-radius:0}
.phone-side{text-align:left;width:100%}
.ps-h{font-size:var(--fs-sub);font-weight:900;line-height:1.5}
.ps-list{list-style:none;padding:0;margin:12px 0 0;counter-reset:p;display:grid;gap:8px}
.ps-list li{counter-increment:p;position:relative;margin:0;background:#fff;border-radius:14px;padding:10px 14px 10px 52px;line-height:1.55}
.ps-list li::before{content:counter(p);position:absolute;left:12px;top:50%;margin-top:-14px;width:28px;height:28px;border-radius:50%;background:var(--o);color:#fff;font-size:var(--fs-small);font-weight:900;display:grid;place-items:center;line-height:1}
.ps-list b{display:block;font-weight:900}
.ps-list span{font-size:var(--fs-small);color:var(--ink2)}
.phone-side .say{margin-top:14px}
.phone-side .say-c{height:96px}
.phone-side .say-o{margin-left:0}
.phone-fig figcaption{grid-column:1 / -1;margin-top:0;text-align:center}

/* 途中の案内（先行登録） */
.cta{background:var(--opale);border-radius:24px;padding:22px 18px}
.cta-top{display:flex;gap:12px;align-items:flex-end;justify-content:space-between}
.cta-top .wl-tag{align-self:center}
.cta-c{height:96px;width:auto;flex:none;margin-top:-8px}
.cta .bh{font-size:var(--fs-head);font-weight:900;line-height:1.45;margin-top:10px}
.cta>p{font-size:var(--fs-small);line-height:1.8;margin-top:12px;color:var(--ink2)}
.wl-tag{display:inline-block;margin:0;font-size:var(--fs-small);font-weight:800;color:#fff;background:var(--ink);border-radius:16px;padding:3px 14px;line-height:1.6}
.wl-tag::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--o);margin-right:7px;vertical-align:2px}
.cta .wl-note{margin-top:12px;padding:12px 14px;background:#fff;border-radius:14px;font-weight:700;color:var(--ink)}
.cta .btn{margin-top:16px}
@media(min-width:768px){.cta{padding:28px 32px}.cta-c{height:120px}}
.btn{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:64px;border-radius:999px;padding:10px 22px;background:var(--o);color:#fff;text-decoration:none;font-weight:900;font-size:var(--fs-body);line-height:1.4;box-shadow:0 8px 20px rgba(228,105,14,.3);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(228,105,14,.36)}
.btn small{display:block;font-size:var(--fs-small);font-weight:700;opacity:.95}
.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* よくある質問 */
.faq{margin-top:72px}
.faq>h2{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-head);font-weight:900;line-height:1.5}
.faq .qs{margin-top:16px;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:16px;background:#fff}
.faq summary{list-style:none;cursor:pointer;min-height:60px;padding:14px 48px 14px 16px;font-weight:800;line-height:1.6;position:relative;display:flex;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2.5px solid var(--mid);border-bottom:2.5px solid var(--mid);transform:rotate(45deg)}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-3px}
.q,.a{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:var(--fs-small);font-weight:900;line-height:1;color:#fff;background:var(--o)}
.a{background:var(--ink)}
.ans{display:flex;gap:12px;padding:0 16px 16px;align-items:flex-start}
.ans p{color:var(--ink2);line-height:1.85;min-width:0}

/* 書いた人・運営 */
.author{margin-top:40px;border:1px solid var(--line);border-radius:20px;padding:20px 18px;background:#fff}
.au-h{display:flex;gap:14px;align-items:center}
.au-h img{width:56px;height:56px;border-radius:14px;flex:none}
.au-k{font-size:var(--fs-small);font-weight:800;color:var(--o);line-height:1.5}
.author h2{font-size:var(--fs-sub);font-weight:900;line-height:1.4}
.au-c{font-size:var(--fs-small);color:var(--mid);line-height:1.5}
.au-l{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.au-l li{position:relative;padding-left:32px;font-size:var(--fs-small);line-height:1.75;margin:0}
.au-l li::before{width:20px;height:20px;top:.2em;background-size:13px}
@media(min-width:768px){.author{padding:24px 28px}}

/* 最後の案内（幅いっぱい） */
.endcta{background:var(--pale) radial-gradient(circle at 50% 0,#fde3cc 0,rgba(253,227,204,0) 60%);margin-top:72px;padding:44px 0 48px;text-align:center}
.endcta .in{max-width:760px}
.ec-c{width:240px;margin:0 auto 14px}
.ec-t{font-size:var(--fs-title);font-weight:900;line-height:1.4;margin-top:14px}
.ec-l{margin-top:12px;font-weight:700;line-height:1.8}
.ec-facts{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.ec-facts li{background:#fff;border-radius:999px;padding:6px 16px;font-size:var(--fs-small);font-weight:800;line-height:1.5}
.btn-l{max-width:460px;margin:22px auto 0;min-height:72px}
.ec-note{margin:14px auto 0;font-size:var(--fs-small);color:var(--ink2);line-height:1.8;max-width:560px}
@media(min-width:768px){.endcta{padding:64px 0 68px}.ec-c{width:300px}}

/* 関連記事・一覧のカード */
.rel{padding:48px 0 56px}
.rel h2,.idx-h{font-size:var(--fs-head);font-weight:900;line-height:1.5;text-align:center}
.cards{list-style:none;padding:0;margin:20px auto 0;display:grid;gap:16px}
@media(min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 3列は1枚の幅が足りる時だけ（左のサイドバーが出る1100〜1279は2列） */
@media(min-width:960px) and (max-width:1099px),(min-width:1280px){.idx .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rel .cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:20px}
.cards li{margin:0;display:flex}
.cards a{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none;background:#fff;transition:transform .15s,box-shadow .15s}
.cards a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,22,26,.1)}
.th{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:168px;padding:18px 14px 0 20px;overflow:hidden}
.th .th-w{padding-bottom:18px}
.th-o{background:var(--opale)}.th-n{background:var(--blue)}.th-y{background:var(--yel)}
.th-w{align-self:center;min-width:0;padding-bottom:18px}
.th-l{display:block;font-size:var(--fs-head);font-weight:900;line-height:1.35}
.th-s{display:block;font-size:var(--fs-small);font-weight:800;color:var(--ink2);margin-top:6px;line-height:1.5}
.th-i{flex:none;align-self:center;display:grid;place-items:center;width:88px;height:88px;margin:0 2px 18px 0;border-radius:24px;background:#fff;box-shadow:0 8px 20px rgba(22,22,26,.08)}
.th-i svg{width:64px;height:64px}
.cb{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;flex:1}
.cm{align-self:flex-start;font-size:var(--fs-small);font-weight:800;color:var(--o);background:var(--opale);border-radius:999px;padding:0 12px;line-height:1.8}
.ct{font-weight:900;line-height:1.6}
.cd{font-size:var(--fs-small);color:var(--mid);line-height:1.7}
.cgo{margin-top:auto;padding-top:6px;font-size:var(--fs-small);font-weight:900;color:var(--o)}
.cgo::after{content:" →"}
.rel-all{text-align:center;margin-top:20px;font-size:var(--fs-small);font-weight:800}
.rel-all a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink2)}

/* 一覧のページ */
.idx{padding:40px 0 0}
@media(min-width:768px){.idx{padding-top:56px}}
.idx .author{max-width:760px;margin:48px auto 0}


/* 足 */
.foot{border-top:1px solid var(--line);background:var(--pale)}
.foot .in{padding:28px 16px 32px;font-size:var(--fs-small);line-height:1.8;color:var(--mid);text-align:center}
.foot .brand{justify-content:center;color:var(--ink)}
.foot a{font-weight:700;color:var(--ink)}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 22px;margin:8px 0 10px}
.foot nav a{min-height:44px;display:inline-flex;align-items:center}
.foot p+p{margin-top:4px}

/* アプリの画面で見る流れ（写真を送る → 専門業者から値段 → 選んで送る・本物の画面を見本のデータで撮った物） */
.aflow{background:var(--pale);border-radius:24px;padding:22px 14px 18px;text-align:center}
@media(min-width:480px){.aflow{padding:26px 20px 20px}}
.af-t{font-size:var(--fs-sub);font-weight:900;line-height:1.5}
.aflow ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.aflow li{margin:0;display:grid;grid-template-columns:clamp(92px,30vw,120px) minmax(0,1fr);grid-template-areas:"p h" "p s";align-content:center;gap:6px 14px;background:#fff;border-radius:18px;padding:14px;text-align:left}
.af-h{grid-area:h;align-self:end;font-weight:900;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.af-n{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--o);color:#fff;font-size:var(--fs-small);font-weight:900;line-height:1}
.af-s{grid-area:s;align-self:start;font-size:var(--fs-small);color:var(--ink2);line-height:1.7}
.af-p{grid-area:p;width:100%;border:5px solid var(--ink);border-radius:20px;overflow:hidden;aspect-ratio:720/1240;background:#fff}
.af-p img{width:100%;height:100%;object-fit:cover;object-position:top}
@media(min-width:700px){.aflow ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.aflow li{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "p" "s";justify-items:center;align-content:start;text-align:center;padding:16px 12px}.af-h{justify-content:center}.af-p{max-width:190px;border-width:6px;border-radius:24px}}
.aflow figcaption{margin-top:12px}

/* サービスのトップ（/・2026-10-14）：入口2つ（左＝依頼者・右＝専門業者。スマホは上下）→ 画面で見る流れ → コラム */
body.k-top{padding-bottom:0}
.tp{padding:40px 0 64px}
.tp-h{font-size:var(--fs-head);font-weight:900;line-height:1.5;text-align:center;scroll-margin-top:84px}
.doors{display:grid;gap:20px;margin-top:20px}
@media(min-width:900px){.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}}
.door{display:flex;flex-direction:column;align-items:stretch;gap:14px;border-radius:28px;padding:24px 18px 20px;text-align:center}
@media(min-width:768px){.door{padding:30px 30px 24px}}
.door-sell{background:var(--blue)}
.door-buy{background:var(--opale)}
.door-tag{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center;align-items:center;font-size:var(--fs-small);font-weight:800;color:var(--ink2);line-height:1.6}
.door-tag b{font-size:var(--fs-sub);font-weight:900;color:#fff;border-radius:999px;padding:2px 18px}
.door-sell .door-tag b{background:#2f5d8a}
.door-buy .door-tag b{background:var(--o)}
.door-h{font-size:var(--fs-title);font-weight:900;line-height:1.4}
@media(min-width:900px){.door-h{font-size:var(--fs-head)}}
.door-g{flex:1;display:grid;gap:16px;align-items:center;text-align:left}
@media(min-width:560px){.door-g{grid-template-columns:minmax(0,1fr) clamp(150px,30%,190px)}}
.door-p{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.door-p li{margin:0;position:relative;background:#fff;border-radius:14px;padding:10px 12px 10px 40px;font-weight:800;line-height:1.55}
.door-p li::before{content:"";position:absolute;left:12px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.door-sell .door-p li::before{background-color:#2f5d8a}
.door-ph{width:min(100%,220px);justify-self:center;border:6px solid var(--ink);border-radius:24px;overflow:hidden;aspect-ratio:720/1300;background:#fff;box-shadow:0 14px 30px rgba(22,22,26,.16)}
.door-ph img{width:100%;height:100%;object-fit:cover;object-position:top}
.door .wl-tag{align-self:center;margin-top:4px}
.door .btn{width:100%}
.door-more{align-self:center;display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-small);font-weight:800;color:var(--ink2)}
.door-more::after{content:" →";margin-left:4px}
.tp-flow{max-width:960px;margin:56px auto 0}
.tp-col{margin-top:64px}
@media(min-width:960px) and (max-width:1099px),(min-width:1280px){.tp .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 2026-10-15 TAMA：頭の「サービスの紹介」をボタンに・大事な所にマーカー・PRの動画・2つ目のボタン・流れの図をiPhone 14の形にそろえる */
.top .tl{min-height:40px;padding:0 14px;border:2px solid var(--o);border-radius:999px;color:var(--o);font-weight:800}
.top .tl:hover{background:var(--opale);color:var(--o)}
mark,strong.mk{color:inherit;font-weight:800;padding:0 .1em;background:linear-gradient(transparent 58%,#ffd36b 58%) no-repeat 0 0/100% 100%}
@keyframes mk{to{background-size:100% 100%}}
.btn2{display:flex;align-items:center;justify-content:center;min-height:56px;margin-top:12px;border-radius:999px;border:2px solid var(--o);background:#fff;color:var(--o);text-decoration:none;font-weight:900;font-size:var(--fs-body)}
.body a.btn2{color:var(--o)}
.btn2:hover{background:var(--opale)}
.btn2-l{max-width:460px;margin:12px auto 0}
.prv{margin:16px 0 0;background:#fff;border-radius:18px;padding:12px}
.prv-t{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-weight:900;line-height:1.5;margin-bottom:10px}
.prv-k{flex:none;display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:6px;background:var(--ink);color:#fff;font-size:var(--fs-small);line-height:1}
.prv video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#000}
.af-p{aspect-ratio:390/844}
@media(min-width:700px){.af-h{flex-direction:column;justify-content:flex-start;gap:6px;min-height:calc(30px + 6px + 3em);align-self:stretch}.af-p{width:100%;max-width:190px}}
.top .tl{white-space:nowrap;flex:none}
@media(max-width:430px){.top .tl{font-size:var(--fs-small);padding:0 10px;min-height:36px}.brand small{display:none}}
.af-h{flex-direction:column;align-items:flex-start;gap:6px}@media(min-width:700px){.af-h{align-items:center}}
/* 2026-10-15 書いた人＝上山（顔写真・資格・経歴） */
.au-ph{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff;box-shadow:0 4px 14px rgba(22,22,26,.12)}
.au-q{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.au-q li{margin:0;padding:4px 12px;border-radius:999px;background:var(--opale);color:var(--o);font-weight:800;font-size:var(--fs-small);line-height:1.6}
.au-p{margin-top:12px;line-height:1.9}
.au-h img.au-ph{width:96px;height:96px;border-radius:50%;padding:0;background:none;object-fit:cover}@media(min-width:768px){.au-h img.au-ph{width:112px;height:112px}}
/* 2026-10-15 TAMA：書いた人を記事の上にも */
.au-top{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 2px 10px rgba(22,22,26,.06)}
.au-top img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.au-tt{display:flex;flex-direction:column;line-height:1.5;min-width:0}
.au-tk{font-size:var(--fs-small);color:var(--o);font-weight:800}
.au-tt b{font-size:var(--fs-body);font-weight:900}
.au-ts{font-size:var(--fs-small);color:var(--ink2)}
.meta{margin-top:10px}
/* 2026-10-15 比べる表を図に（お任せくんの列を色で立てる） */
.vs-b{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fff;color:var(--o);font-size:var(--fs-small);font-weight:900;line-height:1.6;vertical-align:middle}
.tbl.vs thead th:nth-child(3){background:var(--o)}
.tbl.vs tbody td:nth-child(3){background:var(--opale);font-weight:800;color:var(--ink)}
@media(max-width:767px){
  .tbl.vs td:nth-child(3){margin:8px 10px 0;width:auto;padding:10px 12px;border-radius:12px}
  .tbl.vs td:nth-child(3):last-child{margin-bottom:12px;padding-bottom:10px}
  .tbl.vs td:nth-child(3)[data-l]::before{color:var(--o)}
}
.idx-c{font-size:var(--fs-sub);font-weight:900;line-height:1.5;margin-top:44px;padding-bottom:10px;border-bottom:2px solid var(--line)}.idx-c+.cards{margin-top:18px}
/* 2026-10-15 TAMA：動画のどこを押しても再生（prv.js が上に透明のボタンを置く） */
.prv-v{position:relative}
.prv-go{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:12px}
.prv-go:focus-visible{outline:3px solid var(--o);outline-offset:3px}
/* 2026-10-15 店で扱った品の写真 */
.phs{margin:24px 0 0}
.phs-g{display:grid;gap:10px}
.phs-2 .phs-g{grid-template-columns:1fr}
@media(min-width:600px){.phs-2 .phs-g{grid-template-columns:1fr 1fr}}
.phs img{display:block;width:100%;height:auto;border-radius:16px;background:#f4efe8;object-fit:cover;aspect-ratio:4/3}
.phs-1 img{aspect-ratio:auto}
.phs figcaption{margin-top:8px;font-size:var(--fs-small);color:var(--mid);line-height:1.7}
/* 2026-10-15 基準外と判断した品を並べた1枚 */
.kgf{margin:28px 0 0;background:var(--pale);border-radius:20px;padding:16px 14px 14px}
.kgf-t{font-weight:900;font-size:var(--fs-sub);line-height:1.5;margin-bottom:10px;text-align:center}
.kgf img{display:block;width:100%;height:auto;border-radius:12px}
.kgf figcaption{margin-top:10px;font-size:var(--fs-small);color:var(--ink2);line-height:1.7}
.kgf figcaption{text-align:left}
.phs-4 .phs-g{grid-template-columns:1fr 1fr}

/* 一覧を横幅いっぱいの写真のカードに（2026-10-21 TAMA：2列は狭い・アイコンはちゃちい） */
.thp{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--pale)}
.thp img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cards a:hover .thp img{transform:scale(1.04)}
.k-idx .in{max-width:1600px}.k-idx .band p{max-width:1600px}.k-idx .endcta .in{max-width:760px}.k-idx .foot .in{max-width:1600px}
.idx .cards-all{grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));gap:20px}
.cards-all li[hidden]{display:none}
.ic{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px auto 0}
.ic-b{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:var(--fs-small);font-weight:800;color:var(--ink2);cursor:pointer;word-break:keep-all}
.ic-b span{font-weight:700;color:var(--mid)}
.ic-b.on{background:var(--ink);border-color:var(--ink);color:#fff}.ic-b.on span{color:#fff}
@media(hover:hover){.ic-b:not(.on):hover{background:var(--pale)}}
.idx-kg{max-width:760px;margin:48px auto 0}
.fv-ph1{position:relative;display:block;max-width:none;margin:0}
.fv-ph1>img:first-child{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:24px}

@media(max-width:899px){.fv-ph1{max-width:520px;margin:0 auto;width:100%}}
/* スマホ：札は横に送る1行・カードは写真を左に置く横長（縦に長くなりすぎないように） */
@media(max-width:699px){
.ic{justify-content:flex-start;gap:6px}
.ic-b{min-height:40px;padding:0 12px}
.idx .cards-all{gap:12px}
.cards-all a{flex-direction:row;border-radius:16px}
.cards-all .thp{flex:none;width:112px;aspect-ratio:auto;align-self:stretch}
.cards-all .cb{padding:12px 14px;gap:4px}
.cards-all .cd,.cards-all .cgo{display:none}
.cards-all .cm{padding:0 10px}
}
@media(max-width:699px){.cards-all .ct{font-size:var(--fs-small);line-height:1.6}}
@media(max-width:699px){.idx .cards-all{grid-template-columns:minmax(0,1fr)}}
@media(max-width:374px){.cards-all .thp{width:84px}.cards-all .cb{padding:12px 12px}}
@media(min-width:1600px){.k-idx .fv-idx .fv-g{grid-template-columns:minmax(0,1fr) 560px}}
/* 記事の最初の画面の写真（2026-10-21 見本：シャネル）。スマホは題の下に横長・パソコンは右の列 */
.fv-pm{display:none}
@media(max-width:899px){.fv-pm{display:block;margin-top:14px}.fv-pm img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}.fv-pc{display:none}}
@media(min-width:900px){.fv-g:has(.fv-pc){grid-template-columns:minmax(0,1fr) 440px}}

/* 最初の画面を整理（2026-10-21 TAMA）：書いた人は1行・日付と並べる */
.fv-by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px}
.fv-by .meta{margin-top:0}
.au-line{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:var(--fs-small);line-height:1.5}
.au-line img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}

.au-lk{color:var(--mid);font-weight:700}
.au-lt{color:var(--ink2)}
.au-line:hover b{text-decoration:underline}
@media(max-width:899px){.fv-pm{margin-top:16px}.fv-l{margin-top:16px}}

/* マーカー（2026-10-21 TAMA）：読み進めて見えた時に、左から右へ線が引かれる。JS（prv.js）が html に mk を付けた時だけ動く。動きを減らす設定の人は最初から引いておく */
html.mk mark,html.mk strong.mk{background-size:0% 100%;transition:background-size 1s cubic-bezier(.3,.7,.3,1)}
html.mk mark.on,html.mk strong.mk.on{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){html.mk mark,html.mk strong.mk{background-size:100% 100%;transition:none}}

/* 先行登録のボタン（2026-10-21 TAMA）：じわっと光が走る＋ときどき小さく揺れて、押したくなるように */
.btn,.top .tb,.sd-go,.sd-go2{position:relative;overflow:hidden;isolation:isolate}
.btn::after,.top .tb::after,.sd-go::after,.sd-go2::after{content:"";position:absolute;inset:-20% auto -20% -60%;width:45%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:shine 3.2s ease-in-out infinite}
.btn,.sd-go{animation:nudge 4.8s ease-in-out infinite}
.btn:hover,.sd-go:hover{animation-play-state:paused;transform:translateY(-2px) scale(1.02)}
@keyframes shine{0%,55%{left:-60%}85%,100%{left:120%}}
@keyframes nudge{0%,82%,100%{transform:none}85%{transform:rotate(-2deg) scale(1.03)}88%{transform:rotate(2deg) scale(1.03)}91%{transform:rotate(-1.5deg) scale(1.02)}94%{transform:rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.btn,.sd-go,.btn::after,.top .tb::after,.sd-go::after,.sd-go2::after{animation:none}}
/* 書いた人を3行に（2026-10-21 TAMA）：名前・肩書き／資格／日付 */
.au-line{align-items:flex-start}
.au-line img{width:52px;height:52px}
.au-line>.au-lw{display:flex;flex-direction:column;gap:2px}
.au-l1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.au-l2{color:var(--ink2)}
.au-l3{color:var(--mid)}
/* 代表の箱（2026-10-21）：書いた人の箱のすぐ下。間は狭く */
.author.rep{margin-top:16px}
.idx .author.rep{margin:16px auto 0}
.body .box h3.bh{margin:0 0 8px}
.box.chui h3.bh+p{margin-top:12px}

/* 第2段（2026-10-22）：まとまりの箱・資料と診断の入口・ピラーの地図・チェック表・6列の比べ表・続き（先行登録で開く）・取りこぼし診断
   片側だけの色線は使わない。囲むなら全周の細い線か色の面 */
.hub,.tools{max-width:720px;margin:48px auto 0}
.hub{background:var(--pale);border-radius:20px;padding:20px 18px}
.hub-k{font-size:var(--fs-small);font-weight:800;color:var(--o)}
.hub-p{display:block;margin-top:8px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:14px 16px;font-weight:900;line-height:1.55;text-decoration:none;color:var(--ink)}
.hub-p small{display:block;font-size:var(--fs-small);font-weight:800;color:var(--o)}
.hub-p:hover{border-color:var(--o)}
.hub-s{margin-top:14px;font-size:var(--fs-small);font-weight:800;color:var(--ink2)}
.hub-l{margin:6px 0 0;padding-left:1.3em}
.hub-l li{margin-top:6px;line-height:1.7}
.hub-l li::marker{color:var(--o)}
.hub-l a{color:var(--o);font-weight:700}
.tools{background:var(--opale);border-radius:24px;padding:22px 18px}
.tools .bh{font-size:var(--fs-head);font-weight:900;line-height:1.45}
.tools ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.tools li{margin:0}
.tools a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border-radius:18px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(22,22,26,.06);transition:transform .15s}
.tools a:hover{transform:translateY(-1px)}
.tlk{align-self:flex-start;font-size:var(--fs-small);font-weight:800;color:#fff;background:var(--ink);border-radius:999px;padding:1px 12px;line-height:1.6}
.tools b{font-size:var(--fs-sub);font-weight:900;line-height:1.5;margin-top:4px}
.tll{font-size:var(--fs-small);color:var(--ink2);line-height:1.7;flex:1}
.tlg{align-self:flex-start;margin-top:8px;font-size:var(--fs-small);font-weight:900;color:#fff;background:var(--o);border-radius:999px;padding:6px 18px;line-height:1.5}
.body>.tools,.body>.hubmap,.body>.gate,.body>.gated,.body>.sd{margin-top:24px}
.body .tools a,.body .hubmap a{font-weight:700}
.body .tools a{color:var(--ink)}
.idx-start{display:grid;gap:16px;margin-bottom:40px}
.idx-start .tools{max-width:none;margin:0}
.idx-start .hub-p{margin:0}
@media(min-width:900px){.idx .tools ul,.k-tool .tools ul{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}
.hubmap{display:grid;gap:12px}
@media(min-width:768px){.hubmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hm{background:var(--pale);border-radius:18px;padding:16px}
.body .hm h3{margin:0;font-size:var(--fs-sub);font-weight:900}
.hm p{font-size:var(--fs-small);color:var(--ink2);line-height:1.7;margin-top:4px}
.hm ul{margin:8px 0 0;padding-left:1.2em}
.hm li{margin-top:4px;font-size:var(--fs-small);line-height:1.65}
ul.ck{list-style:none;padding:0;display:grid;gap:10px}
ul.ck li{position:relative;margin:0;background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px 14px 12px 52px;line-height:1.75}
ul.ck li::before{content:"";position:absolute;left:14px;top:14px;width:24px;height:24px;border:2px solid var(--o);border-radius:6px;background:#fff}
ul.ck li b{display:block;font-weight:900}
ul.ck.nb li{padding-left:16px}
ul.ck.nb li::before{display:none}
.tbl.cmp6{font-size:var(--fs-small);line-height:1.6}
.tbl.cmp6 th,.tbl.cmp6 td{padding:10px 8px}
.tbl.cmp6 thead th:last-child{background:var(--o)}
.tbl.cmp6 tbody td:last-child{background:var(--opale);font-weight:800}
@media(min-width:768px){.tbl.cmp6 tbody th{white-space:normal}}
@media(max-width:767px){.tbl.cmp6{font-size:var(--fs-body)}.tbl.cmp6 td:last-child{margin:8px 10px 12px;width:auto;padding:10px 12px;border-radius:12px}}
.gate{background:var(--opale);border-radius:24px;padding:22px 18px;text-align:center}
.gate .bh{font-size:var(--fs-head);font-weight:900;line-height:1.45;margin-top:10px}
.gate>p:not(.wl-tag):not(.bh){font-size:var(--fs-small);color:var(--ink2);margin-top:10px;line-height:1.8}
.gate .btn{margin:16px auto 0;max-width:460px}
.gated{display:none}
html.omk-open .gated{display:block}
html.omk-open .gate{display:none}
.gated>h2{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-head);font-weight:900;line-height:1.5;margin:64px 0 0}
.gated>p,.gated>ul,.gated>ol,.gated>.tblw,.gated>.talk,.gated>.box{margin-top:20px}
.tl-end{margin-top:40px;font-size:var(--fs-small);color:var(--mid);text-align:center}
.sd{background:var(--pale);border-radius:24px;padding:24px 18px}
.sd-start{text-align:center}
.sd-k{display:inline-block;font-size:var(--fs-small);font-weight:800;color:#fff;background:var(--ink);border-radius:999px;padding:2px 14px;line-height:1.6}
.sd-h{font-size:var(--fs-title);font-weight:900;line-height:1.4;margin-top:12px}
.sd-l{font-size:var(--fs-small);color:var(--ink2);margin-top:10px}
.sd .btn{margin:18px auto 0;max-width:420px;width:100%;border:0;cursor:pointer;font-family:inherit}
.sd-bar{height:10px;background:#fff;border-radius:999px;overflow:hidden}
.sd-bar i{display:block;height:100%;background:var(--o);border-radius:999px;transition:width .3s}
.sd-no{margin-top:12px;font-size:var(--fs-small);font-weight:800;color:var(--o)}
.sd-q{font-size:var(--fs-head);font-weight:900;line-height:1.5;margin-top:4px}
.sd-hint{font-size:var(--fs-small);color:var(--ink2);margin-top:6px}
.sd-ops{display:grid;gap:10px;margin-top:16px}
@media(min-width:640px){.sd-ops.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sd-op{min-height:56px;border:2px solid var(--line);background:#fff;border-radius:16px;padding:10px 14px;font:inherit;font-weight:800;color:var(--ink);text-align:left;cursor:pointer;line-height:1.5}
.sd-op[aria-pressed="true"]{border-color:var(--o);background:var(--opale)}
.sd-op:focus-visible,.sd-in:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.sd-f{display:grid;gap:6px;margin-top:16px}
.sd-f label{font-weight:800;line-height:1.6}
.sd-in{width:100%;min-height:56px;border:2px solid var(--line);border-radius:14px;padding:10px 14px;font:inherit;font-size:var(--fs-sub);font-weight:800;background:#fff}
.sd-nav{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}
.sd-back{background:none;border:0;font:inherit;font-size:var(--fs-small);font-weight:800;color:var(--mid);cursor:pointer;min-height:44px;padding:0 8px}
.sd .sd-next{flex:1;width:auto;min-width:0;max-width:320px;margin:0 0 0 auto}
.sd-next[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.sd-err{margin-top:10px;font-size:var(--fs-small);font-weight:800;color:#b42318}
.res{text-align:center}
.res-k{font-size:var(--fs-small);font-weight:800;color:var(--o)}
.res-t{font-size:var(--fs-title);font-weight:900;line-height:1.4;margin-top:6px}
.res-s{font-size:var(--fs-sub);font-weight:800;line-height:1.6;margin-top:6px}
.res-sc{display:flex;justify-content:center;align-items:baseline;gap:4px;margin-top:14px}
.res-sc b{font-size:var(--fs-title);font-weight:900;color:var(--o);line-height:1}
.res-sc span{font-size:var(--fs-small);font-weight:800;color:var(--ink2)}
.res-meter{height:14px;background:#fff;border-radius:999px;overflow:hidden;max-width:420px;margin:10px auto 0}
.res-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--o2),var(--o));border-radius:999px;transition:width 1s ease-out}
.res-box{background:#fff;border-radius:18px;padding:16px;margin-top:16px;text-align:left}
.res-box .bh{font-size:var(--fs-sub);font-weight:900;line-height:1.5}
.res-box .res-yen{font-size:var(--fs-head);font-weight:900;color:var(--o);line-height:1.4;margin-top:4px}
.res-box p{font-size:var(--fs-small);color:var(--ink2);line-height:1.8;margin-top:6px}
.res-box ul{margin:8px 0 0;padding-left:1.3em}
.res-box li{margin-top:6px;line-height:1.7}
.res-box li::marker{color:var(--o)}
.res-chira{position:relative}
.res-more{font-weight:800;color:var(--ink)}
.res-again{display:inline-block;margin-top:16px;background:none;border:0;font:inherit;font-size:var(--fs-small);font-weight:800;color:var(--mid);text-decoration:underline;cursor:pointer;min-height:44px}
.res .gate{margin-top:16px}
.res .gated{text-align:left}
.res .gated .res-box ol{margin:8px 0 0;padding-left:1.3em}
.res .gated .res-box ol li{margin-top:8px;line-height:1.75}
.res-tbl{width:100%;border-collapse:collapse;margin-top:8px;font-size:var(--fs-small)}
.res-tbl th,.res-tbl td{border-bottom:1px solid var(--line);padding:8px 4px;text-align:left}
.res-tbl td{text-align:right;font-weight:800}
@media(prefers-reduced-motion:reduce){.res-meter i,.sd-bar i{transition:none}}
/* 6列の比べ表は、パソコンでは本文の列より広げる（狭いと言葉が途中で折れるため）。中心は本文の列に合わせる */
@media(min-width:768px){.tblw:has(.cmp6){width:min(1060px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}}
@media(min-width:1100px){.tblw:has(.cmp6){width:min(1060px,calc(100vw - 280px - 48px))}}
@media(min-width:768px){table.cmp6{table-layout:fixed}.tbl.cmp6 th,.tbl.cmp6 td{padding:10px 7px}.tbl.cmp6 thead th:first-child,.tbl.cmp6 tbody th{width:11%}}
/* 768〜1023px は6列が入らないので、スマホと同じ1行ずつのカードにする */
@media(min-width:768px) and (max-width:1023px){
  .tblw:has(.cmp6){width:100%;margin-left:0;transform:none}
  table.tbl.cmp6{border:0;border-radius:0;overflow:visible;table-layout:auto;font-size:var(--fs-body)}
  table.cmp6,.cmp6 tbody,.cmp6 tr,.cmp6 td,.cmp6 tbody th{display:block;width:100%!important}
  .cmp6 thead{display:none}
  .cmp6 tr{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:12px;background:#fff}
  .tbl.cmp6 tbody th{border:0;padding:12px 16px;font-size:var(--fs-sub);white-space:normal}
  .tbl.cmp6 td{border:0;padding:8px 16px 0}
  .tbl.cmp6 td:last-child{margin:8px 10px 12px;width:auto!important;padding:10px 12px;border-radius:12px}
  .cmp6 td[data-l]::before{content:attr(data-l);display:block;font-size:var(--fs-small);font-weight:800;color:var(--o);line-height:1.6}
}