/* 資金繰り総研を、セキュリティ図鑑（se-curity.work）と同じ見た目にする共通の上書き（2026-10-30 本人「メディアデザインをセキュリティ図鑑と一緒に」）
   静的ページは </head> の直前に <link href="/sz-skin.css">、WordPress は mu-plugins/fin-header.php が同じ位置に出す。
   原本 ~/finance-wp/sz-skin-20261030/sz-skin.css → /sz-skin.css。外すときは link を消す（ページの中身は変えていない） */
:root{--sz-ink:#0E1B2B;--sz-navy:#15304F;--sz-blue:#2457F5;--sz-teal:#0E9F95;--sz-sub:#4A5868;--sz-mute:#7A8796;--sz-line:#E3EAF2;--sz-soft:#F5F8FC;--sz-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
html body{font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;color:var(--sz-ink);background:#fff}
body .ecp,body .ec-w,body .ecwp{background:#fff!important}

/* ── 章ごとの白い箱 → 帯。見出しは左寄せ＋等幅の英字（例：01 / PROFILE） ── */
html body .ec-paper{background:transparent!important;box-shadow:none!important;border-radius:0!important;max-width:1184px!important;padding:clamp(40px,6vw,72px) 4px!important;margin:0 auto!important;border:0!important;border-bottom:1px solid var(--sz-line)!important;outline:0!important}
html body .ec-w{counter-reset:szsec}
html body .ec-ch{text-align:left!important;display:block!important;margin:0 0 30px!important;counter-increment:szsec}
html body .ec-ch>i,html body .ec-ch .orn{display:none!important}
html body .ec-ch::before{content:counter(szsec,decimal-leading-zero);display:inline-flex;align-items:center;gap:10px;font-family:var(--sz-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--sz-teal);margin:0 0 8px}
html body .ec-ch::before{background:linear-gradient(var(--sz-teal),var(--sz-teal)) right center/26px 1.5px no-repeat;padding-right:34px}
html body .ec-ch .ec-chkk,html body .ec-ch .ec-eb,html body .ec-ch>small,html body .ec-ch>span{display:inline-block!important;margin:0 0 8px 10px!important;font-family:var(--sz-mono)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important;color:var(--sz-teal)!important;background:none!important;padding:0!important}
html body .ec-ch h2{display:block;text-align:left!important;margin:0!important;font-size:clamp(24px,2.8vw,32px)!important;line-height:1.4!important;letter-spacing:.01em!important;color:var(--sz-ink)!important}
html body .ec-ch h2::before,html body .ec-ch h2::after{display:none!important}
html body .ec-ch>p,html body .ec-ch .ec-chp,html body .ec-ch .ec-chp p{text-align:left!important;margin:10px 0 0!important;font-size:14.5px!important;line-height:1.9!important;color:var(--sz-sub)!important;max-width:46em!important}
html body .ec-nav{background:#fff!important;border-bottom:1px solid var(--sz-line)!important;box-shadow:none!important}
html body .ec-nav a{background:#fff!important;border:1px solid var(--sz-line)!important;color:var(--sz-ink)!important;border-radius:999px!important}

/* ── 記事の本文（静的ページの .ar-sec） ── */
html body .ar-sec h2{border-left:0!important;padding-left:0!important;position:relative;padding-top:14px!important;letter-spacing:.01em!important}
html body .ar-sec h2::before{content:"";position:absolute;left:0;top:0;width:36px;height:4px;border-radius:2px;background:linear-gradient(90deg,#2457F5,#0E9F95)}

/* ── カード：角丸20・細い線・淡い影・浮き上がり ── */
html body .pillar,html body .v3-guide,html body .rvz-card,html body .t3-c,html body .eqf-c,html body .ftl-c,html body .fsx-c,html body .v3-panel,html body .ar-card,html body .ec-card{border-radius:20px!important;border:1px solid var(--sz-line)!important;box-shadow:0 10px 26px -22px rgba(14,27,43,.35)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
html body a.pillar:hover,html body a.v3-guide:hover,html body a.ftl-c:hover,html body a.rvz-card:hover{transform:translateY(-3px);border-color:#9CB7E8!important;box-shadow:0 22px 40px -26px rgba(14,27,43,.45)!important}

/* ── 上の帯（方法ごとの小さなメニュー）：白に ── */
html body .sh5s{background:#fff!important;border-bottom:1px solid var(--sz-line)!important}
html body .sh5s-lock b{font-size:15px!important}
html body .sh5s-nav a{font-size:14px!important;font-weight:700!important;color:var(--sz-sub)!important}
html body .sh5s-cta{font-size:13.5px!important;border-radius:999px!important}
html body .sh5-logo small{display:block!important;font-size:11.5px!important;color:var(--sz-mute)!important}
/* トップの一番上（.v3-hero） */
html body .ecp section.v3-hero.ec-hero{background:radial-gradient(900px 420px at 92% -10%,rgba(14,159,149,.10),transparent 60%),radial-gradient(800px 420px at 0% 0%,rgba(36,87,245,.08),transparent 60%),linear-gradient(180deg,#F4F7FD 0%,#FFFFFF 100%)!important}

html body .v3-hero h1 em::after,html body .v3-hero::after{display:none!important}
html body .v3-hero .lead,html body .v3-hero .lead b{color:var(--sz-sub)!important}
html body .v3-hero .lead b{color:var(--sz-ink)!important}
html body .v3-hero .fs-f{box-shadow:0 14px 30px -20px rgba(14,27,43,.35)!important;border:1px solid var(--sz-line)}
html body .v3-hero .hx-c{border:1px solid var(--sz-line)!important;box-shadow:0 14px 30px -24px rgba(14,27,43,.4)!important}
html body .v3-hero .v3-panel{border:1px solid var(--sz-line)!important;box-shadow:0 30px 60px -36px rgba(14,27,43,.45)!important}

/* トップの見出しは黒（方法別ページ用の .ec-hero h1 の白を打ち消す） */
html body .ecp section.v3-hero.ec-hero h1{color:var(--sz-ink)!important;-webkit-text-fill-color:var(--sz-ink)!important}
html body .ecp section.v3-hero.ec-hero h1,html body .ecp section.v3-hero.ec-hero h1 *{text-shadow:none!important}

/* 強調は図鑑と同じ青一色 */
html body .v3-hero h1 em,html body .v3-hero h1 em *{font-style:normal!important;background:none!important;color:var(--sz-blue)!important;-webkit-text-fill-color:var(--sz-blue)!important}
html body .v3-guide .gh svg.ill{width:54px!important;height:54px!important}
html body .pillar .pi svg.ill{width:40px!important;height:40px!important}
/* 2026-10-30 本人「debt と同じに（青い背景・中央寄せ）」：方法別ページの一番上は元の青いデザインに戻した。トップ（.v3-hero）だけ明るいまま */

/* ── 2026-10-31 本人「フォントが統一されてない」：全ページ Zen Kaku Gothic New の1書体に（数字・英字も）。例外はコードだけ ── */
:root{--sz-font:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;--sz-mono:var(--sz-font)}
html body,html body *:not(code,pre,kbd,samp),html body *:not(code,pre,kbd,samp)::before,html body *:not(code,pre,kbd,samp)::after{font-family:var(--sz-font)!important}
html body svg text{font-family:var(--sz-font)!important}

/* ── 2026-10-31 本人「スマホ対応全部」「改行が変」：折り返し（見出し・ボタンは行をそろえ、本文は最後の行に1〜2文字だけ残さない。長いURLは折る） ── */
x-w{white-space:nowrap}x-g{min-width:0}
html body{line-break:strict;overflow-wrap:break-word;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html body :is(h1,h2,h3,h4,h5,summary,button,.btn,[class*="-btn"],[class*="-cta"],figcaption,caption,dt){text-wrap:balance;}
html body :is(p,li,dd,td,th,blockquote){text-wrap:pretty}
html body :is(b,strong,span,a,label,small){text-wrap:balance}

/* ── ヘッダー：スマホで「今すぐ問い合わせ」が画面の外に出ていた（全ページ） ── */
@media(max-width:600px){
html body .sh5-in{padding:0 12px!important;gap:8px!important;height:56px!important}
html body .sh5-logo{min-width:0;flex:0 1 auto!important;gap:7px!important}
html body .sh5-logo b{font-size:17px!important;white-space:nowrap}
html body .sh5-mk{width:28px!important;height:28px!important;border-radius:9px!important}
html body .sh5-mk svg{width:16px!important;height:16px!important}
html body .sh5-sim{padding:0!important;width:36px;height:36px;justify-content:center}
html body .sh5-sim span{display:none!important}
html body .sh5 .sh5-cta{padding:0 12px!important;height:36px;font-size:13px!important;font-weight:700!important}
}
@media(max-width:350px){html body .sh5-logo b{font-size:15px!important}html body .sh5 .sh5-cta{padding:0 10px!important;font-size:12px!important}}

/* ── スマホ全般：はみ出しを止める ── */
@media(max-width:760px){
html{-webkit-overflow-scrolling:touch}
html body img,html body video,html body iframe{max-width:100%}
html body img{height:auto}
html body pre{overflow-x:auto;max-width:100%}
}
html body .sh5-logo small{display:none!important}
/* スマホ：入力欄は16px（iPhoneは16px未満だと押した瞬間に画面が拡大される）・押しやすい高さ */
@media(max-width:760px){
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important}
html body select{min-height:44px}
html body input[type=number]{-moz-appearance:textfield;appearance:textfield}
html body input[type=number]::-webkit-inner-spin-button,html body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
}
/* 1列の組みが中身の幅で押し広げられて右が切れていた（トップの一番上、/factoring/ ほか） */
@media(max-width:900px){
html body .ec-hero .wrap,html body .sp-g{grid-template-columns:minmax(0,1fr)!important}
html body .ec-hero .wrap>*,html body .ec-hero .wrap>div:first-child>*,html body .sp-g>*{min-width:0}
}

/* フォントの字間・詰めもそろえる（ページごとに .01〜.08em とバラバラだった） */
html body *:not(code,pre,kbd,samp){font-feature-settings:"palt"!important;letter-spacing:.02em!important}

/* ── スマホの本文：記事の 21px は1行が短すぎた → 17px。表は 14.5px、会話は 16px ── */
@media(max-width:760px){
html body :is(.sza-sec,.rvz-body,.soken-faq__a-body,.soken-flow__list,.ar-sec,.ar-body) :is(p,li):not(.fmg-bub){font-size:17px!important;line-height:1.85!important}
html body .soken-flow__list li,html body .soken-faq__a-body p{font-size:17px!important;line-height:1.85!important}
html body :is(.sza-sec,.ar-sec,.ar-body,.rvz-body) :is(td,th){font-size:14.5px!important;line-height:1.65!important}
html body .fmg-bub{font-size:16px!important;line-height:1.8!important}
html body .fmg-row>*{min-width:0}
html body .rk-tabs button{flex:none!important;white-space:nowrap}
html body .zcards{grid-template-columns:minmax(0,1fr)!important}
html body .zcard{min-width:0;max-width:100%}
}
/* 2026-10-31 スマホでヘッダーが横にはみ出していた（ボタンを足した分）。ロゴの小さな説明を隠して、ボタンを小さく */
@media(max-width:480px){html body .sh5-logo small{display:none!important}html body .sh5 .sh5-in{gap:6px!important;padding-left:10px!important;padding-right:10px!important}html body .sh5 .sh5-cta{padding:.5rem .625rem!important;font-size:.78rem!important}html body .sh5 .sh5-sim{padding:.45rem .5rem!important}html body .sh5-logo b{font-size:1rem!important}html body .sh5-mk{flex:none}}
@media(max-width:760px){
/* 語句の表：「振込の記／録だけで／はわから」と縦に細くなるので、見出しを上に置く */
html body table.fin-t.fin-t-card td{flex-direction:column!important;gap:2px!important}
html body table.fin-t.fin-t-card td::before{width:auto!important;flex:none}
html body .fxp .fxp-steps b{font-size:13px!important}
html body .fxp .fxp-steps span{font-size:12px!important}
html body .fxp .fxp-steps li{padding:10px 5px!important}
html body .fmg,html body .pointbox,html body .pointbox ul,html body .pointbox li{max-width:100%;box-sizing:border-box}
html body .fmg-row{max-width:100%}
html body .sza-k{font-size:12px!important}
}
@media(max-width:760px){
html body .fmg,html body .pointbox ul{grid-template-columns:minmax(0,1fr)!important}
/* カードの上の点々の帯：名前が2行になると帯からはみ出すので、スマホでは帯を外す */
html body :is(.rk-c,.t3-c,.pvk,.ix-c,.ab-cs,.eqm-c){background-image:none!important;background-color:#fff!important}
html body .ctbl th{white-space:nowrap!important;font-size:12.5px!important;padding-left:6px!important;padding-right:6px!important}
}
@media(max-width:760px){
html body .hm-tabs{flex-wrap:wrap!important;overflow:visible!important}
html body .hm-tabs button{flex:1 1 auto!important;min-width:0;white-space:nowrap;border-radius:999px!important;padding:10px 14px!important;height:auto!important;width:auto!important}
html body .fp-ring span{font-size:10.5px!important;line-height:1.3!important}
/* 3列以上の表は横スクロールにして、1列を細くしない（行が縦に伸びるのを防ぐ） */
html body :is(.ar-sec,.sza-sec,.ar-body,.matrixwrap) table:not(.fin-t) tr:has(>:nth-child(3))>*{min-width:9.5em}
html body .matrixwrap table tr>*{min-width:7em}
}
@media(max-width:760px){
html body .art__body :is(p,li):not(.fmg-bub){font-size:17px!important;line-height:1.85!important}
}
@media(max-width:430px){
html body .sf-ctas{flex-direction:column!important;align-items:stretch!important}
html body .sf-ctas a{width:100%!important;border-radius:999px!important;text-align:center}
}
@media(max-width:760px){
/* 上に貼り付く帯は1段だけ（2段だと画面の1/8を占める）。透けて文字が重なるので白に */
html body .sh5{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .sh5s{position:static!important}
}

/* ── 2026-10-31 本人「FAQの形は全部統一」：サイト内のFAQ（10種類あった）を、同じ1つの形にそろえる。Q＝青丸、A＝緑丸、右に＋／－ ── */
html body:not(#_):not(#_) :is(.soken-faq,.rf-faq,.sk-faq){background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body:not(#_):not(#_) .soken-faq__title{border:0!important;padding:0!important;margin:0 0 .75rem!important;font-size:17px!important;line-height:1.5!important;color:#0E1B2B!important}
html body:not(#_):not(#_) .soken-faq__list{gap:0!important}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details,html body:not(#_):not(#_) details.qa,html body:not(#_):not(#_) details.soken-faq__item,html body:not(#_):not(#_) details.soken-faq-acc,html body:not(#_):not(#_) details.rf-faq__item{display:block!important;margin:0 0 .625rem!important;padding:0!important;background:#fff!important;border:1px solid #DCE5EF!important;border-left:1px solid #DCE5EF!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details[open],html body:not(#_):not(#_) details.qa[open],html body:not(#_):not(#_) details.soken-faq__item[open],html body:not(#_):not(#_) details.soken-faq-acc[open],html body:not(#_):not(#_) details.rf-faq__item[open]{border-color:#AFC6EE!important}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details>summary,html body:not(#_):not(#_) details.qa>summary,html body:not(#_):not(#_) details.soken-faq__item>summary,html body:not(#_):not(#_) details.soken-faq-acc>summary,html body:not(#_):not(#_) details.rf-faq__item>summary{position:relative!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:.625rem!important;margin:0!important;padding:.875rem 1rem!important;background:none!important;border:0!important;list-style:none!important;cursor:pointer;font-size:16px!important;font-weight:700!important;line-height:1.65!important;color:#0E1B2B!important;text-align:left!important;text-wrap:pretty!important}
html body:not(#_):not(#_) details>summary.soken-faq__q::-webkit-details-marker,html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list,.faq) summary::-webkit-details-marker,html body:not(#_):not(#_) details.soken-faq-acc>summary::-webkit-details-marker{display:none}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details>summary::before,html body:not(#_):not(#_) details.qa>summary::before,html body:not(#_):not(#_) details.soken-faq__item>summary::before,html body:not(#_):not(#_) details.soken-faq-acc>summary::before,html body:not(#_):not(#_) details.rf-faq__item>summary::before{content:"Q"!important;position:static!important;flex:none!important;display:grid!important;place-items:center;width:26px!important;height:26px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#2457F5!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;transform:none!important}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details>summary::after,html body:not(#_):not(#_) details.qa>summary::after,html body:not(#_):not(#_) details.soken-faq__item>summary::after,html body:not(#_):not(#_) details.soken-faq-acc>summary::after,html body:not(#_):not(#_) details.rf-faq__item>summary::after{content:"＋"!important;position:static!important;flex:none!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;background:none!important;color:#2457F5!important;font-size:16px!important;font-weight:700!important;line-height:1.65!important;transform:none!important}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details[open]>summary::after,html body:not(#_):not(#_) details.qa[open]>summary::after,html body:not(#_):not(#_) details.soken-faq__item[open]>summary::after,html body:not(#_):not(#_) details.soken-faq-acc[open]>summary::after,html body:not(#_):not(#_) details.rf-faq__item[open]>summary::after{content:"－"!important}
html body:not(#_):not(#_) .soken-faq__a-body>:is(p,br,div):empty{display:none!important}
/* 元の部品（Qの丸・＋・「人気」の札・Aの丸）は隠す */
html body:not(#_):not(#_) :is(.soken-faq__q-mark,.soken-faq__toggle,.soken-faq__badge,.soken-faq__a-mark),html body:not(#_):not(#_) details.qa .plus,html body:not(#_):not(#_) .x-faq summary>i{display:none!important}
html body:not(#_):not(#_) details.qa .q,html body:not(#_):not(#_) .soken-faq__q-text{flex:1 1 auto;min-width:0;font:inherit!important;color:inherit!important}
html body:not(#_):not(#_) details.qa .q::before{display:none!important}
/* 答え */
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details>summary~*,html body:not(#_):not(#_) details.qa>summary~*,html body:not(#_):not(#_) details.soken-faq__item>summary~*,html body:not(#_):not(#_) details.soken-faq-acc>summary~*,html body:not(#_):not(#_) details.rf-faq__item>summary~*{position:relative;display:block!important;margin:0!important;padding:0 1rem .875rem 3.25rem!important;background:none!important;border:0!important;font-size:15.5px!important;line-height:1.85!important;font-weight:400!important;color:#3D4B5C!important;text-align:left!important}
html body:not(#_):not(#_) :is(.fl-faq,.hl-faq,.zk2-faq,.pv-faq,.bp-faq,.fp-faq,.x-faq,.faq-wrap,.sk-faq,.rf-faq,.rankpage__faq,.faq__list) details>summary+*::before,html body:not(#_):not(#_) details.qa>summary+*::before,html body:not(#_):not(#_) details.soken-faq__item>summary+*::before,html body:not(#_):not(#_) details.soken-faq-acc>summary+*::before,html body:not(#_):not(#_) details.rf-faq__item>summary+*::before{content:"A"!important;position:absolute!important;left:1rem!important;top:0!important;display:grid!important;place-items:center;width:26px!important;height:26px!important;margin:0!important;border-radius:50%!important;background:#0E9F95!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important}
html body:not(#_):not(#_) .soken-faq__a-body,html body:not(#_):not(#_) .soken-faq__a-body :is(p,li),html body:not(#_):not(#_) .soken-faq-acc__a p{margin:0 0 .5em!important;padding:0!important;font-size:15.5px!important;line-height:1.85!important;color:#3D4B5C!important}
html body:not(#_):not(#_) .soken-faq__a-body>:last-child{margin-bottom:0!important}
html body:not(#_):not(#_) .soken-faq__related{margin:.5rem 0 0!important;padding:0!important;background:none!important;border:0!important;font-size:14px!important}

/* ── 2026-10-31 本人「スマホでボタンがデカい・表の中身がズレる・文字と被る」 ── */
@media(max-width:760px){
/* ボタン：高さ46pxを基本、文字15px、1行に収める工夫。ピル型の2〜3行を止める */
html body:not(#_):not(#_) :is(.fgcta-btn,.fgcta-btn2,.fgcta-links a,.fl-btn,.v3-cta,.v3-btn,.pvk-b,.sf-btn,.refx-btn,.soken-prov__cta-btn,.sim__top-cta,.sim__btn,.cbtn,a.cta,.ec-hcta,.saiken-footer-cta a,a[style*="min-width:280px"],a[style*="padding:.9em 2em"]){display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%;min-width:0!important;max-width:100%!important;min-height:46px!important;height:auto!important;margin-left:0!important;margin-right:0!important;padding:.625rem .875rem!important;font-size:15px!important;line-height:1.45!important;text-align:center!important;border-radius:12px!important;box-shadow:none;text-wrap:balance;gap:6px}
html body:not(#_):not(#_) :is(.fgcta-btns,.fgcta-links){flex-direction:column!important;padding-left:14px!important;padding-right:14px!important}
html body:not(#_):not(#_) :is(.fgcta-btn,.fgcta-btn2,.fgcta-links a){flex:0 0 auto!important}
html body:not(#_):not(#_) .sf-ctas{flex-direction:column!important;align-items:stretch!important;gap:8px!important}
/* 切替ボタン（おすすめ順、01 急いでいる など） */
html body:not(#_):not(#_) :is(.eqsc-t button,.fl-sort button,.rk-tabs button,.hm-tabs button){min-height:40px!important;height:auto!important;padding:.4375rem .75rem!important;font-size:14px!important;line-height:1.4!important}
/* 表：文字が隣のマスにはみ出さない。1語が長くても折る */
html body:not(#_):not(#_) :is(th,td){overflow-wrap:anywhere}
html body:not(#_):not(#_) :is(th,td) :is(a,span,b,strong){text-wrap:wrap}
/* 方式別のマップ：横スクロールをやめて画面内に収める。1列目は固定しない（丸印と重ならない） */
html body:not(#_):not(#_) .eqm-sc{overflow:visible!important}
html body:not(#_):not(#_) .eqm-t{table-layout:fixed!important;width:100%!important;min-width:0!important}
html body:not(#_):not(#_) .eqm-t thead th:first-child,html body:not(#_):not(#_) .eqm-t tbody th{position:static!important;box-shadow:none!important;width:34%!important;min-width:0!important;padding:10px 4px 10px 10px!important;font-size:12px!important;line-height:1.4!important;word-break:normal!important}
html body:not(#_):not(#_) .eqm-t tbody th :is(a,span){display:block!important;font-size:12px!important;line-height:1.4!important}
html body:not(#_):not(#_) .eqm-t thead th:not(:first-child){padding:8px 2px!important;font-size:10.5px!important;line-height:1.3!important;word-break:normal!important}
html body:not(#_):not(#_) .eqm-t td{padding:8px 1px!important}
html body:not(#_):not(#_) .eqm-d{width:26px!important;height:26px!important;font-size:13px!important;max-width:100%}
/* 調達額の目安：3列の表を、行ごとのカードに（右が切れて行が縦に伸びていた） */
html body:not(#_):not(#_) .sg-amt,html body:not(#_):not(#_) .sg-amt tbody,html body:not(#_):not(#_) .sg-amt tr,html body:not(#_):not(#_) .sg-amt td{display:block!important;width:auto!important;min-width:0!important}
html body:not(#_):not(#_) .sg-amt{border:0!important;font-size:15px!important}
html body:not(#_):not(#_) .sg-amt thead{display:none!important}
html body:not(#_):not(#_) .sg-amt tr{padding:12px 14px!important;margin:0 0 8px!important;border:1px solid #E3EDF5!important;border-radius:12px!important;background:#fff}
html body:not(#_):not(#_) .sg-amt td{padding:0!important;border:0!important;white-space:normal!important;font-size:14px!important;line-height:1.6!important;color:#4A5868}
html body:not(#_):not(#_) .sg-amt td:first-child{font-size:13px!important;font-weight:700;color:#4A5868}
html body:not(#_):not(#_) .sg-amt td.v{font-size:16px!important;font-weight:800;color:#123A5A;margin:1px 0 3px}
/* 2列の表：左を狭く、右を広く（右が細くて縦長になっていた） */
html body:not(#_):not(#_) :is(.sza-sec,.ar-sec,.rvz-body) table:not(.fin-t-card):not(.eqm-t):not(.sg-amt) tr:not(:has(>:nth-child(3)))>:first-child{width:30%;min-width:5.5em!important}
html body:not(#_):not(#_) :is(.sza-sec,.ar-sec,.rvz-body) table:not(.fin-t-card) :is(th,td){padding:9px 10px!important}
/* 記事の見出し：アイコンで幅を取らない。番号は1行目にそろえる */
html body:not(#_):not(#_) .sza-body .sza-sec>h2{align-items:flex-start!important;padding-right:0!important;font-size:18px!important;line-height:1.5!important;text-wrap:pretty}
html body:not(#_):not(#_) .sza-sic{display:none!important}
html body:not(#_):not(#_) .sza-no{width:1.75rem!important;height:1.75rem!important;font-size:.75rem!important;margin-top:.1rem}
html body:not(#_):not(#_) .sza-h1{text-wrap:pretty}
html body:not(#_):not(#_) .sza-body .sza-sec{padding:1.1rem .875rem!important}
}
@media(max-width:760px){
/* 詳しいレビューなどのボタン：他の指定より優先 */
html body:not(#_):not(#_) .rk-c .fl-btn,html body:not(#_):not(#_) .fl-btn.g,html body:not(#_):not(#_) .fl-btn.p{font-size:15px!important;padding:.625rem .875rem!important;min-height:46px!important;border-radius:12px!important}
html body:not(#_):not(#_) .rvz-end .row a,html body:not(#_):not(#_) a.w{min-height:46px!important;padding:.625rem .875rem!important;font-size:15px!important;line-height:1.45!important;border-radius:12px!important}
html body:not(#_):not(#_) .rvz-more a{padding:.625rem .75rem!important;font-size:14.5px!important;line-height:1.45!important;border-radius:12px!important}
html body:not(#_):not(#_) .rvz-more>b{font-size:16px!important}
/* 画面下に固定のバー：画面を取りすぎない */
html body:not(#_):not(#_) .shk-sbar a{min-height:42px!important;padding:.375rem .75rem!important;font-size:14px!important;line-height:1.35!important;border-radius:12px!important}
/* 関連記事：サムネ左・文字右の横並びで文字が細くなっていたので、列の幅をそろえる */
html body:not(#_):not(#_) .arl-g{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
html body:not(#_):not(#_) .arl-c{display:grid!important;grid-template-columns:7rem minmax(0,1fr)!important;gap:.625rem!important;align-items:start!important;padding:.625rem!important;border-radius:12px!important;width:auto!important;height:auto!important;flex:none!important}
html body:not(#_):not(#_) .arl-th{width:100%!important;border-radius:8px!important;overflow:hidden}
html body:not(#_):not(#_) .arl-tx{padding:0!important;gap:3px!important;min-width:0}
html body:not(#_):not(#_) .arl-tx em{white-space:nowrap;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:1px 8px!important;font-size:11px!important;line-height:1.6!important;border-radius:6px!important}
html body:not(#_):not(#_) .arl-tx b{font-size:14px!important;line-height:1.5!important;-webkit-line-clamp:3!important}
html body:not(#_):not(#_) .arl-tx small{display:none!important}
/* 記事の外枠の余白：入れ子で本文が細くなっていた */
html body:not(#_):not(#_) .rvz.ec-ar .ec-paper#ec-body{padding:.75rem .375rem!important;border-radius:1rem!important}
/* 計算ツール：タブの帯が .tw-win の枠の中で固定され、見出しに重なっていた */
html body:not(#_):not(#_) .tw-win{overflow:clip!important}
html body:not(#_):not(#_) .tw-side{top:56px!important}
}
@media(max-width:760px){
/* おすすめ3社のカードのボタン */
html body:not(#_):not(#_) .t3-go{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px!important;height:auto!important;padding:.625rem .875rem!important;font-size:15px!important;line-height:1.45!important;border-radius:12px!important;box-shadow:none!important}
/* 一番上の「おすすめの3社」：名前が「…」で切れて、ボタンと重なっていた。2行まで出して、ボタンは小さく */
html body:not(#_):not(#_) a[data-pos^="hero-top3"]{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:.5rem!important;row-gap:0!important;align-items:center!important;height:auto!important;min-height:0!important;padding:.5rem .625rem!important}
html body:not(#_):not(#_) a[data-pos^="hero-top3"]>em{grid-row:1/span 2}
html body:not(#_):not(#_) a[data-pos^="hero-top3"]>b{grid-column:2;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13.5px!important;line-height:1.4!important;min-width:0}
html body:not(#_):not(#_) a[data-pos^="hero-top3"]>b>i{display:inline-block!important;margin-left:4px!important;vertical-align:1px;font-size:10px!important;line-height:1.4!important;white-space:nowrap!important}
html body:not(#_):not(#_) a[data-pos^="hero-top3"]>small{grid-column:2;font-size:11.5px!important;line-height:1.4!important;white-space:normal!important}
html body:not(#_):not(#_) a[data-pos^="hero-top3"]>span{grid-column:3;grid-row:1/span 2;white-space:nowrap!important;padding:.375rem .625rem!important;font-size:11.5px!important;line-height:1.3!important;border-radius:8px!important;position:static!important}
/* カテゴリのページの上の帯：ボタンを小さく1行に */
html body:not(#_):not(#_) .cathdr__cta .cbtn,html body:not(#_):not(#_) .catbar .cbtn{width:auto!important;min-height:36px!important;padding:.25rem .625rem!important;font-size:12.5px!important;white-space:nowrap!important;border-radius:10px!important}
html body:not(#_):not(#_) .cathdr__cta{flex:none!important;gap:6px!important}
html body:not(#_):not(#_) .cathdr__in small,html body:not(#_):not(#_) .catbar small{display:none!important}
html body:not(#_):not(#_) .sticky-cta .cta{width:auto!important;flex:none!important;white-space:nowrap!important}
}
@media(max-width:760px){html body:not(#_):not(#_) a.btn{min-height:46px!important;height:auto!important;padding:.625rem .875rem!important;font-size:15px!important;line-height:1.45!important;border-radius:12px!important;text-align:center;justify-content:center}}
@media(max-width:760px){
/* 会社名：「…」で切らずに折り返す。PRの札と重ねない */
html body:not(#_):not(#_) .rk-t3 li a{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4!important;font-size:14px!important}
html body:not(#_):not(#_) .rk-t3 li em{flex:none!important}
html body:not(#_):not(#_) .t3-top .t3-nm{padding-right:1.75rem!important;min-width:0}
html body:not(#_):not(#_) .t3-top .t3-nm b{font-size:15px!important;line-height:1.4!important}
html body:not(#_):not(#_) .arl-tx{padding-left:.25rem!important}
}
@media(max-width:430px){
html body .ecp section.v3-hero.ec-hero.ec-hero h1.hx-h1,html body .hx-h1.hx-h1.hx-h1{font-size:clamp(21px,7.1vw,30px)!important}
}
@media(max-width:760px){
/* 会社カードの名前がカードの外へ出ていた。章の案内は「契約前の／確認」と割らない */
html body:not(#_):not(#_) .rk-c :is(h3,.rk-nm b,.rk-h b){font-size:16px!important;line-height:1.4!important;overflow-wrap:anywhere;min-width:0}
html body:not(#_):not(#_) .rk-c>:first-child>*{min-width:0}
html body:not(#_):not(#_) .ec-nav a{white-space:nowrap!important;flex:none!important;padding:.3125rem .625rem!important;font-size:12.5px!important}
html body:not(#_):not(#_) .rk-filt label{font-size:14px!important}
}