/* sz-skin.css を読まないページ（紹介先向けLPなど）用。sz-skin.css の 2026-10-31 以降と同じ中身（色やカードの見た目は変えない）。原本は sz-skin.css から切り出す */
/* ── 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}
}