/* おうちのリースバック相談室 — オレンジ × 淡いピンクの、やさしいデザイン（2026100901：写真中心。ロゴ・キャラクターの配色にはそろえません） */
:root{
  --bg:#FFFAF5;--surface:#fff;--cream:#FFF4E8;--peach:#FFE8D6;
  --skin:#F3CFB4;--pink-50:#FFF4F6;--pink-100:#FFE7EC;--pink-200:#FAD0DA;--pink-400:#F09AAE;--pink-600:#D4627D;--pink-700:#B5446A;
  --or-100:#FFE9D2;--or-300:#FFC38F;--or-500:#F7893A;--or-600:#E8741F;--or-700:#CB5E14;--or-800:#9F450B;
  --ink:#4A3226;--ink-2:#6F5243;--ink-3:#9E8271;--line:#F4E0D3;--line-2:#EBCBB8;
  --green:#2E9E6B;--linegreen:#06C755;--alert:#C2452D;--alert-bg:#FDEBE6;
  --shadow-sm:0 1px 2px rgba(120,60,20,.06),0 6px 16px -10px rgba(120,60,20,.22);
  --shadow:0 2px 4px rgba(120,60,20,.05),0 22px 40px -24px rgba(160,70,10,.38);
  --r:20px;--r-sm:14px;
  --font-display:"Zen Maru Gothic","Noto Sans JP","Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif;
  --font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
  --wide:1120px;--read:860px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light;scroll-padding-top:calc(var(--head-h,150px) + 10px)}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:2;-webkit-font-smoothing:antialiased;padding-bottom:84px;overflow-x:hidden;line-break:strict;word-break:normal;overflow-wrap:break-word}
@media(min-width:760px){body{padding-bottom:0}}
h1,h2,h3,h4{font-family:var(--font-display);margin:0;line-height:1.6;font-weight:700;letter-spacing:.02em;text-wrap:balance;word-break:auto-phrase}
p{margin:0}
a{color:var(--or-800)}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
figcaption{font-size:14.5px;color:var(--ink-2);margin-top:10px;line-height:1.8}
strong{font-weight:700}
:focus-visible{outline:3px solid var(--or-500);outline-offset:3px;border-radius:8px}
.wrap{width:100%;max-width:var(--wide);margin-inline:auto;padding-inline:18px}
@media(min-width:520px){.wrap{padding-inline:24px}}
.read{max-width:var(--read);margin-inline:auto}
section{padding-block:clamp(48px,7vw,92px);scroll-margin-top:0}
.alt{background:var(--cream)}
.alt-pink{background:var(--pink-50)}
.nb{display:inline-block}
.stack{display:flex;flex-direction:column}
.center{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ========== ticker (相談状況の一行表示) ========== */
.ticker{background:linear-gradient(90deg,var(--pink-100),var(--or-100));border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.ticker .wrap{display:flex;align-items:center;gap:8px;padding-block:3px;min-height:32px;position:relative}
.ticker .dot{width:9px;height:9px;border-radius:50%;background:var(--or-600);flex:none;box-shadow:0 0 0 0 rgba(232,116,31,.5);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(232,116,31,0)}100%{box-shadow:0 0 0 0 rgba(232,116,31,0)}}
.ticker .msg{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.ticker .msg b{color:var(--or-800)}
.ticker a{font-weight:700;white-space:nowrap;font-size:13px;text-decoration:none;color:var(--or-800);border:1.5px solid var(--or-300);background:#fff;border-radius:999px;padding:0 11px;line-height:1.8}
.ticker a:hover{background:var(--or-100)}
.ticker a::after{content:"";position:absolute;inset:0}
.ticker .t-full,.pc-only{display:none}
@media(min-width:760px){.ticker{font-size:14px}.ticker .wrap{min-height:36px}.ticker .t-short{display:none}.ticker .t-full{display:inline}.pc-only{display:inline}}

/* ========== header ========== */

/* ========== buttons ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:13px 28px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:19px;text-decoration:none;border:2px solid transparent;cursor:pointer;text-align:center;line-height:1.45;transition:background-color .15s,transform .15s,box-shadow .15s;letter-spacing:.03em}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--or-700);color:#fff;border-color:var(--or-700);box-shadow:0 10px 20px -12px rgba(159,69,11,.7)}
.btn-primary:hover{background:var(--or-800);border-color:var(--or-800)}
.btn-pink{background:var(--pink-700);color:#fff;border-color:var(--pink-700)}
.btn-pink:hover{background:#9A3558;border-color:#9A3558}
.btn-line{background:#fff;color:var(--or-800);border-color:var(--or-300)}
.btn-line:hover{background:var(--or-100)}
.btn-sm{min-height:48px;font-size:15.5px;padding:8px 20px}
.cta-pair{display:grid;gap:14px}
@media(min-width:620px){.cta-pair{grid-template-columns:1fr 1fr;gap:18px}}
.cta-cell{display:flex;flex-direction:column;gap:7px}
.cta-note{font-size:14.5px;font-weight:500;color:var(--ink-2);text-align:center;line-height:1.7}
.line-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:16px;font-weight:700;color:var(--ink-2);text-decoration:none}
.line-link .dot{width:11px;height:11px;border-radius:50%;background:var(--linegreen)}

/* ========== hero ========== */
.hero{position:relative;padding-block:clamp(26px,5vw,60px) clamp(40px,6vw,76px);background:radial-gradient(900px 420px at 88% 8%,var(--pink-100),transparent 70%),radial-gradient(700px 400px at 0% 100%,var(--or-100),transparent 70%),var(--bg);overflow:hidden}
.hero-grid{display:grid;gap:30px;align-items:center}
@media(min-width:920px){.hero-grid{grid-template-columns:1.02fr .98fr;gap:46px}}
.label{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;color:var(--or-800);background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:5px 16px;font-size:14.5px;font-weight:700}
.hero h1{font-size:clamp(20px,6.1vw,34px);margin-top:16px;line-height:1.5}
@media(min-width:920px){.hero h1{font-size:clamp(26px,3.2vw,35px)}}
.hero h1 .em{color:var(--or-700);background:linear-gradient(transparent 62%,var(--pink-200) 62%);padding:0 4px}
.hero h1 .sub{display:block;font-family:var(--font-body);font-size:clamp(19px,5vw,25px);font-weight:700;color:var(--ink-2);margin-top:14px;line-height:1.65}
.hero h1 .sub .nb:last-child{display:block}
.hero .lede{margin-top:16px;color:var(--ink-2);font-size:17px;max-width:36em}
.trust{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:8px}
.trust li{display:flex;gap:10px;align-items:flex-start;font-size:16.5px;line-height:1.8}
.trust li.key{font-weight:700}
.tick{width:20px;height:20px;flex:none;color:var(--or-600);margin-top:6px}
.hero-cta{margin-top:24px}
.hero-visual{position:relative;padding:12px}
.hero-visual .blob{border-radius:46% 54% 42% 58% / 52% 44% 56% 48%;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/0.92;background:var(--peach);border:6px solid #fff}
.hero-visual .blob img{width:100%;height:100%;object-fit:cover}
.hero-visual::before{content:"";position:absolute;inset:-4px -4px auto auto;width:46%;aspect-ratio:1;border-radius:50%;background:var(--pink-200);opacity:.75;z-index:-1;transform:translate(14%,-12%)}
.hero-visual::after{content:"";position:absolute;left:-2%;bottom:-4%;width:30%;aspect-ratio:1;border-radius:50%;background:var(--or-300);opacity:.5;z-index:-1}
.hero-float{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:10px 16px;font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.5;border:1.5px solid var(--pink-200)}
.hero-float.f1{left:-2px;bottom:12%;color:var(--or-800)}
.hero-float.f2{right:0;top:8%;color:var(--pink-700);font-size:14px}
.hero-float small{display:block;font-family:var(--font-body);font-weight:500;color:var(--ink-2);font-size:12.5px}
@media(max-width:520px){.hero-float.f1{left:6px;bottom:6%}.hero-float.f2{right:6px;top:4%}}

/* ========== stats ========== */
.stats{background:linear-gradient(100deg,var(--or-600),var(--or-500) 55%,#F59A5A);color:#fff;position:relative}
.stats ul{list-style:none;margin:0;padding:22px 0;display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.stats ul{grid-template-columns:repeat(4,1fr);gap:0}}
.stats li{text-align:center;font-size:14.5px;color:rgba(255,255,255,.95);line-height:1.6}
@media(min-width:900px){.stats li+li{border-left:1px dashed rgba(255,255,255,.55)}}
.stats b{display:block;font-family:var(--font-display);font-size:32px;font-weight:700;color:#fff;line-height:1.3}
.stats b small{font-size:16px}

/* ========== section head ========== */
.sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:clamp(26px,4vw,46px)}
.kicker{font-size:13.5px;font-weight:700;letter-spacing:.14em;color:var(--pink-700);background:var(--pink-100);border-radius:999px;padding:3px 16px}
.sec-head h2{font-size:clamp(24px,4.6vw,36px)}
.sec-head h2 .u{background:linear-gradient(transparent 64%,var(--pink-200) 64%);padding:0 3px}
.sec-head p{color:var(--ink-2);font-size:16.5px;max-width:44em}
h3.sub-h{font-size:clamp(20px,3.6vw,25px);margin:34px 0 14px}
h3.sub-h::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--or-500);margin-right:10px;vertical-align:middle;position:relative;top:-2px;box-shadow:12px 0 0 var(--pink-400)}
h3.sub-h{padding-left:0}
h3.sub-h::before{margin-right:26px}

/* ========== photos ========== */
.ph{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--peach);border:5px solid #fff}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.r43{aspect-ratio:4/3}.ph.r32{aspect-ratio:3/2}.ph.r169{aspect-ratio:16/9}.ph.r11{aspect-ratio:1}.ph.r34{aspect-ratio:3/4}
.ph.round{border-radius:50%;aspect-ratio:1}
.ph.blob{border-radius:44% 56% 52% 48% / 50% 42% 58% 50%}
.ph-note{font-size:13px;color:var(--ink-3);margin-top:8px;text-align:right}
.split{display:grid;gap:26px;align-items:center}
@media(min-width:860px){.split{grid-template-columns:1fr 1fr;gap:44px}.split.rev .split-ph{order:2}.split.w4060{grid-template-columns:.9fr 1.1fr}}

/* ========== cards ========== */
.cards{display:grid;gap:16px}
@media(min-width:640px){.cards.c2,.cards.c4{grid-template-columns:1fr 1fr}}
@media(min-width:860px){.cards.c3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.cards.c4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;box-shadow:var(--shadow-sm)}
.card h3{font-size:20px}
.card p{font-size:16px;color:var(--ink-2);margin-top:9px}
.card .n{font-size:13.5px;font-weight:700;letter-spacing:.08em;color:var(--pink-700)}
.card.pc{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card.pc .pimg{aspect-ratio:3/2;overflow:hidden;background:var(--peach)}
.card.pc .pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card.pc:hover .pimg img{transform:scale(1.04)}
.card.pc .pbody{padding:18px 20px 22px}
.card.top-or{border-top:5px solid var(--or-500)}
.card.top-pk{border-top:5px solid var(--pink-400)}

.abc{display:grid;gap:18px;margin-top:28px}
@media(min-width:820px){.abc{grid-template-columns:repeat(3,1fr)}}
.abc-card{background:var(--surface);border:2px solid var(--line);border-radius:24px;overflow:hidden;text-align:center;box-shadow:var(--shadow-sm);position:relative}
.abc-card .pimg{aspect-ratio:3/2;overflow:hidden}
.abc-card .pimg img{width:100%;height:100%;object-fit:cover}
.abc-card .st{position:absolute;top:12px;left:12px;font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;background:var(--or-700);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;border:3px solid #fff;box-shadow:var(--shadow-sm)}
.abc-card:nth-child(2) .st{background:var(--pink-700)}
.abc-card .tx{padding:18px 20px 24px}
.abc-card h3{font-size:22px}
.abc-card p{font-size:16px;color:var(--ink-2);margin-top:9px;text-align:left}
.arrow-between{display:none}
.yasashi{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
@media(min-width:720px){.yasashi{grid-template-columns:1fr 1fr}}
.yasashi li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;font-size:16.5px;font-weight:500;box-shadow:var(--shadow-sm)}
.yasashi .tick{margin-top:7px}

.note{margin-top:20px;font-size:16px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--or-500);border-radius:var(--r-sm);padding:17px 20px}
.note.pink{border-left-color:var(--pink-400);background:var(--pink-50)}
.fair{margin-top:20px;background:#fff;border:1.5px dashed var(--line-2);border-radius:var(--r-sm);padding:17px 20px;font-size:15px;color:var(--ink-2)}
.src{margin-top:20px;font-size:15px;color:var(--ink-2);line-height:1.9;background:#fff;border-radius:var(--r-sm);padding:17px 20px;border:1px solid var(--line)}
.mk{font-weight:700;background:linear-gradient(transparent 58%,var(--pink-200) 58%);padding:0 2px}
.more-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:17px;font-weight:700;color:var(--or-800);text-decoration:none;border-bottom:3px solid var(--or-300);padding-bottom:2px}

/* ========== commitments ========== */
.commit{display:grid;gap:16px}
@media(min-width:760px){.commit{grid-template-columns:repeat(3,1fr)}}
.c-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;box-shadow:var(--shadow-sm);text-align:center;position:relative}
.c-card .ico{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:var(--pink-100);display:grid;place-items:center}
.c-card:nth-child(2) .ico{background:var(--or-100)}
.c-card .ico svg{width:42px;height:42px}
.c-card .no{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--pink-700)}
.c-card h3{font-size:21px;margin-top:4px}
.c-card p{font-size:16px;color:var(--ink-2);margin-top:9px;text-align:left}
.pledge{margin-top:26px;background:#fff;border:2px solid var(--or-300);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}
.pledge-head{background:linear-gradient(100deg,var(--or-100),var(--pink-100));padding:22px 24px 18px}
.pledge-head h3{font-size:clamp(20px,3.6vw,25px)}
.pledge-head p{font-size:15.5px;color:var(--ink-2);margin-top:8px}
.pledge ol{list-style:none;counter-reset:pl;margin:0;padding:0}
.pledge li{counter-increment:pl;padding:20px 22px 20px 70px;border-bottom:1px dashed var(--line-2);position:relative}
.pledge li:last-child{border-bottom:0}
.pledge li::before{content:counter(pl);position:absolute;left:22px;top:21px;width:34px;height:34px;border-radius:50%;background:var(--or-700);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;display:grid;place-items:center}
.pledge li:nth-child(even)::before{background:var(--pink-700)}
.pledge strong{display:block;font-family:var(--font-display);font-size:18.5px;margin-bottom:6px}
.pledge span{font-size:16px;color:var(--ink-2)}
.pledge-foot{background:var(--cream);padding:17px 22px;font-size:15px;color:var(--ink-2)}

/* ========== tables ========== */
.table-scroll{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow-sm)}
table{border-collapse:collapse;width:100%;font-size:16.5px}
caption{text-align:left;padding:16px 18px 0;font-size:14.5px;color:var(--ink-2);line-height:1.7}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--cream);font-family:var(--font-display);font-size:15.5px}
thead th.ours{background:var(--or-700);color:#fff}
tbody th{font-family:var(--font-display);font-size:16.5px}
td.ours{background:var(--or-100);font-weight:500}
td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
@media(max-width:639px){
  table.rt{min-width:0}
  table.rt thead{display:none}
  table.rt tbody,table.rt tr,table.rt th,table.rt td{display:block;width:100%}
  table.rt tr{border-bottom:2px solid var(--line);padding:4px 0 10px}
  table.rt tr:last-child{border-bottom:0}
  table.rt tbody th{background:var(--cream);border:0;border-radius:10px;padding:10px 14px;margin:8px 0 4px;font-size:17.5px}
  table.rt td{border:0;padding:5px 14px;display:flex;gap:10px;align-items:baseline}
  table.rt td::before{content:attr(data-label);flex:none;width:7.6em;font-size:14px;font-weight:700;color:var(--ink-2);line-height:1.7}
  table.rt td.ours{background:transparent}
}

/* ========== sheet / estimate ========== */
.sheet,.est{background:#fff;border:2px solid var(--or-300);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.sheet-head,.est-head{background:linear-gradient(100deg,var(--or-600),var(--or-500));color:#fff;padding:18px 22px;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;justify-content:space-between}
.sheet-head h3,.est-head h3{font-size:22px;color:#fff}
.sheet-head span,.est-head span{font-size:14px;opacity:.95}
.sheet .row{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px 22px;border-bottom:1px dashed var(--line-2)}
.sheet .row.hl,.est-list li.hl{background:var(--pink-50)}
.sheet .idx{width:34px;height:34px;border-radius:50%;background:var(--or-700);color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;display:grid;place-items:center}
.sheet .row.hl .idx{background:var(--pink-700)}
.sheet h4{font-size:19px}
.sheet .row p{font-size:16px;color:var(--ink-2);margin-top:7px}
.sheet-foot,.est-foot{background:var(--cream);padding:16px 22px;font-size:15px;color:var(--ink-2)}
.est-list{list-style:none;margin:0;padding:0}
.est-list li{display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:baseline;padding:15px 20px;border-bottom:1px dashed var(--line-2)}
@media(max-width:779px){.est-list .k,.est-list .v{grid-column:1/-1;text-align:left}.est-list .v{font-size:27px}}
@media(min-width:780px){.est-list li{grid-template-columns:minmax(0,1fr) 252px minmax(0,1.15fr)}}
.est-list .k{font-family:var(--font-display);font-weight:700;font-size:17px}
.est-list .v{font-family:var(--font-display);font-weight:700;font-size:25px;text-align:right;color:var(--or-700);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.3}
.est-list li.hl .v{color:var(--pink-700)}
.est-list .v small{font-size:14.5px;margin-left:3px}
.est-list .n{grid-column:1/-1;font-size:14.5px;color:var(--ink-2);line-height:1.75}
.est-list .k .yasu{display:inline-block;font-style:normal;font-family:var(--font-body);font-size:12.5px;font-weight:700;color:var(--pink-700);background:#fff;border:1px solid var(--pink-200);border-radius:999px;padding:0 10px;margin-left:8px;line-height:1.8;vertical-align:2px;white-space:nowrap}
@media(min-width:780px){.est-list .k .yasu{display:block;width:fit-content;margin:6px 0 0}}
.est-notes{display:grid;border-top:1px dashed var(--line-2)}
@media(min-width:780px){.est-notes{grid-template-columns:1fr 1.3fr}}
.est-notes>div{padding:16px 20px}
.est-notes b{display:block;font-family:var(--font-display);font-size:16px;color:var(--or-800);margin-bottom:4px}
.est-notes p{margin:0;font-size:16px;line-height:1.8}
.en-mansion{display:flex;gap:14px;align-items:center;background:var(--pink-50);border-top:1px dashed var(--line-2)}
@media(min-width:780px){.en-mansion{border-top:0;border-left:1px dashed var(--line-2)}}
.en-mansion svg{flex:none;width:44px;height:44px;color:var(--pink-700)}
.en-mansion b{color:var(--pink-700)}
.en-mansion p{font-size:17px}
.ex-cond{margin-top:22px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--or-500);border-radius:var(--r-sm);padding:14px 18px;font-size:16px;line-height:1.8}
@media(min-width:780px){.est-list .n{grid-column:auto}}
.est-grid{display:grid;gap:18px;margin-top:20px}
.est-grid>div{min-width:0}
@media(min-width:640px){.est-grid table{min-width:380px}}
.verdict{margin-top:14px;background:var(--pink-50);border-left:6px solid var(--pink-400);border-radius:var(--r-sm);padding:14px 18px;font-size:15.5px}

/* ========== stairs (滞納段階の図をCSSで) ========== */
.stairs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:250px;margin-top:6px}
.stairs .bar{border-radius:14px 14px 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#fff;padding:10px 6px;text-align:center;font-size:13.5px;font-weight:700;line-height:1.4}
.stairs .bar b{font-family:var(--font-display);font-size:34px;line-height:1.1}
.stairs .b1{height:100%;background:var(--or-500)}.stairs .b2{height:75%;background:var(--or-600)}.stairs .b3{height:50%;background:var(--pink-600)}.stairs .b4{height:26%;background:var(--alert)}
.stairs-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px;text-align:center;font-size:13.5px;line-height:1.5}
.stairs-labels b{display:block;font-family:var(--font-display);font-size:14.5px}
@media(max-width:560px){.stairs{height:200px}.stairs .bar{font-size:11.5px}.stairs .bar b{font-size:26px}.stairs-labels{font-size:11.5px}.stairs-labels b{font-size:12.5px}}
.figbox{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,2.6vw,28px);box-shadow:var(--shadow-sm)}
.tl{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.tl li{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:18px 20px;display:grid;gap:9px;box-shadow:var(--shadow-sm)}
@media(min-width:720px){.tl li{grid-template-columns:200px 1fr;gap:22px;align-items:start}}
.tl .when{font-family:var(--font-display);font-size:18px;font-weight:700}
.tl .when small{display:block;font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--ink-3);margin-top:3px}
.tl .can{font-size:16px;color:var(--ink-2)}
.tl .s1{border-left:6px solid var(--or-500)}.tl .s2{border-left:6px solid var(--or-600)}.tl .s3{border-left:6px solid var(--pink-600)}.tl .s4{border-left:6px solid var(--alert)}
.tl-note{margin-top:18px;font-size:15px;color:var(--ink-2);background:#fff;border:1.5px dashed var(--line-2);border-radius:var(--r-sm);padding:17px 20px}

/* 逆算フロー */
.rev-flow{display:grid;gap:12px;align-items:stretch}
@media(min-width:860px){.rev-flow{grid-template-columns:1fr auto 1.2fr auto 1fr}}
.rev-flow .node{background:var(--cream);border:2px solid var(--or-300);border-radius:18px;padding:16px 18px;text-align:center}
.rev-flow .node b{display:block;font-family:var(--font-display);font-size:18px}
.rev-flow .node span{font-size:13.5px;color:var(--ink-2)}
.rev-flow .node.end{background:var(--pink-50);border-color:var(--pink-400)}
.rev-flow .arw{display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--or-800);text-align:center}
.rev-flow .arw::before{content:"▶";display:block;font-size:20px;color:var(--or-600)}
@media(max-width:859px){.rev-flow .arw::before{content:"▼"}}
.calc{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;box-shadow:var(--shadow-sm)}
.calc h3{font-size:clamp(19px,3.4vw,23px)}
.calc ol{margin:14px 0 0;padding-left:1.3em;display:grid;gap:9px;font-size:16px;color:var(--ink-2)}
.calc .out{margin-top:16px;padding:15px 18px;background:var(--pink-50);border-radius:var(--r-sm);font-size:15.5px;color:var(--ink)}

/* ========== merits / warns / checks ========== */
.ml{list-style:none;padding:0;margin:0;display:grid;gap:12px}
@media(min-width:760px){.ml{grid-template-columns:1fr 1fr}}
.ml li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-sm)}
.ml strong{display:block;font-family:var(--font-display);font-size:18px;margin-bottom:6px}
.ml span{font-size:16px;color:var(--ink-2)}
.ml.bad li{border-left:6px solid var(--alert)}
.ml.good li{border-left:6px solid var(--or-500)}
.ml .ours{display:block;margin-top:10px;padding:11px 14px;background:var(--cream);border-radius:10px;font-size:15px;color:var(--ink)}
.warns{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.warns li{background:#fff;border:1px solid var(--line);border-left:6px solid var(--alert);border-radius:var(--r-sm);padding:19px 21px;box-shadow:var(--shadow-sm)}
.warns .said{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--alert)}
.warns .why{font-size:16px;color:var(--ink-2);margin-top:9px}
.warns .ours{margin-top:11px;padding:12px 14px;background:var(--cream);border-radius:10px;font-size:15px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:ck}
.checks li{counter-increment:ck;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 62px;position:relative;box-shadow:var(--shadow-sm)}
.checks li::before{content:counter(ck);position:absolute;left:16px;top:17px;width:32px;height:32px;border-radius:50%;background:var(--or-700);color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;display:grid;place-items:center}
.checks strong{display:block;font-family:var(--font-display);font-size:17.5px;margin-bottom:4px}
.checks span{color:var(--ink-2);font-size:16px}

/* ========== band (CTA) ========== */
.band{background:linear-gradient(110deg,var(--or-700),var(--or-600) 55%,var(--pink-600));color:#fff;padding-block:clamp(36px,6vw,64px);position:relative;overflow:hidden}
.band::before,.band::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.band::before{width:260px;height:260px;left:-80px;top:-100px}.band::after{width:200px;height:200px;right:-50px;bottom:-90px}
.band .wrap{position:relative;z-index:1}
.band h2{font-size:clamp(22px,4.4vw,33px);text-align:center;color:#fff}
.band p{text-align:center;margin-top:13px;font-size:16.5px;color:rgba(255,255,255,.96)}
.band .cta-pair{margin-top:26px;max-width:720px;margin-inline:auto}
.band .btn-primary{background:#fff;color:var(--or-800);border-color:#fff}
.band .btn-primary:hover{background:var(--or-100)}
.band .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.band .btn-line:hover{background:rgba(255,255,255,.15)}
.band .cta-note{color:rgba(255,255,255,.95)}
.band .line-link{color:#fff}
.band .tel-band{display:block;margin-top:22px;text-align:center}
.band .tel-band a{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,6.5vw,38px);color:#fff;text-decoration:none;line-height:1.3}
.band .tel-band span{display:block;font-size:15px;color:rgba(255,255,255,.95);margin-top:4px}
.band-photo{display:grid;gap:26px;align-items:center}
@media(min-width:860px){.band-photo{grid-template-columns:.8fr 1.2fr}}
.band-photo .ph{border-color:rgba(255,255,255,.9)}

/* ========== second opinion / online / alts / area / co / people ========== */
.second{background:#fff;border:2px solid var(--or-300);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}
.second-head{background:linear-gradient(100deg,var(--pink-100),var(--or-100));padding:22px 24px}
.second-head h3{font-size:23px}
.second-head p{font-size:15.5px;color:var(--ink-2);margin-top:8px}
.second-body{display:grid}
@media(min-width:760px){.second-body{grid-template-columns:1fr 1fr}.second-body>div:first-child{border-right:1px dashed var(--line-2)}}
.second-body>div{padding:22px 24px;border-bottom:1px dashed var(--line-2)}
.second-body h4{font-size:17.5px;margin:0 0 11px}
.second-body ul{margin:0;padding-left:1.2em;display:grid;gap:7px;font-size:16px;color:var(--ink-2)}
.second-foot{background:var(--cream);padding:17px 24px;font-size:15px;color:var(--ink-2)}
.online{display:grid;gap:14px}
@media(min-width:760px){.online{grid-template-columns:1fr 1fr}}
.o-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;display:grid;grid-template-columns:auto 1fr;gap:16px;box-shadow:var(--shadow-sm)}
.o-card .ico{width:46px;height:46px;color:var(--or-600)}
.o-card h3{font-size:19px}
.o-card p{font-size:16px;color:var(--ink-2);margin-top:8px}
.area-grid{display:grid;gap:16px;margin-top:20px}
@media(min-width:760px){.area-grid{grid-template-columns:1fr 1fr}}
.area-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--or-500);border-radius:var(--r);padding:22px 20px;box-shadow:var(--shadow-sm)}
.area-card.sg{border-top-color:var(--pink-400)}
.area-card h3{font-size:22px}
.area-card .w{font-size:14px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:3px 12px;display:inline-block;margin-top:8px}
.area-card.sg .w{background:var(--pink-100);color:var(--pink-700)}
.area-card p{font-size:16px;color:var(--ink-2);margin-top:10px;line-height:1.9}
.co-grid{display:grid;gap:16px}
@media(min-width:760px){.co-grid{grid-template-columns:repeat(2,1fr)}}
.co{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;box-shadow:var(--shadow-sm)}
.co .role{font-size:13.5px;font-weight:700;letter-spacing:.04em;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:3px 12px;display:inline-block}
.co .role.pk{background:var(--pink-100);color:var(--pink-700)}
.co h3{font-size:20px;margin-top:9px}
.co dl{display:grid;gap:6px;margin:11px 0 0;font-size:15.5px}
@media(min-width:560px){.co dl{grid-template-columns:auto 1fr;column-gap:14px}}
.co dt{color:var(--ink-2);font-size:14px;font-weight:700}
.co dd{margin:0}
.mem-block{margin-top:34px}
.mem-block .mem-lead{font-size:16px;color:var(--ink-2);line-height:1.9;margin:0 0 6px}
.mem-pref{font-size:19px;margin:26px 0 12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.mem-pref small{font-size:14px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:2px 11px}
.mem-pref a{font-size:14.5px;font-weight:700;margin-left:auto}
.mem-note{font-size:14.5px;color:var(--ink-2);margin:12px 0 0}
.co.mem h3{font-size:18.5px}
.co.mem dl{font-size:15px}
.people{display:grid;gap:16px}
@media(min-width:640px){.people{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.people{grid-template-columns:repeat(4,1fr)}}
.person{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.person .pic{width:104px;height:104px;border-radius:50%;background:var(--peach);border:4px solid #fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;margin:0 auto 13px;overflow:hidden}
.person .pic svg{width:104px;height:104px}
.person .nm{font-family:var(--font-display);font-size:22px;font-weight:700;text-align:center}
.person .ym{font-size:14px;color:var(--ink-3);text-align:center;margin-top:2px;line-height:1.7}
.person .rl{font-size:14px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:4px 12px;text-align:center;margin:11px auto 0}
.person .qual{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:11px 0 0;padding:0}
.person .qual li{font-size:13.5px;font-weight:700;color:var(--pink-700);background:var(--pink-100);border-radius:999px;padding:2px 11px}
.person .exp{font-size:14px;font-weight:700;color:var(--or-800);background:var(--cream);border-radius:10px;padding:7px 10px;text-align:center;margin-top:11px}
.person .good{font-size:15.5px;color:var(--ink-2);margin-top:12px}
.message blockquote{margin:0;background:#fff;border:1px solid var(--line);border-left:6px solid var(--pink-400);border-radius:var(--r);padding:clamp(22px,3vw,34px);box-shadow:var(--shadow-sm)}
.message .q{display:block;font-family:var(--font-display);font-size:clamp(20px,3.8vw,27px);font-weight:700;margin-bottom:15px;color:var(--pink-700)}
.message blockquote p{font-size:16.5px;color:var(--ink-2)}
.message blockquote p+p{margin-top:13px}
.message footer{margin-top:19px;padding-top:15px;border-top:1px dashed var(--line-2);font-family:var(--font-display);font-size:17px;font-weight:700}
.message footer span{display:block;font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--ink-2);margin-top:5px}
.draft{margin-top:20px;background:#fff;border:2px dashed var(--line-2);border-radius:var(--r);overflow:hidden}
.draft-head{background:var(--or-100);padding:13px 18px;font-size:14.5px;font-weight:700;color:var(--or-800);line-height:1.75}
.draft blockquote{margin:0;padding:19px 20px}
.draft blockquote p{font-size:16px;color:var(--ink-2)}
.draft blockquote p+p{margin-top:13px}
.voice{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}
.voice .quote{font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.75;color:var(--pink-700)}
.voice p{font-size:16px;color:var(--ink-2)}
.voice .who{margin-top:auto;padding-top:10px;border-top:1px dotted var(--line-2);font-size:14px;color:var(--ink-2)}

/* ========== flow ========== */
.flow{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:f}
.fstep{counter-increment:f;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:17px 18px;display:grid;gap:7px;box-shadow:var(--shadow-sm)}
@media(min-width:720px){.fstep{grid-template-columns:auto 1fr auto;align-items:center;column-gap:18px}}
.fstep .no{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;background:var(--or-700);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.fstep:nth-child(even) .no{background:var(--pink-700)}
.fstep .what strong{display:block;font-family:var(--font-display);font-size:19px}
.fstep .what span{font-size:16px;color:var(--ink-2)}
.chip{font-size:14px;font-weight:700;border-radius:999px;padding:3px 13px;white-space:nowrap;align-self:flex-start}
.chip-free{background:var(--or-100);color:var(--or-800)}
.chip-time{background:var(--pink-100);color:var(--pink-700)}

/* ========== faq / gloss ========== */
.faq{display:grid;gap:11px}
.qa{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:20px 22px 22px}
.qa .q{display:flex;gap:11px;align-items:flex-start;margin:0;font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.65}
.qa .q::before{content:"Q";flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin-top:1px;border-radius:50%;background:var(--pink-100);color:var(--pink-700);font-size:14px}
.qa .a{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-2);font-size:16px;color:var(--ink-2)}
.gloss{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
.gloss div{padding:16px 20px;border-bottom:1px dashed var(--line-2)}
.gloss div:last-child{border-bottom:0}
.gloss dt{font-family:var(--font-display);font-weight:700;font-size:17.5px}
.gloss dt .yomi{font-family:var(--font-body);font-size:13.5px;font-weight:400;color:var(--ink-3);margin-left:8px}
.gloss dd{margin:6px 0 0;font-size:16px;color:var(--ink-2)}
.gloss-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.gloss-nav a{font-size:14.5px;font-weight:700;background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:5px 15px;text-decoration:none;color:var(--or-800)}

/* ========== 相談状況フィード ========== */
.feed-box{background:#fff;border:2px solid var(--or-300);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
.feed-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(100deg,var(--or-100),var(--pink-100));padding:18px 24px}
.feed-head .live{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:18px}
.feed-head .live i{width:11px;height:11px;border-radius:50%;background:var(--or-600);animation:pulse 2.2s infinite;display:block}
.feed-count{display:flex;gap:18px;font-size:14px;color:var(--ink-2)}
.feed-count b{font-family:var(--font-display);font-size:26px;color:var(--or-700);margin-right:3px}
.feed-list{list-style:none;margin:0;padding:0}
.feed-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;padding:15px 24px;border-bottom:1px dashed var(--line-2)}
.feed-item:last-child{border-bottom:0}
.feed-item .when{font-size:14px;color:var(--ink-2);line-height:1.7;white-space:nowrap}
.feed-item .when b{display:inline;margin-right:.45em;color:var(--ink);font-size:15px}
.feed-item .who{font-size:16.5px;line-height:1.7;min-width:0}
.feed-item .who .area{font-weight:700}
.feed-item .meta{flex:1 0 100%;font-size:14px;color:var(--ink-2);line-height:1.7}
@media(min-width:760px){.feed-item{display:grid;grid-template-columns:200px 190px 1fr;gap:6px 14px;align-items:baseline}.feed-item .meta{flex:none}}
@media(max-width:420px){.feed-item{padding:13px 16px}.feed-head{padding:16px 16px}}
.tag{display:inline-block;font-size:13px;font-weight:700;border-radius:999px;padding:2px 11px;margin-right:6px;background:var(--pink-100);color:var(--pink-700)}
.tag.or{background:var(--or-100);color:var(--or-800)}
.status{font-size:13.5px;font-weight:700;border-radius:999px;padding:3px 13px;white-space:nowrap;border:1.5px solid var(--or-300);color:var(--or-800);background:#fff;justify-self:start}
@media(min-width:760px){.status{justify-self:end}}
.status.is-done{border-color:var(--pink-400);color:var(--pink-700)}
.feed-empty{padding:30px 24px;text-align:center;color:var(--ink-2);font-size:16px}
.feed-new{animation:newin 1.6s ease-out}
@keyframes newin{0%{background:var(--or-100)}100%{background:transparent}}

/* ========== form ========== */
.next{background:#fff;border:3px solid var(--or-500);border-radius:28px;padding:clamp(22px,3.4vw,38px);box-shadow:var(--shadow);margin-bottom:28px}
.next .lead{display:block;text-align:center;font-size:14.5px;font-weight:700;letter-spacing:.12em;color:var(--pink-700)}
.next h2{font-size:clamp(22px,4.8vw,32px);text-align:center;margin-top:8px}
.next .sub{text-align:center;font-size:17px;color:var(--ink-2);margin-top:12px}
.next-grid{display:grid;gap:16px;margin-top:26px}
@media(min-width:700px){.next-grid{grid-template-columns:1fr 1fr}.next-card:last-child:nth-child(odd){grid-column:1/-1}}
.next-card{border:2px solid var(--line);border-radius:20px;padding:22px 20px;background:var(--bg);display:flex;flex-direction:column;gap:11px}
.next-card.pick{border-color:var(--or-500);background:var(--or-100)}
.next-card .tg{align-self:flex-start;font-size:13.5px;font-weight:700;color:var(--pink-700);background:var(--pink-100);border-radius:999px;padding:3px 13px}
.next-card.pick .tg{background:var(--or-700);color:#fff}
.next-card h3{font-size:20px}
.next-card p{font-size:15.5px;color:var(--ink-2);flex:1}
.next-card .btn{width:100%}
.tel-big{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,5.4vw,28px);white-space:nowrap;line-height:1.3;color:var(--or-800);text-decoration:none;display:block;text-align:center}
.tel-sub{display:block;text-align:center;font-size:14.5px;color:var(--ink-2);margin-top:4px}
.next-foot{margin-top:22px;padding:16px 18px;background:var(--pink-50);border-radius:var(--r-sm);font-size:15.5px;text-align:center;line-height:1.9}
.form-shell{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
.tabs{display:grid;grid-template-columns:1fr 1fr}
.tab{appearance:none;border:0;background:var(--cream);color:var(--ink-2);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:16px;padding:16px 10px;line-height:1.5;border-bottom:4px solid var(--line)}
.tab .sub{display:block;font-family:var(--font-body);font-size:13.5px;font-weight:500;margin-top:3px}
.tab[aria-selected="true"]{background:#fff;color:var(--ink);border-bottom-color:var(--or-600)}
.form-body{padding:clamp(20px,3vw,34px)}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.field>label,.field>.lbl{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.req,.opt{font-size:13px;font-weight:700;border-radius:999px;padding:1px 10px}
.req{background:var(--or-700);color:#fff}
.opt{background:var(--cream);color:var(--ink-2)}
input,select,textarea{font-family:inherit;font-size:17.5px;color:var(--ink);background:var(--bg);border:2px solid var(--line-2);border-radius:14px;padding:14px 15px;width:100%;min-height:58px}
input:focus,select:focus,textarea:focus{border-color:var(--or-500);outline:none;box-shadow:0 0 0 4px rgba(247,137,58,.2)}
textarea{min-height:104px;line-height:1.75;resize:vertical}
.hint{font-size:14.5px;color:var(--ink-2);line-height:1.75}
.two{display:grid;gap:18px}
@media(min-width:640px){.two{grid-template-columns:1fr 1fr}}
.radio-row{display:flex;flex-wrap:wrap;gap:9px}
.radio-row label{display:flex;align-items:center;gap:10px;border:2px solid var(--line-2);border-radius:999px;padding:12px 20px;min-height:56px;font-weight:500;font-size:16.5px;cursor:pointer;background:var(--bg)}
.radio-row label:has(input:checked){border-color:var(--or-600);background:var(--or-100)}
.radio-row input,.chk input{width:auto;min-height:0;margin:0;accent-color:var(--or-700);transform:scale(1.25)}
.chk{display:flex;gap:12px;align-items:flex-start;background:var(--pink-50);border:1.5px solid var(--pink-200);border-radius:16px;padding:15px 18px;font-size:15px;line-height:1.85;margin-bottom:18px;cursor:pointer}
.chk input{margin-top:7px}
.chk b{color:var(--pink-700)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.privacy{font-size:14.5px;color:var(--ink-2);text-align:center;margin-bottom:15px;line-height:1.85}
.submit-wrap{display:flex;flex-direction:column;gap:10px}
.submit-wrap .btn{width:100%}
.demo-banner{background:#FFF8D9;border:1px solid #EFE2A4;border-radius:14px;padding:11px 16px;font-size:14px;color:#6a5a12;margin-bottom:18px;line-height:1.75}
.done{padding:clamp(26px,4vw,46px);text-align:center;display:flex;flex-direction:column;gap:13px;align-items:center}
.done .mk2{width:64px;height:64px;color:var(--or-600)}
.done h3{font-size:25px}
.done ol{text-align:left;margin:4px 0 0;padding-left:1.3em;font-size:16.5px;color:var(--ink-2);display:grid;gap:9px;max-width:32em}
.err{color:var(--alert);font-size:14.5px;font-weight:700}

/* ========== blog ========== */
.crumb{font-size:14px;color:var(--ink-2);padding:14px 0 0}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.crumb li+li::before{content:"›";margin-right:6px;color:var(--ink-3)}
.crumb a{color:var(--ink-2)}
.page-hero{background:radial-gradient(700px 300px at 90% 0%,var(--pink-100),transparent 70%),var(--cream);padding-block:clamp(30px,5vw,56px)}
.page-hero h1{font-size:clamp(26px,5vw,40px);margin-top:10px}
.page-hero p{color:var(--ink-2);margin-top:12px;max-width:40em;font-size:16.5px}
.cat-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.cat-nav a{font-size:15px;font-weight:700;background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:5px 16px;text-decoration:none;color:var(--or-800)}
.cat-nav a[aria-current="page"],.cat-nav a:hover{background:var(--or-700);color:#fff;border-color:var(--or-700)}
.blog-grid{display:grid;gap:22px}
@media(min-width:640px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-card .pimg{aspect-ratio:3/2;overflow:hidden;background:var(--peach)}
.post-card .pimg img{width:100%;height:100%;object-fit:cover}
.post-card .pbody{padding:18px 20px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.post-card h3{font-size:18px;line-height:1.65}
.post-card p{font-size:15px;color:var(--ink-2);line-height:1.85}
.post-card time{font-size:13.5px;color:var(--ink-3)}
.post-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--ink-2)}
.article{padding-block:30px 60px}
.article h1{font-size:clamp(25px,4.8vw,37px);line-height:1.55;margin:14px 0 14px}
.article .eyecatch{margin:22px 0 28px}
.article .lead-p{font-size:17.5px;color:var(--ink-2);background:var(--cream);border-radius:var(--r);padding:20px 24px}
.toc{background:#fff;border:2px solid var(--or-300);border-radius:var(--r);padding:18px 24px;margin:28px 0}
.toc b{font-family:var(--font-display);font-size:17px;color:var(--or-800)}
.toc ol{margin:8px 0 0;padding-left:1.4em;font-size:16px;display:grid;gap:3px}
.toc a{color:var(--ink);text-decoration:none;border-bottom:1px dashed var(--or-300)}
.prose h2{font-size:clamp(21px,3.8vw,28px);margin:2.2em 0 .7em;padding:12px 18px;background:linear-gradient(100deg,var(--or-100),var(--pink-50));border-left:8px solid var(--or-500);border-radius:0 14px 14px 0}
.prose h3{font-size:clamp(18.5px,3.2vw,22px);margin:1.8em 0 .5em;padding-bottom:6px;border-bottom:3px dotted var(--pink-200)}
.prose p{margin:1em 0;font-size:17.5px}
.prose ul,.prose ol{margin:1em 0;padding-left:1.5em;display:grid;gap:6px}
.prose li{font-size:17px}
.prose blockquote{margin:1.4em 0;padding:16px 20px;background:var(--pink-50);border-left:6px solid var(--pink-400);border-radius:0 14px 14px 0}
.prose blockquote p{margin:.4em 0}
.prose .box{margin:1.6em 0;background:#fff;border:2px solid var(--or-300);border-radius:var(--r);padding:18px 22px}
.prose .box.warn{border-color:var(--alert);background:var(--alert-bg)}
.prose .box.tip{border-color:var(--pink-400);background:var(--pink-50)}
.prose .box>strong:first-child{display:block;font-family:var(--font-display);font-size:17.5px;margin-bottom:6px}
.prose .box p{margin:.5em 0;font-size:16.5px}
.prose figure{margin:1.8em 0}
.prose figure img{border-radius:var(--r);box-shadow:var(--shadow-sm)}
.prose table{font-size:16px}
.prose .table-scroll{margin:1.4em 0}
.post-cta{margin-top:44px;background:linear-gradient(110deg,var(--or-100),var(--pink-100));border-radius:26px;padding:clamp(24px,4vw,40px);text-align:center}
.post-cta h2{font-size:clamp(20px,3.8vw,26px)}
.post-cta p{margin-top:10px;font-size:16px;color:var(--ink-2)}
.post-cta .cta-pair{margin-top:20px;max-width:640px;margin-inline:auto}
.related{margin-top:48px}
.related h2{font-size:22px;margin-bottom:18px}
.byline{font-size:14px;color:var(--ink-2);margin-top:30px;padding:14px 18px;background:var(--cream);border-radius:14px;line-height:1.85}

/* ========== 一人暮らし特集 ========== */
.svc-grid{display:grid;gap:18px}
@media(min-width:760px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.svc-grid.c3{grid-template-columns:repeat(3,1fr)}}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:9px}
.svc .ico{width:56px;height:56px;border-radius:18px;background:var(--pink-100);display:grid;place-items:center;color:var(--pink-700)}
.svc:nth-child(even) .ico{background:var(--or-100);color:var(--or-800)}
.svc .ico svg{width:32px;height:32px}
.svc h3{font-size:19.5px}
.svc p{font-size:15.5px;color:var(--ink-2);line-height:1.9}
.svc .price{margin-top:auto;font-size:14px;font-weight:700;color:var(--or-800);background:var(--cream);border-radius:12px;padding:8px 12px;line-height:1.7}
.svc .price small{font-weight:500;color:var(--ink-2)}
.svc .good-for{font-size:14px;color:var(--ink-2);border-top:1px dashed var(--line-2);padding-top:9px}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.checklist li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-sm);font-size:16.5px}
.checklist li::before{content:"";flex:none;width:26px;height:26px;margin-top:5px;border-radius:8px;border:3px solid var(--or-500);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%23CB5E14' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.checklist b{display:block;font-family:var(--font-display);font-size:17.5px}
.checklist span{color:var(--ink-2);font-size:15.5px}
.persona{display:grid;gap:16px}
@media(min-width:760px){.persona{grid-template-columns:1fr 1fr}}
.persona .card h3{display:flex;gap:10px;align-items:center}
.callout{background:var(--pink-50);border:2px solid var(--pink-200);border-radius:var(--r);padding:20px 24px;font-size:16.5px}
.callout b{color:var(--pink-700)}
.mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mini-links a{font-size:15px;font-weight:700;background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:5px 16px;text-decoration:none;color:var(--or-800)}

/* ========== footer ========== */
.site-foot{background:var(--cream);border-top:1px solid var(--line);padding-block:44px 30px;position:relative}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-1px;height:8px;background:linear-gradient(90deg,var(--or-500),var(--pink-400),var(--or-500))}
.foot-grid{display:grid;gap:28px}
@media(min-width:780px){.foot-grid{grid-template-columns:1.1fr 1fr;gap:42px}}
.site-foot h2{font-size:19px;margin-bottom:11px}
.site-foot dl{display:grid;gap:8px;margin:0;font-size:15.5px}
@media(min-width:560px){.site-foot dl{grid-template-columns:auto 1fr;column-gap:18px}}
.site-foot dt{color:var(--ink-2);font-size:14px;font-weight:700}
.site-foot dd{margin:0}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px;font-size:15px}
.disclaimer{margin-top:24px;font-size:13.5px;color:var(--ink-2);line-height:1.9}
.copy{margin-top:20px;font-size:14px;color:var(--ink-2);text-align:center}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media print{.ticker,.site-head,.mobile-bar,.band{display:none}}

/* ========== 追補 ========== */
.intro-lead{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,5.2vw,32px);line-height:1.85;text-align:center}
.intro-lead .em{color:var(--or-700);background:linear-gradient(transparent 62%,var(--pink-200) 62%);padding:0 4px}
.intro-sub{text-align:center;font-size:17.5px;color:var(--ink-2);margin-top:14px}
.figbox svg{display:block;width:100%;height:auto}
.person .co-nm{color:var(--ink-2);font-weight:700;margin-top:5px;font-size:14.5px}
.band-alt .band{background:linear-gradient(110deg,var(--pink-700),var(--pink-600) 55%,var(--or-600))}
.band-alt .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
@media(min-width:860px){
  .band-photo h2,.band-photo p,.band-photo .tel-band{text-align:left}
  .band-photo .line-link{justify-content:flex-start}
  .band-photo .cta-pair{margin-inline:0;grid-template-columns:1fr}
}
.band-photo h2{font-size:clamp(21px,4vw,30px)}
.hero .stack>.line-link{justify-content:flex-start;margin-top:12px}
.split-ph .ph-note{margin-top:8px}
.ph.r32 img,.ph.r43 img,.ph.r169 img{object-position:center 30%}
.card.pc .pimg{aspect-ratio:3/2}
.cards.c3 .card.pc h3{font-size:19.5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.figure-img{margin:1.6em 0}
.demo-note{font-size:13px}
.noscript-note{background:var(--or-100);padding:12px 16px;text-align:center;font-size:14px}

.online-ph{margin-bottom:20px}.online-ph .ph{aspect-ratio:auto;height:240px}@media(min-width:640px){.online-ph .ph{height:320px}}.online-ph .ph img{object-position:center 28%}

.person .pic img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.message footer .who{display:flex;gap:16px;align-items:center}
.message footer .wph{flex:none;width:92px;height:92px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:var(--shadow-sm);background:var(--peach)}
.message footer .wph img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block}
.life{margin-top:44px}
.life .sub-h{text-align:center;justify-content:center}
.life-lead{text-align:center;color:var(--ink-2);margin:4px auto 20px;max-width:34em}
.life-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:640px){.life-grid{grid-template-columns:repeat(3,1fr)}}
.life-grid .ph{border-width:4px}

/* ========== ページ途中の「ご相談のご案内」 ========== */
.cta-mid{background:linear-gradient(100deg,var(--pink-50),var(--or-100));border-block:1px solid var(--line);padding-block:clamp(22px,4vw,34px)}
.cta-mid-in{display:grid;gap:18px;align-items:center}
@media(min-width:900px){.cta-mid-in{grid-template-columns:1fr auto;gap:36px}}
.cta-mid-k{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--pink-700);background:#fff;border:1px solid var(--pink-200);border-radius:999px;padding:2px 14px}
.cta-mid .cta-mid-t{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,3.4vw,25px);line-height:1.6;margin:8px 0 0;color:var(--ink)}
.cta-mid .cta-mid-l{font-size:15.5px;color:var(--ink-2);margin:4px 0 0;line-height:1.8}
.cta-mid-act{display:grid;gap:10px}
@media(min-width:560px){.cta-mid-act{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.cta-mid-act{grid-template-columns:auto auto;min-width:470px}}
.cta-mid .btn{min-height:56px;font-size:17px;padding:10px 20px;text-decoration:none}
.cta-mid .btn-pink,.cta-mid .btn-primary{color:#fff}
.cta-mid .btn::after{content:"›";font-size:1.3em;line-height:1;margin-left:2px}
.cta-mid-tel{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;min-height:44px;text-decoration:none;color:var(--ink-2);font-size:14.5px;font-weight:500;line-height:1.5}
.cta-mid-tel svg{color:var(--or-700);flex:none}
.cta-mid-tel b{font-family:var(--font-display);font-size:20px;color:var(--or-800);white-space:nowrap}
.cta-mid-tel small{font-size:12.5px;color:var(--ink-2)}
.cta-mid-tel:hover b{text-decoration:underline}
.cta-mid-tel.is-btn{background:#fff;border:2px solid var(--or-300);border-radius:999px;padding:8px 18px;color:var(--or-800);font-weight:700}
.cta-mid-tel.is-btn:hover{background:var(--or-100)}
.cta-mid.is-card{border:2px solid var(--or-300);border-radius:22px;padding:22px;margin:2em 0;box-shadow:var(--shadow-sm);background:linear-gradient(100deg,var(--pink-50),var(--or-100))}
.cta-mid.is-card .cta-mid-in{grid-template-columns:1fr;gap:14px}
.cta-mid.is-card .cta-mid-act{grid-template-columns:1fr;min-width:0}
@media(min-width:560px){.cta-mid.is-card .cta-mid-act{grid-template-columns:1fr 1fr}}
.post-cta-tel{margin-top:16px;text-align:center}
.post-cta-tel a{color:var(--ink-2);font-weight:500;text-decoration:none}
.post-cta-tel b{font-family:var(--font-display);font-size:22px;color:var(--or-800)}
.post-cta-tel small{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.post-cta .btn-pink,.post-cta .btn-primary{color:#fff}

/* 申込みフォームへの目印（ここへ移動してフォームを開きます） */
.anchor{display:block;height:0;overflow:hidden}

/* ページへのリンク（ボタンに見える形） */
.pill-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;border-radius:999px;background:#fff;border:2px solid var(--or-300);color:var(--or-800);font-weight:700;font-size:15.5px;line-height:1.5;text-decoration:none;box-shadow:0 2px 0 rgba(232,116,31,.22);transition:background .15s,transform .1s,border-color .15s}
.pill-link span{font-size:1.3em;line-height:1}
.pill-link:hover{background:var(--or-100);border-color:var(--or-500);transform:translateY(-1px)}
.pill-link:active{transform:translateY(1px)}
.btn-go::after{content:"›";font-size:1.3em;line-height:1;margin-left:4px}
.hero .stack>.pill-link{align-self:flex-start}

/* ========== 参考サイトから取り入れた見せ方 ========== */
/* 最初の画面の電話番号 */
.hero-tel{margin-top:18px;display:grid;gap:1px;justify-items:start;background:#fff;border:2px solid var(--or-300);border-radius:18px;padding:12px 18px 11px;box-shadow:var(--shadow-sm);max-width:440px}
.hero-tel-k{font-size:13.5px;font-weight:700;color:var(--ink-2)}
.hero-tel-num{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,6.6vw,32px);color:var(--or-800);text-decoration:none;line-height:1.35;white-space:nowrap}
.hero-tel-num svg{color:var(--or-700);flex:none}
.hero-tel-s{font-size:13px;color:var(--ink-2);line-height:1.7}
/* 信頼バッジ */
/* ご相談→ご提案→結果の事例カード */
.cases{display:grid;gap:18px;margin-top:6px}
@media(min-width:900px){.cases{grid-template-columns:repeat(3,1fr);gap:22px}}
.case{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}
.case-head{background:linear-gradient(100deg,var(--or-100),var(--pink-100));padding:16px 18px 14px}
.case-head .ex{display:inline-block;font-size:12.5px;font-weight:700;color:var(--pink-700);background:#fff;border:1px solid var(--pink-200);border-radius:999px;padding:1px 12px}
.case-head h3{font-size:20px;margin:6px 0 0;line-height:1.5}
.case-head h3 small{display:block;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-2)}
.case-steps{list-style:none;margin:0;padding:16px 18px 8px;display:grid;gap:14px}
.case-steps li{display:grid;grid-template-columns:4.6em 1fr;gap:0 10px;align-items:start}
.case-steps .k{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:#fff;background:var(--or-700);border-radius:999px;padding:1px 0;text-align:center;line-height:1.7;margin-top:3px}
.case-steps li:nth-child(2) .k{background:var(--pink-700)}
.case-steps li:nth-child(3) .k{background:var(--or-800)}
.case-steps p{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.case-num{margin:auto 0 0;padding:14px 18px 16px;display:grid;gap:7px;border-top:1px dashed var(--line-2);background:var(--cream)}
.case-num>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:14.5px;line-height:1.6}
.case-num dt{color:var(--ink-2)}
.case-num dd{margin:0;font-weight:700;color:var(--or-800);text-align:right;white-space:nowrap}
/* ご契約の流れ：5つの段階とここまで無料 */
.phase{display:grid;gap:26px;margin:14px 0 30px}
@media(min-width:760px){.phase{grid-template-columns:3fr 2fr;gap:18px}}
.phase-group{border:2px solid var(--or-300);border-radius:var(--r);background:#fff;padding:0 14px 16px;position:relative}
.phase-group.paid{border-color:var(--line-2);border-style:dashed}
.phase-label{position:relative;top:-14px;display:inline-block;margin:0 0 -4px;padding:2px 16px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;background:var(--or-700);line-height:1.7}
.phase-group.paid .phase-label{background:var(--ink-3)}
.phase-group ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-items:start}
@media(min-width:560px){.phase-group ol{grid-template-columns:repeat(var(--n),1fr);gap:8px}}
.phase-group li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 12px;align-items:center;align-content:start}
@media(min-width:560px){.phase-group li{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px 0}}
.phase-group .ico{width:50px;height:50px;border-radius:50%;background:var(--pink-100);display:grid;place-items:center;color:var(--pink-700);grid-row:1/3}
@media(min-width:560px){.phase-group .ico{grid-row:auto}}
.phase-group.paid .ico{background:var(--cream);color:var(--ink-2)}
.phase-group .nm{font-family:var(--font-display);font-weight:700;font-size:16.5px;line-height:1.4;align-self:end}
.phase-group small{font-size:13px;color:var(--ink-2);line-height:1.55;align-self:start}
.free-line{list-style:none;text-align:center;margin:6px 0;padding:11px 14px;font-family:var(--font-display);font-weight:700;color:var(--or-800);background:var(--or-100);border:2px dashed var(--or-500);border-radius:14px;font-size:16.5px;line-height:1.7}
/* 地図・アクセス */
.map-link{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:0 10px;font-size:13px;font-weight:700;color:var(--or-800);text-decoration:none;border:1.5px solid var(--or-300);border-radius:999px;background:#fff;line-height:1.8;white-space:nowrap}
.map-link:hover{background:var(--or-100);border-color:var(--or-500)}
.access{display:grid;gap:18px;margin-top:34px}
@media(min-width:860px){.access{grid-template-columns:1.25fr .75fr;align-items:stretch}}
.access iframe{width:100%;height:320px;border:0;border-radius:var(--r);box-shadow:var(--shadow-sm);background:var(--cream)}
@media(min-width:860px){.access iframe{height:100%;min-height:340px}}
.access-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-sm)}
.access-card h3{font-size:19px}
.access-nm{margin:6px 0 10px;font-weight:700;color:var(--ink-2)}
.access-card dl{display:grid;gap:6px;margin:0 0 10px;font-size:15px}
.access-card dt{font-size:13px;font-weight:700;color:var(--ink-2)}
.access-card dd{margin:0 0 4px}
.access-note{font-size:14.5px;color:var(--ink-2);margin:0 0 12px;line-height:1.8}
.access-card .map-link{margin-left:0}
/* 動画（設定したときだけ表示） */
.video{margin-top:34px}
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(120deg,var(--or-600),var(--pink-600))}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;inset:0;width:100%;border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-content:center;justify-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:18px}
.yt-btn{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.95);position:relative;box-shadow:0 8px 20px -8px rgba(0,0,0,.4);transition:transform .15s}
.yt-btn::after{content:"";position:absolute;left:29px;top:21px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent var(--or-700)}
.yt-play:hover .yt-btn{transform:scale(1.07)}
.yt-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.cat-nav+.blog-grid{margin-top:24px}
.video .sub-h{justify-content:center;text-align:center}

/* ========== 添付LPから取り入れた見せ方 ========== */
.phase-note{text-align:center;margin:-10px 0 26px;font-size:15px;color:var(--ink-2);line-height:1.8}
.regrets{display:grid;gap:16px;margin:8px 0 14px}
@media(min-width:900px){.regrets{grid-template-columns:repeat(3,1fr);gap:20px}}
.regret{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 20px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.regret .rn{position:absolute;left:16px;top:-16px;width:46px;height:46px;border-radius:50%;background:var(--pink-700);color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px;display:grid;place-items:center;box-shadow:0 6px 14px -6px rgba(180,60,100,.55);border:3px solid #fff}
.regret h4{font-family:var(--font-display);font-size:18px;line-height:1.55;margin:6px 0 8px;color:var(--ink)}
.regret p{margin:0 0 10px;font-size:15.5px;line-height:1.85;color:var(--ink-2)}
.regret p.rg-chk{margin-top:auto;background:var(--or-100);border:1.5px solid var(--or-300);border-radius:12px;padding:9px 12px;font-size:14.5px;color:var(--ink);line-height:1.75}
.regret p.rg-chk b{display:block;font-family:var(--font-display);font-size:13.5px;color:var(--or-800);margin-bottom:1px}
.regret-go{margin-top:6px;font-size:14.5px;font-weight:700;color:var(--or-800);text-decoration:none;display:inline-flex;gap:4px;align-items:center;align-self:flex-start;padding:2px 0;border-bottom:2px solid var(--or-300)}
.regret-go:hover{border-bottom-color:var(--or-700)}
.regret-foot{margin:14px auto 28px;max-width:760px;text-align:center;background:var(--cream);border-radius:14px;padding:12px 16px;font-size:15.5px;line-height:1.85;color:var(--ink-2)}

/* ========== お客様の声：顔写真（イメージ） ========== */
.voice-top{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px dotted var(--line-2)}
.voice .face,.vrow .face,.voice-hd .face{position:relative;flex:none;width:84px;height:84px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px var(--or-300),var(--shadow-sm);background:var(--peach)}
.voice .face img,.vrow .face img,.voice-hd .face img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.voice .face em,.vrow .face em,.voice-hd .face em{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:700;line-height:1.5;color:var(--ink-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:0 8px;white-space:nowrap}
.voice .vwho{display:grid;gap:2px;line-height:1.55}
.voice .vwho b{font-family:var(--font-display);font-size:16.5px;color:var(--ink)}
.voice .vwho span{font-size:14px;color:var(--ink-2)}
.voice-top+.quote{margin-top:6px}


/* ---- おうちへの想い（025-omoi）／ヒーローの一言 ---- */
.hero-ask{margin-top:22px;font-size:15.5px;font-weight:700;color:var(--pink-700);line-height:1.7}
.hero-ask + .hero-cta{margin-top:10px}
.omoi{padding-top:56px}
.omoi .sec-head{margin-bottom:22px}
.omoi-letter{max-width:780px;margin:0 auto 30px;background:var(--pink-50,#FFF4F6);border:1px solid var(--pink-100,#FAD0DA);border-left:6px solid var(--pink-600);border-radius:16px;padding:26px 30px}
.omoi-letter p{margin:0 0 14px;font-size:17px;line-height:2;color:var(--ink-2)}
.omoi-letter p:last-child{margin-bottom:0}
.omoi-letter strong{color:var(--ink);background:linear-gradient(transparent 62%,rgba(250,208,218,.9) 62%)}
.omoi-sign{padding-top:12px;border-top:1px dashed var(--pink-100,#FAD0DA)}
.omoi-cards{margin-top:0}
.omoi-note{max-width:780px;margin:22px auto 0;text-align:center;font-size:14.5px;color:var(--ink-3,#6b5a52)}
@media (max-width:640px){.omoi{padding-top:40px}.omoi-letter{padding:20px 18px}.omoi-letter p{font-size:16px;line-height:1.95}}

/* ---- 一覧（コラム・お客様の声）：1ページ10件をコンパクトに見渡せる ---- */
.list-sec{padding-top:26px}
.list-count{margin:0 0 14px;font-size:14.5px;color:var(--ink-3);line-height:1.7}
.list-count b{color:var(--ink);font-size:16px;padding:0 2px}
.row-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:900px){.row-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}}
.post-row,.vrow{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px 10px 10px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.post-row:hover,.vrow:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.post-row .pimg{flex:none;width:104px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--peach)}
.post-row .pimg img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:640px){.post-row .pimg{width:132px}}
.post-row .pbody,.vrow .vbody{min-width:0;display:flex;flex-direction:column;gap:3px}
.post-row h3,.vrow h3{font-size:15.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-row p,.vrow p{margin:0;font-size:13.5px;line-height:1.7;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-row .post-meta,.vrow .post-meta{gap:4px 8px;font-size:12.5px;line-height:1.6}
.post-row .tag,.vrow .tag{font-size:12px;padding:0 9px;margin-right:0}
.post-row time,.vrow time{color:var(--ink-3)}
.vrow .face{flex:none;width:72px;height:72px;margin-bottom:8px}
.vrow .face em{font-size:10.5px;padding:0 6px;bottom:-8px}
.sample-badge{display:inline-block;font-size:11.5px;font-weight:700;line-height:1.7;color:#8A4B00;background:#FFF1C9;border:1px solid #F0C96B;border-radius:6px;padding:0 7px}
.voice .sample-badge{align-self:flex-start}
.voice-more{margin-top:auto;font-size:14.5px;font-weight:700;color:var(--or-800);text-decoration:none}
.voice-more:hover{text-decoration:underline}
.vfair-note{margin:16px 0 0;font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.pager a,.pager .pg-step{font-size:15px;font-weight:700;min-width:42px;text-align:center;background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:5px 14px;text-decoration:none;color:var(--or-800)}
.pager a[aria-current="page"],.pager a:hover{background:var(--or-700);color:#fff;border-color:var(--or-700)}
.pager .pg-step.is-off{opacity:.4;border-style:dashed}
/* お客様の声（個別ページ） */
.voice-hd{display:flex;align-items:center;gap:20px;margin:18px 0 10px}
.voice-hd .face{flex:none;width:112px;height:112px;margin-bottom:6px}
.voice-hd .face em{font-size:11.5px;bottom:-10px}
.voice-hd .vwho{display:grid;gap:2px;line-height:1.6}
.voice-hd .vwho b{font-family:var(--font-display);font-size:19px;color:var(--ink)}
.voice-hd .vwho span{font-size:14.5px;color:var(--ink-2)}
.voice-page h1{font-size:clamp(22px,3.6vw,30px);color:var(--pink-700)}
.voice-page .prose h2{font-size:19px}
@media(max-width:520px){.voice-hd{gap:14px}.voice-hd .face{width:88px;height:88px}.voice-hd .vwho b{font-size:17px}}
.related .row-list,.voice-page .related .row-list{grid-template-columns:minmax(0,1fr)}

/* ===== 追加（2026年10月）：お客様の声のイラスト ===== */
.voice .face svg,.vrow .face svg,.voice-hd .face svg{width:100%;height:100%;display:block;border-radius:50%}

/* ===== 追加（2026年10月）：写真・図解アイコン ===== */
.ic{display:block;width:100%;height:100%}
/* おうちへの想い：文章の横に写真、そのあとに横長の写真 */
.omoi-split{display:grid;gap:22px;align-items:center;margin:0 auto 26px;max-width:var(--wide)}
.omoi-split .omoi-letter{margin:0;max-width:none}
@media(min-width:860px){.omoi-split{grid-template-columns:1.25fr .75fr;gap:40px}}
.omoi-ph .ph{margin:0 auto;max-width:380px}
.fig-band{margin:0 auto 28px;max-width:var(--wide);position:relative}
.fig-band .ph{aspect-ratio:21/8}
.fig-band figcaption{position:absolute;left:18px;bottom:16px;right:18px;font-family:var(--font-display);font-weight:700;font-size:clamp(16px,2.6vw,22px);color:#fff;text-shadow:0 1px 8px rgba(60,30,10,.65);line-height:1.5}
@media(max-width:560px){.fig-band .ph{aspect-ratio:16/9}}
/* 写真を2〜3枚ならべる */
.pic-duo,.pic-trio{display:grid;gap:12px;margin:0 auto 24px;max-width:var(--wide)}
.pic-duo{grid-template-columns:1fr 1fr}.pic-trio{grid-template-columns:repeat(3,1fr)}
.pic-duo .ph,.pic-trio .ph{aspect-ratio:3/2;border-width:4px}
.pic-duo.wide .ph{aspect-ratio:16/9}
@media(max-width:560px){.pic-trio{gap:8px}.pic-trio .ph{aspect-ratio:1;border-width:3px;border-radius:14px}.pic-duo{gap:8px}}
/* ほかの方法：4つのカード */
.method-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 24px}
@media(min-width:900px){.method-strip{grid-template-columns:repeat(4,1fr);gap:18px}}
.method{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);text-align:center;display:flex;flex-direction:column}
.method .mimg{aspect-ratio:3/2;background:var(--peach);overflow:hidden}
.method .mimg img{width:100%;height:100%;object-fit:cover}
.method .mimg.ico{display:grid;place-items:center;background:var(--pink-50)}
.method .mimg.ico .ic{width:72px;height:72px}
.method h3{font-size:18px;margin:12px 10px 4px}
.method p{font-size:14.5px;color:var(--ink-2);margin:0 12px 16px;line-height:1.75;text-align:left}
.method.me{border-color:var(--pink-400);box-shadow:0 0 0 3px var(--pink-100),var(--shadow-sm)}
.method.me h3{color:var(--pink-700)}
/* ご利用前と後：事例カードの写真 */
.case-ph{aspect-ratio:16/7;overflow:hidden;background:var(--peach)}
.case-ph img{width:100%;height:100%;object-fit:cover;display:block}
/* メリット・注意点：アイコンつきの一覧 */
.ml li{position:relative;padding-left:92px;min-height:88px}
.ml li .mi{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:var(--or-100);display:grid;place-items:center}
.ml.bad li .mi{background:var(--pink-100)}
.ml li .mi .ic{width:34px;height:34px}
@media(max-width:560px){.ml li{padding-left:74px;min-height:0}.ml li .mi{left:12px;width:46px;height:46px}.ml li .mi .ic{width:28px;height:28px}}
.regret .rico{display:block;width:54px;height:54px;border-radius:50%;background:var(--pink-100);padding:10px;margin:0 0 6px auto}
.sub-hd{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:34px 0 14px}
.sub-hd h3.sub-h{margin:0}
.sub-ph{flex:none;width:118px;aspect-ratio:3/2;border-radius:14px;overflow:hidden;border:3px solid #fff;box-shadow:var(--shadow-sm);background:var(--peach)}
.sub-ph img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:560px){.sub-ph{width:84px}}
/* 流れ：段階の写真 */
.flow .fphoto{list-style:none;display:grid;gap:8px;align-items:center;grid-template-columns:1fr;margin:6px 0}
.flow .fphoto .ph{aspect-ratio:21/6;border-width:4px}
.flow .fphoto>span{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--pink-700);text-align:center}
@media(min-width:720px){.flow .fphoto{grid-template-columns:260px 1fr;gap:20px}.flow .fphoto .ph{aspect-ratio:16/9}.flow .fphoto>span{text-align:left;font-size:19px}}
/* 4列のカード */
.cards.c4 .card.pc h3{font-size:17.5px;line-height:1.55}
.cards.c4 .card.pc p{font-size:15px;line-height:1.8}
.fig-band .ph{position:relative}
.fig-band .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(transparent,rgba(60,30,10,.55));pointer-events:none}
.fig-band figcaption{z-index:2}

/* ---------- 本文のかたまり（以前は「続きを読む」でたたんでいましたが、2026年10月8日に、すべて最初から表示する形にしました） ---------- */
.more-lead{margin:6px 0 4px;font-size:16px;color:var(--ink-2)}
.more-body{padding:18px 0 4px}

/* ---- 追加写真（2026年10月）：イラストの表示と、見出し直下の画像 ---- */
.ph.ill{background:#fff}
.ph.ill img,.figure-img img.ill{object-fit:contain}
.ill-one{max-width:360px;margin:0 auto 26px}
.ill-one .ph{aspect-ratio:4/3;border-width:4px}
.figure-img img.ill{background:#fff;border:1px solid var(--line-2);padding:10px;max-width:440px;margin:0 auto;width:100%;height:auto}
.pic-duo .ph.ill{aspect-ratio:3/2}
.pic-trio .ph{aspect-ratio:3/2}
@media(max-width:560px){.pic-trio{grid-template-columns:1fr 1fr}.pic-trio .ph{aspect-ratio:3/2;border-radius:14px}.pic-trio .ph:nth-child(3){grid-column:1/-1;aspect-ratio:16/9}}
.figure-img img:not(.ill){width:100%;max-height:520px;object-fit:cover;object-position:center 35%}

/* ---- 対応エリアの拡大（県ごとのページ・順次拡大の表示・フォームの都道府県欄） ---- */
@media(min-width:760px){.two.three{grid-template-columns:repeat(3,1fr)}}
.pref-hint:empty{display:none}
.pref-hint{margin-top:6px;color:var(--or-800);font-weight:700}
.area-more{margin-top:12px!important;font-size:15.5px!important}
.area-more a{font-weight:700;color:var(--or-800);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--or-300)}
.area-more a:hover{text-decoration-color:var(--or-600)}
.area-next{margin-top:26px;background:#fff;border:1px dashed var(--or-300);border-radius:var(--r);padding:22px 20px}
.area-next h3{font-size:19px}
.area-next>p{font-size:15.5px;color:var(--ink-2);margin-top:6px}
.an-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}
.an-tag{font-size:14px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:4px 14px;white-space:nowrap}
.an-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.an-list li{font-size:15.5px;background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:4px 14px}
.an-list li a{font-weight:700;color:var(--or-800)}
p.an-note{font-size:14px!important;color:var(--ink-2);margin-top:14px!important}
.area-page h2{margin-top:2em}
.area-page h2:first-child{margin-top:0}
.area-page .co-grid{margin-top:14px}
.area-page .area-pic{margin-top:22px}
.area-page .access{margin-top:14px}
.area-page .access-card .access-nm{margin-top:14px}
.area-page .access-card .access-nm:first-of-type{margin-top:0}

/* ========== 20261008：対応地域の見出しボタン／代表運営社／相談員 ========== */
.areabar{background:var(--pink-50);border-bottom:1px solid var(--line)}
.areabar .wrap{display:flex;align-items:center;gap:10px;padding-block:9px}
.areabar .ab-lab{flex:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:700;font-size:14.5px;color:var(--pink-700);white-space:nowrap}
.areabar ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:3px 2px 5px;flex:1;min-width:0}
.areabar li{flex:none}
.ab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 14px;border-radius:999px;font-size:14.5px;font-weight:700;line-height:1.3;white-space:nowrap;text-decoration:none}
.ab.on{background:#fff;color:var(--or-800);border:1.5px solid var(--or-500);box-shadow:0 2px 0 rgba(232,116,31,.25);transition:background .15s,transform .1s}
.ab.on::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.ab.on:hover{background:var(--or-100);transform:translateY(-1px)}
.ab.on[aria-current="page"]{background:var(--or-700);border-color:var(--or-700);color:#fff;box-shadow:none}
.ab.on[aria-current="page"]::before{background:#fff}
.ab.soon{background:transparent;color:var(--ink-3);border:1.5px dashed var(--line-2);font-weight:500}
.ab.soon small{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.ab.etc{color:var(--pink-700);background:#fff;border:1.5px solid var(--pink-200)}
.ab.etc:hover{background:var(--pink-100)}
.areabar a:focus-visible{outline:3px solid var(--pink-600);outline-offset:2px}
@media(min-width:900px){.areabar .wrap{justify-content:center}.areabar ul{flex:0 1 auto;justify-content:center}}
.co-lead{margin-bottom:6px}
@media(min-width:760px){.co-lead{grid-template-columns:1fr}}
.co.lead{border:2px solid var(--or-300);background:linear-gradient(180deg,#fff,var(--pink-50))}
.co.lead .role{background:var(--or-700);color:#fff}
.co.lead h3{font-size:22px}
.staff-mem{margin-top:40px}
.staff-note{background:#fff;border:1px dashed var(--or-300);border-radius:var(--r);padding:12px 16px;margin-top:20px;font-size:15px}
.area-page .people{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-top:14px}
@media(max-width:899px){.areabar .wrap{flex-direction:column;align-items:flex-start;gap:0;padding-block:7px 3px}.areabar ul{width:100%;gap:6px;padding-left:0}.ab{padding:4px 10px;font-size:14px;min-height:34px;gap:5px}.ab.on::before{width:7px;height:7px}}
.co-grid>*{min-width:0}
@media(min-width:760px){.co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.co-lead{grid-template-columns:minmax(0,1fr)}}
.co dd{min-width:0;overflow-wrap:anywhere}

/* ========== 20261008（追加）：集合写真・代表運営社の写真 ========== */
.staff-group{margin:0 0 26px}
.staff-group img{display:block;width:100%;height:auto;border-radius:var(--r);box-shadow:var(--shadow-sm);background:var(--cream)}
.staff-group figcaption{text-align:center;font-size:14.5px;color:var(--ink-2);margin-top:10px;line-height:1.8}

/* 2026-10-08: 360px幅で、グリッドの中の文章が右端まではみ出さないように（1列の幅を、画面幅までに収める） */
.checks,.faq{grid-template-columns:minmax(0,1fr)}
@media(max-width:919px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* 2026-10-08（2026100801）：写真1枚の見せ方／フッターの会社欄／横にスクロールしない比較図 */
.pic-one{max-width:560px;margin:0 auto 24px}
.pic-one .ph{border-width:4px}
.figbox svg.fit{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}
.figbox .fig-note{margin:10px auto 0;max-width:560px;font-size:13px;line-height:1.7;color:var(--ink-3);text-align:left}

/* 2026100802：文章の折り返しは、通常の日本語の組み方（行を端まで使い、禁則処理で折る）に統一。
   以前は、文節ごとに折り返す指定（auto-phrase）と、文節をひとかたまりにする指定（.nb）のため、行の長さがそろわず、文の途中で短く折り返していました。
   見出し（h1〜h3）だけは、読みやすい位置で折り返す（balance／auto-phrase）まま残しています。 */
p,li,dd,dt,td,th,figcaption,blockquote,label,small,summary{text-wrap:pretty;word-break:normal;line-break:strict}
.nb{display:inline-block;max-width:100%}   /* 2026100907：文のかたまりごとに折り返す（長い文は中で折り返す） */
h1 .nb,h2 .nb,h3 .nb{display:inline-block}

/* 2026100802：本文は、行の両端をそろえる（本や新聞と同じ、日本語の通常の組み方）。
   一行におさまる文や、中央そろえの短い文はそのまま。複数行になる文だけ、行末がそろいます。
   見出し（h1〜h4）は対象外です。 */
/* 2026100907：両端そろえ（justify）をやめ、左そろえに。文字の間隔が不自然に広がる・「株／式会社」のような途中改行を減らすため */
:where(main,.site-foot) :where(p,li,dd,dt,figcaption,blockquote,.a){text-align:left;text-justify:auto}
.sec-head p,.done p{text-align:center}
.abc-card p,.c-card p,.method p,.figbox .fig-note{text-align:left}
.qa .q{text-wrap:pretty}
.qa .q .nb{display:inline}

/* ===== 2026100802：相談員のページ（50名以上でも載せられる並べ方）／トップ・県ページの「一覧へ」ボタン ===== */
.st-more{margin-top:22px;text-align:center}
.st-more a:not(.btn){font-weight:700}
.st-total{margin-top:12px;font-size:16px;color:var(--ink-2)}
.st-total b{font-size:1.15em;color:var(--or-800)}
.st-page .st-lab{display:block;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--or-800);margin-bottom:6px}
.st-jumps{margin:6px 0 22px}
.st-jumps>div{display:flex;flex-wrap:wrap;gap:8px}
.st-jump{display:inline-flex;align-items:baseline;gap:6px;padding:7px 14px;border:1.5px solid var(--or-300);border-radius:999px;background:#fff;font-size:14.5px;font-weight:700;text-decoration:none;color:var(--or-800);line-height:1.5}
.st-jump small{font-size:12.5px;color:var(--ink-3);font-weight:700}
.st-jump:hover{background:var(--or-100)}
.st-filter{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:18px 20px 14px;margin:0 0 30px;box-shadow:var(--shadow-sm)}
.st-row{margin-bottom:14px}
.st-chips{display:flex;flex-wrap:wrap;gap:8px}
.st-chip{font:inherit;font-size:15px;font-weight:700;line-height:1.4;padding:8px 16px;border-radius:999px;border:1.5px solid var(--or-300);background:#fff;color:var(--or-800);cursor:pointer;min-height:42px}
.st-chip[aria-pressed="true"]{background:var(--or-700);border-color:var(--or-700);color:#fff}
.st-filter input[type="search"]{width:100%;max-width:420px;font:inherit;font-size:16px;padding:10px 14px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;min-height:46px}
.st-count{margin:0;font-size:14.5px;color:var(--ink-2)}
.st-tier{margin-top:34px}
.st-tier>h2{font-size:clamp(22px,3.6vw,28px);margin-bottom:6px;padding-bottom:8px;border-bottom:3px solid var(--or-300)}
.st-group{margin-top:26px;scroll-margin-top:calc(var(--head-h,150px) + 10px)}
.st-co-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:12px}
.st-co-head h3{font-size:19px}
.st-co-head .role{font-size:13.5px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:3px 12px;line-height:1.6}
.st-n{font-size:14px;font-weight:700;color:var(--ink-3)}
.st-page .people{margin-top:0}
.st-none{margin-top:26px;padding:18px 20px;background:var(--pink-50);border-radius:var(--r-sm);font-size:15.5px}
.st-wait{margin-top:40px;background:var(--cream);border-radius:var(--r);padding:20px 22px}
.st-wait h2{font-size:19px;margin-bottom:6px}
.st-wait>p{font-size:15px;color:var(--ink-2)}
.st-wait ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.st-wait li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:#fff;border-radius:12px;font-size:15px;line-height:1.7}
.st-wait li span{font-size:13.5px;color:var(--ink-3)}
@media(min-width:760px){.st-wait ul{grid-template-columns:repeat(2,minmax(0,1fr))}.st-wait li{flex-direction:row;align-items:baseline;gap:12px}}
.person .pic svg[role="img"]{width:104px;height:104px}
.person[id]{scroll-margin-top:calc(var(--head-h,150px) + 10px)}
.person .exp{text-wrap:balance}
@media(max-width:639px){
  .st-page .person{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:14px;align-content:start;padding:16px}
  .st-page .person .pic{width:84px;height:84px;margin:0;grid-column:1;grid-row:1/span 4;border-width:3px}
  .st-page .person .pic svg,.st-page .person .pic img{width:84px;height:84px}
  .st-page .person>:not(.pic){grid-column:2}
  .st-page .person .nm{font-size:20px;text-align:left;line-height:1.5}
  .st-page .person .ym{text-align:left;margin-top:0;line-height:1.6}
  .st-page .person .rl{text-align:left;margin:6px 0 0;justify-self:start}
  .st-page .person .qual{grid-column:1/-1;justify-content:flex-start;margin-top:10px}
  .st-page .person .exp{grid-column:1/-1;text-align:left}
  .st-page .person .good{grid-column:1/-1}
}

/* 2026100803：運営会社カードの代表者の写真は、「代表者」の行に（上の写真と見出しの組は廃止） */
.co .rep-dd{display:flex;align-items:center;gap:14px}
.co .rep-dd .rep-img{flex:none;width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 15%;border:3px solid #fff;box-shadow:var(--shadow-sm);background:var(--peach)}
.co .rep-dd span{font-weight:700;line-height:1.6}
.pic-one{max-width:680px;margin:0 auto 24px}
.pic-one .ph{aspect-ratio:3/2;border-width:4px}
@media(max-width:560px){.pic-one .ph{border-width:3px;border-radius:14px}}

/* ===== 2026100805：しくみの図（スマホ＝「お客様」と「オーナー様」を左右に並べ、各ステップに「誰から誰へ」を矢印で表示／PC＝3列） ===== */
.figbox .flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"me owner" "steps steps";gap:12px;align-items:stretch}
.flow-me{grid-area:me}
.flow-owner{grid-area:owner}
.flow-steps{grid-area:steps}
.flow-side{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;border-radius:14px;padding:12px 10px}
.flow-side b{font-size:17px;line-height:1.5}
.flow-side span{font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.figbox .flow-ico{width:min(92px,70%);height:auto}
.flow-me{background:var(--pink-100);border:1.5px dashed var(--pink-600)}
.flow-me b{color:var(--pink-700)}
.flow-owner{background:var(--cream);border:1.5px solid var(--line-2)}
.flow-owner b{color:var(--ink)}
.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.flow-steps li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t t t" "a b c";align-items:center;row-gap:8px;column-gap:8px;background:#fff;border:1.5px solid var(--line);border-left:6px solid currentColor;border-radius:12px;padding:10px 12px;font-weight:700;font-size:16.5px;line-height:1.55;text-align:left}
.flow-steps li.b{color:var(--pink-700)}
.flow-steps li.o{color:var(--or-700)}
.flow-steps .fl-t{grid-area:t}
.fl-p{font-style:normal;font-weight:700;font-size:13.5px;line-height:1.4;padding:3px 10px;border-radius:999px;white-space:nowrap}
.fl-p.me{grid-area:a;background:var(--pink-100);border:1.5px dashed var(--pink-600);color:var(--pink-700)}
.fl-p.ow{grid-area:c;background:var(--cream);border:1.5px solid var(--line-2);color:var(--ink)}
.fl-arr{grid-area:b;position:relative;display:block;height:4px;margin:0 6px;background:currentColor;border-radius:2px}
.fl-arr::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border-top:9px solid transparent;border-bottom:9px solid transparent}
.to-owner .fl-arr::after{right:-5px;border-left:14px solid currentColor}
.to-me .fl-arr::after{left:-5px;border-right:14px solid currentColor}
@media(min-width:720px){
  .figbox .flow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);grid-template-areas:none;gap:18px}
  .flow-me,.flow-owner,.flow-steps{grid-area:auto}
  .flow-side{justify-content:center;gap:10px;padding:20px 14px}
  .figbox .flow-ico{width:min(150px,80%);margin:0 auto}
  .flow-side b{font-size:18px}
  .flow-side span{font-size:15px}
  .flow-steps{align-content:center;gap:16px}
  .flow-steps li{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:center;font-size:16.5px;background:transparent;border:0;border-radius:0;padding:0}
  .fl-p{display:none}
  .fl-arr{margin:0;width:100%}
  .to-owner .fl-arr::after{right:-3px;border-top-width:9px;border-bottom-width:9px;border-left-width:13px}
  .to-me .fl-arr::after{left:-3px;border-top-width:9px;border-bottom-width:9px;border-right-width:13px}
}

/* ===== 2026100803：ご利用前・ご利用後の図（大きく） ===== */
.figbox.ba{max-width:760px;margin:0 auto 26px}
.ba-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(34px,8vw,64px) minmax(0,1fr);align-items:end}
.ba-col{display:flex;flex-direction:column}
.ba-h{text-align:center;font-size:clamp(19px,5vw,26px);color:var(--ink-2);margin:0 0 12px}
.ba-h.af{color:var(--pink-700)}
.ba-stack{display:flex;flex-direction:column;gap:8px}
.ba-blk{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:8px 6px;font-weight:700;line-height:1.5;font-size:clamp(17px,4.6vw,23px)}
.ba-blk.loan{background:var(--alert);color:#fff;height:clamp(160px,42vw,250px)}
.ba-blk.low{background:var(--line-2);color:var(--ink);height:clamp(52px,12vw,76px);font-size:clamp(15px,4vw,19px)}
.ba-blk.rent{background:var(--or-500);color:#fff;height:clamp(112px,29vw,170px)}
.ba-blk.cash{background:var(--pink-600);color:#fff;height:clamp(104px,26vw,150px)}
.ba-to{position:relative;align-self:center;height:6px;margin:0 8px;background:var(--pink-600);border-radius:3px}
.ba-to::after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:14px solid var(--pink-600);border-top:10px solid transparent;border-bottom:10px solid transparent}
.figbox.ba figcaption{text-align:center;margin-top:16px}

/* ===== 2026100803：横スクロールは一切使いません ===== */
/* ヘッダー：メニューが折り返す幅（1010px未満）では、ヘッダーを固定せず、ページと一緒に流します（固定のままだと、折り返した分だけ画面を覆うため）。 */
/* 表（スマホは項目ごとに縦並び）：「当相談室」の欄を色で見分けられるように */
@media(max-width:639px){
  table.rt td.ours{background:var(--or-100);border-left:5px solid var(--or-500);border-radius:0 10px 10px 0;margin:6px 0;padding-block:9px}
  table.rt td.ours::before{color:#fff;background:var(--or-700);border-radius:6px;text-align:center;padding:1px 4px;font-size:13.5px;align-self:flex-start}
  table.rt td:not(.ours)::before{background:var(--line);border-radius:6px;text-align:center;padding:1px 4px;align-self:flex-start}
}
.co dd{text-align:left;text-justify:auto}
.flow-side b{text-wrap:balance}
@media(min-width:720px) and (max-width:899px){.flow-side{padding-inline:8px}.flow-side b{font-size:15.5px;letter-spacing:0}}

/* ===== 2026100805：比較表（ほかの資金化の方法との違い）— スマホは「方法」を見出しにして、内容を列記 ===== */
.rt-cards{display:none}
@media(max-width:899px){
  .rt-wrap.has-cards{display:none}
  .rt-cards{display:grid;gap:16px}
  .rtc-cap{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-2)}
  .rtc{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm)}
  .rtc-h{margin:0;padding:12px 16px;font-family:var(--font-display);font-size:19px;line-height:1.5;background:var(--cream);color:var(--ink)}
  .rtc.me{border-color:var(--or-500)}
  .rtc.me .rtc-h{background:var(--or-700);color:#fff}
  .rtc dl{margin:0;padding:4px 16px 8px}
  .rtc dl>div{display:grid;grid-template-columns:7.4em minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px dashed var(--line-2)}
  .rtc dl>div:last-child{border-bottom:0}
  .rtc dt{font-size:14px;font-weight:700;color:var(--ink-2);line-height:1.8}
  .rtc dd{margin:0;font-size:16px;line-height:1.8}
}

/* ===== 2026100805：対応地域のボタンは、横に6つずつ並べる（準備中の県は表示しない） ===== */
.areabar ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;flex:1;min-width:0;padding:3px 0 5px}
.areabar li{min-width:0}
.areabar li .ab{width:100%;justify-content:center;padding:4px 2px;gap:4px;font-size:clamp(12px,3.4vw,14.5px);min-height:34px}
.areabar li .ab.on::before{width:6px;height:6px}
.areabar li:last-child{grid-column:1/-1}
.areabar li:last-child .ab{width:auto;justify-content:flex-start;padding:4px 14px}
.areabar li:last-child{justify-self:start}
@media(max-width:399px){.areabar li .ab.on::before{display:none}}
@media(min-width:900px){.areabar .wrap{align-items:flex-start;justify-content:center}.areabar .ab-lab{padding-top:9px}.areabar ul{flex:0 1 auto;width:min(100%,640px)}.areabar li .ab{font-size:14.5px;padding:4px 8px}}

/* ===== 2026100806：ご返済でお悩みの方へ（hensai.html） ===== */
.pagebox{margin:24px 0 0;background:#fff;border:2px solid var(--or-300);border-radius:var(--r);padding:18px 22px}
.pagebox.warn{border-color:var(--alert);background:var(--alert-bg)}
.pagebox.tip{border-color:var(--pink-400);background:var(--pink-50)}
.pagebox>strong:first-child{display:block;font-family:var(--font-display);font-size:18px;margin-bottom:6px;line-height:1.6}
.pagebox p{margin:.5em 0 0;font-size:16.5px}
.pagebox ul{margin:.5em 0 0;padding-left:1.3em;display:grid;gap:4px;font-size:16.5px}
.pagebox ul+p{margin-top:.8em}
.cards.c2 .card h3{font-size:19.5px}
@media(min-width:640px) and (max-width:899px){
  .rt-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .rtc-cap{grid-column:1/-1}
  .rtc dl>div{grid-template-columns:6.4em minmax(0,1fr);gap:10px}
}

/* =====================================================================
   2026100809：サイトの再構築（ロゴ・キャラクターの配色／新しいヘッダー・メニュー・フッター／階層ページ）
   ===================================================================== */
.site-foot .fc{display:block;margin:0 0 14px;line-height:1.85}
.site-foot .fc:last-child{margin-bottom:0}
.site-foot .fc b{font-weight:700}

/* ---------- ヘッダー（ご相談状況の帯は、スクロールすると上へ消え、ロゴと案内だけが固定されます） ---------- */
.site-head{position:sticky;top:-33px;z-index:60;background:rgba(255,250,245,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
@media(min-width:760px){.site-head{top:-37px}}
.site-head .wrap{max-width:1280px}
.site-head .bar{display:flex;align-items:center;gap:12px;padding-block:6px;min-height:68px}
.brand{display:flex;align-items:center;flex:none;text-decoration:none}
.brand-logo{height:48px;width:auto;display:block}   /* 2026100906：2段組みロゴ（logo-stack-s.webp）。文字とキャラクターが大きく見えるように */
@media(min-width:420px){.brand-logo{height:56px}}
@media(min-width:760px){.brand-logo{height:64px}}
@media(min-width:1180px){.brand-logo{height:58px}}
@media(min-width:1360px){.brand-logo{height:64px}}
.gnav{display:none;flex:1;min-width:0}
@media(min-width:1180px){.gnav{display:block}}
.g-list{display:flex;justify-content:center;gap:2px;list-style:none;margin:0;padding:0}
.g-list>li{position:relative}
.g-list a.g1{display:flex;align-items:center;gap:5px;padding:13px 6px;font-size:14px;font-weight:700;line-height:1.3;color:var(--ink);text-decoration:none;white-space:nowrap;border-radius:12px}
@media(min-width:1700px){.g-list a.g1{padding-inline:8px;font-size:14.5px}}
.g-list li.has-sub>a.g1::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.5}
.g-list a.g1:hover,.g-list li:hover>a.g1,.g-list li:focus-within>a.g1{background:var(--or-100);color:var(--or-800)}
.g-list a.g1[aria-current="page"]{color:var(--or-800);box-shadow:inset 0 -3px 0 var(--or-500);border-radius:12px 12px 0 0}
.dd{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:340px;list-style:none;margin:0;padding:10px;background:#fff;border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);z-index:70}
.dd::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.has-sub:hover>.dd,.has-sub:focus-within>.dd{display:block}
.g-list>li:nth-last-child(-n+2) .dd{left:auto;right:0}
.dd a{display:block;padding:9px 14px;border-radius:10px;text-decoration:none;color:var(--ink)}
.dd a:hover,.dd a:focus-visible{background:var(--pink-50)}
.dd b{display:block;font-size:15px;line-height:1.5}
.dd small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.5}
.head-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
@media(min-width:1180px){.head-actions{margin-left:0}}
.head-tel{display:none;text-align:right;text-decoration:none;color:inherit;line-height:1.2;margin-right:4px}
.head-tel .num{display:block;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--or-800);white-space:nowrap}
.head-tel .hrs{display:block;font-size:11.5px;color:var(--ink-2);white-space:nowrap}
@media(min-width:1500px){.site-head .wrap{max-width:1480px}}
@media(min-width:1800px){.head-tel{display:block}}
.head-actions .btn-sm{display:none;min-height:44px;padding:6px 16px;font-size:15px;white-space:nowrap}
@media(min-width:600px){.head-actions .head-satei{display:inline-flex}}
@media(min-width:1500px){.head-actions .head-online{display:inline-flex}}
.tel-icon,.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:54px;height:48px;border-radius:12px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;padding:0;border:0;cursor:pointer;font-family:var(--font-body)}
.tel-icon{background:var(--or-100);color:var(--or-800)}
@media(min-width:1800px){.tel-icon{display:none}}
.menu-btn{background:var(--pink-700);color:#fff}
.menu-btn .bars{display:grid;gap:4px;width:22px}
.menu-btn .bars i{display:block;height:2.5px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
.menu-btn[aria-expanded="true"] .bars i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .bars i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(min-width:1180px){.menu-btn{display:none}}

/* スマホ・タブレットのメニュー（開くと、画面いっぱいに案内を表示します） */
.mnav{border-top:1px solid var(--line);background:#fff;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 30px -18px rgba(70,40,10,.45)}
.mnav .wrap{padding-block:14px 24px}
@media(min-width:1180px){.mnav{display:none!important}}
body.menu-open{overflow:hidden}
.mnav-cta{display:grid;gap:10px;margin-bottom:12px}
@media(min-width:520px){.mnav-cta{grid-template-columns:1fr 1fr}}
.mnav-cta .btn{min-height:56px;font-size:17px;padding-inline:14px}
.mg{border-top:1px solid var(--line);padding-block:11px 12px}
.mg-h{display:block;font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.5;color:var(--ink);text-decoration:none;padding:2px 0}
.mg-h small{display:block;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-2);line-height:1.6}
.mg-h[aria-current="page"]{color:var(--or-800)}
.mg ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mg li a{display:flex;align-items:center;min-height:46px;padding:6px 12px;font-size:14.5px;font-weight:500;line-height:1.45;color:var(--ink);text-decoration:none;background:var(--pink-50);border-radius:10px}
.mg li a:active{background:var(--pink-100)}
@media(max-width:360px){.mg ul{grid-template-columns:1fr}}
.mnav-tel{display:block;text-align:center;margin-top:12px;padding:12px;border-radius:16px;background:var(--or-100);text-decoration:none;color:var(--or-800)}
.mnav-tel b{display:block;font-family:var(--font-display);font-size:27px;line-height:1.35}
.mnav-tel small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.6}

/* ---------- スマホの下部ボタン（電話・査定・オンライン面談） ---------- */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,250,245,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:.78fr 1.1fr 1.12fr;gap:7px}
.mobile-bar .btn{min-height:56px;font-size:14.5px;padding:6px 4px;gap:4px;line-height:1.35;text-align:center}
.mb-tel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:999px;background:#fff;border:2px solid var(--or-300);color:var(--or-800);font-weight:700;font-size:12.5px;text-decoration:none;line-height:1.2}
@media(min-width:760px){.mobile-bar{display:none}}

/* ---------- フッター ---------- */
.site-foot{padding-block:46px 28px}
.foot-top{display:grid;gap:14px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line-2);margin-bottom:28px}
@media(min-width:800px){.foot-top{grid-template-columns:auto 1fr auto;gap:30px}}
.foot-brand img{width:400px;max-width:100%;height:auto;filter:drop-shadow(0 3px 6px rgba(110,60,45,.14))}
.foot-tag{font-size:15px;color:var(--ink-2);line-height:1.85}
.foot-tel a{display:block;font-family:var(--font-display);font-weight:700;font-size:31px;color:var(--or-800);text-decoration:none;line-height:1.35}
.foot-tel small{display:block;font-size:13px;color:var(--ink-2);line-height:1.6;max-width:21em}
.foot-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;margin-bottom:32px}
@media(min-width:760px){.foot-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1040px){.foot-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 16px}}
.foot-nav .fn h2{font-size:16.5px;line-height:1.5;margin-bottom:8px}
.foot-nav .fn h2 a{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--or-300)}
.foot-nav .fn ul{list-style:none;margin:0;padding:0}
.foot-nav .fn li a{display:block;padding:5px 0;font-size:14.5px;line-height:1.55;color:var(--ink-2);text-decoration:none}
.foot-nav .fn li a:hover{color:var(--or-800);text-decoration:underline}
.foot-nav .fn p{font-size:13.5px;line-height:1.75;color:var(--ink-2);margin:0 0 8px}
.fc-links{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14.5px}
.foot-co{border-top:1px solid var(--line-2);padding-top:26px}
.foot-links{margin-top:18px}

/* ---------- ページ下部の、共通のご案内（電話・査定・オンライン面談） ---------- */
.foot-cta{padding-block:clamp(34px,5vw,58px);background:linear-gradient(180deg,var(--bg),var(--pink-50))}
.fcta-in{display:grid;gap:18px;align-items:center;background:#fff;border:2px solid var(--or-300);border-radius:28px;padding:22px 20px 24px;box-shadow:var(--shadow)}
@media(min-width:900px){.fcta-in{grid-template-columns:210px 1fr 330px;gap:28px;padding:26px 34px}}
.fcta-k{display:inline-block;font-size:13.5px;font-weight:700;color:var(--pink-700);background:var(--pink-100);border-radius:999px;padding:2px 14px}
.fcta-t{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,3.6vw,26px);line-height:1.55;margin-top:8px}
.fcta-l{font-size:15px;color:var(--ink-2);margin-top:6px;line-height:1.9}
.fcta-act{display:grid;gap:10px;min-width:0}
.fcta-act .btn{min-height:58px;font-size:17px;padding-inline:18px}
.fcta-tel{display:block;text-align:center;text-decoration:none;color:var(--or-800);line-height:1.35;padding-top:4px}
.fcta-tel b{display:block;font-family:var(--font-display);font-size:26px}
.fcta-tel small{display:block;font-size:12.5px;color:var(--ink-2)}

/* ---------- ページ上部（下層ページ共通）：パンくず・見出し・キャラクター ---------- */
.crumb{padding:12px 0 0;font-size:13.5px}
.crumb ol{gap:2px 0}
.crumb li{display:inline-flex;align-items:center}
.crumb li+li::before{margin:0 8px 0 8px}
.crumb a{text-decoration:none;border-bottom:1px solid var(--line-2)}
.phero{background:radial-gradient(820px 360px at 94% 0%,var(--pink-100),transparent 70%),radial-gradient(700px 360px at 0% 100%,var(--or-100),transparent 70%),var(--bg);padding-block:0 clamp(30px,5vw,56px);overflow:hidden}
.phero-in{display:grid;gap:14px;align-items:center;padding-top:clamp(14px,3vw,28px)}
@media(min-width:860px){.phero-in{grid-template-columns:1.3fr .7fr;gap:32px}}
.phero .kicker{display:inline-block}
.phero h1{font-size:clamp(25px,5.6vw,38px);line-height:1.55;margin-top:12px}
.phero h1 .em{color:var(--or-700);background:linear-gradient(transparent 62%,var(--pink-200) 62%);padding:0 4px}
.phero .lead{margin-top:14px;font-size:16.5px;color:var(--ink-2);max-width:38em}
.phero-pts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.phero-pts li{background:#fff;border:1.5px solid var(--pink-200);border-radius:999px;padding:3px 14px;font-size:14.5px;font-weight:700;color:var(--pink-700);line-height:1.7}
.phero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.phero-cta .btn{min-height:58px;font-size:17px;padding-inline:24px}

/* ---------- 「次に読むページ」「この記事の内容を、もっと詳しく」 ---------- */
.hubnext{margin:36px 0 0;padding:20px;background:var(--pink-50);border:1px solid var(--pink-200);border-radius:var(--r)}
.hubnext-t{font-family:var(--font-display);font-weight:700;font-size:17px;margin-bottom:12px;text-align:left}
.hubnext-g{display:grid;gap:10px}
@media(min-width:720px){.hubnext-g{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.hubnext-g a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.hubnext-g a:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.hubnext-g b{display:block;font-size:16px;line-height:1.55}
.hubnext-g span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-top:2px}
.hubnext-g .hn-cta{background:var(--or-700);border-color:var(--or-700);color:#fff}
.hubnext-g .hn-cta span{color:var(--or-100)}
.hubnext.in-page{margin-top:0}

/* ---------- サイトマップ ---------- */
.sm{display:grid;gap:18px}
@media(min-width:760px){.sm{grid-template-columns:1fr 1fr}}
.sm-g{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow-sm)}
.sm-g h2{font-size:20px}
.sm-g h2 a{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--or-300)}
.sm-g>p{font-size:14.5px;color:var(--ink-2);margin:8px 0 6px;line-height:1.7}
.sm-g ul{list-style:none;margin:0;padding:0}
.sm-g li{padding:5px 0}
.sm-g li a{font-weight:700;font-size:16px}
.sm-g li span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.6}

/* ---------- トップページ ---------- */
.thero{position:relative;background:radial-gradient(900px 440px at 92% 0%,var(--pink-100),transparent 70%),radial-gradient(760px 420px at 0% 100%,var(--or-100),transparent 70%),var(--bg);padding-block:clamp(20px,4.5vw,52px) clamp(26px,5vw,52px);overflow:hidden}
.thero-in{display:grid;gap:10px;align-items:center}
@media(min-width:900px){.thero-in{grid-template-columns:1.08fr .92fr;gap:34px}}
.thero h1{font-size:clamp(24px,6.3vw,40px);line-height:1.5;margin-top:14px}
.thero h1 .em{display:inline-block;color:var(--or-700);background:linear-gradient(transparent 62%,var(--pink-200) 62%);padding:0 4px}
.thero h1 .sub{display:block;font-family:var(--font-body);font-size:clamp(16.5px,4.3vw,21px);font-weight:700;color:var(--ink-2);margin-top:12px;line-height:1.75}
.thero .lede{margin-top:14px;color:var(--ink-2);font-size:16.5px;max-width:36em}
.tpts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.tpts li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--pink-200);border-radius:999px;padding:3px 14px;font-size:14.5px;font-weight:700;color:var(--pink-700);line-height:1.7}
.thero .hero-cta{margin-top:20px}

.paths{padding-block:clamp(34px,5vw,64px)}
.path-g{display:grid;gap:14px}
@media(min-width:860px){.path-g{grid-template-columns:repeat(3,1fr);gap:18px}}
.path{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center;background:#fff;border:2px solid var(--line);border-radius:22px;padding:14px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
@media(min-width:860px){.path{grid-template-columns:1fr;text-align:center;padding:20px 20px 24px;gap:8px;align-content:start}}
.path:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--or-300)}
.path.p1{border-color:var(--or-300);background:linear-gradient(180deg,#fff,var(--cream))}
.path small{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--pink-700);background:var(--pink-100);border-radius:999px;padding:0 12px;line-height:1.8}
.path b{display:block;font-family:var(--font-display);font-size:clamp(17px,4.6vw,20px);line-height:1.5;margin-top:4px}
.path .pd{display:block;font-size:14px;color:var(--ink-2);line-height:1.8;margin-top:4px;text-align:left}
@media(min-width:860px){.path .pd{text-align:center}}
.path em{display:block;font-style:normal;font-weight:700;color:var(--or-800);font-size:14.5px;margin-top:6px}
.path-wide{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:12px 16px;background:var(--pink-50);border:1.5px dashed var(--pink-200);border-radius:16px;font-weight:700;font-size:15.5px;text-decoration:none;color:var(--ink);text-align:center;line-height:1.7}
.path-wide .nb{color:inherit}.path-wide .pw-ar{color:var(--or-800);margin-left:6px}
.path-more{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;align-items:center;font-size:14.5px;color:var(--ink-2)}
.path-more a{font-weight:700;background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:3px 14px;text-decoration:none;color:var(--or-800);line-height:1.7}

.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(min-width:800px){.tiles{grid-template-columns:repeat(4,1fr);gap:14px}}
.tiles a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.tiles a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tiles .ti{width:46px;height:46px}
.tiles .ti svg{width:100%;height:100%}
.tiles b{font-family:var(--font-display);font-size:15.5px;line-height:1.55;margin-top:4px}
.tiles span{font-size:13.5px;color:var(--ink-2);line-height:1.75}
.tiles em{font-style:normal;font-weight:700;font-size:13.5px;color:var(--or-800);margin-top:auto;padding-top:4px}

.steps3{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
@media(min-width:800px){.steps3{grid-template-columns:repeat(3,1fr);gap:16px}}
.steps3 li{counter-increment:s;position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 18px 18px 74px;box-shadow:var(--shadow-sm);line-height:1.8}
@media(min-width:800px){.steps3 li{padding:68px 18px 20px}}
.steps3 li::before{content:counter(s);position:absolute;left:16px;top:16px;width:44px;height:44px;border-radius:50%;background:var(--or-700);color:#fff;font-family:var(--font-display);font-weight:700;font-size:21px;display:grid;place-items:center}
.steps3 li:nth-child(2)::before{background:var(--pink-600)}
.steps3 li:nth-child(3)::before{background:var(--pink-700)}
.steps3 b{display:block;font-family:var(--font-display);font-size:18px;line-height:1.55}
.steps3 span{display:block;font-size:15px;color:var(--ink-2);margin-top:3px}
.flow-wrap{display:grid;gap:22px;align-items:center}
@media(min-width:900px){.flow-wrap{grid-template-columns:.62fr 1.38fr;gap:34px}}

.final{background:linear-gradient(180deg,var(--pink-50),var(--cream));padding-block:clamp(36px,6vw,70px)}
.final-in{display:grid;gap:18px;align-items:center;text-align:center;background:#fff;border:2px solid var(--or-300);border-radius:30px;padding:26px 20px 28px;box-shadow:var(--shadow)}
@media(min-width:900px){.final-in{grid-template-columns:.8fr 1.2fr;text-align:left;gap:34px;padding:34px 40px}}
.final h2{font-size:clamp(23px,4.6vw,34px);line-height:1.55}
.final p.lead{margin-top:10px;color:var(--ink-2);font-size:16px}
.final .cta-pair{margin-top:18px}
.final .hero-tel{justify-content:center;margin-top:14px}
@media(min-width:900px){.final .hero-tel{justify-content:flex-start}}

/* ---------- 三つの方法を比べる（売却・買取・リースバック）／ご案内のカード ---------- */
.m3{display:grid;gap:16px}
@media(min-width:900px){.m3{grid-template-columns:repeat(3,1fr);gap:18px}}
.m3-c{background:#fff;border:2px solid var(--line);border-radius:24px;padding:22px 20px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}
.m3-c.me{border-color:var(--or-300);background:linear-gradient(180deg,#fff,var(--cream))}
.m3-c h3{font-size:21px;text-align:center}
.m3-c .tag{align-self:center;font-size:13px;font-weight:700;background:var(--pink-100);color:var(--pink-700);border-radius:999px;padding:0 14px;line-height:1.9}
.m3-c dl{display:grid;gap:8px;margin:8px 0 0;font-size:15px;line-height:1.75}
.m3-c dt{font-weight:700;font-size:13px;color:var(--or-800);letter-spacing:.04em}
.m3-c dd{margin:0}
.m3-c .btn{margin-top:auto}
.m3-c .more{margin-top:12px;text-align:center}
.lnk-cards{display:grid;gap:12px}
@media(min-width:720px){.lnk-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.lnk-cards a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.lnk-cards a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lnk-cards b{display:block;font-family:var(--font-display);font-size:17.5px;line-height:1.55}
.lnk-cards span{display:block;font-size:14.5px;color:var(--ink-2);line-height:1.8;margin-top:3px}
.lnk-cards em{display:block;font-style:normal;font-weight:700;font-size:14px;color:var(--or-800);margin-top:6px}
.chr-note{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;margin-top:22px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}
@media(min-width:720px){.chr-note{grid-template-columns:130px 1fr;gap:20px;padding:16px 24px}}
.chr-note p{font-size:15.5px;line-height:1.9;color:var(--ink-2)}
.chr-note b{color:var(--ink)}

/* ---------- 完了ページ・お問い合わせページ ---------- */
.thanks{padding-block:clamp(30px,6vw,72px)}
.thanks-in{max-width:760px;margin-inline:auto;text-align:center;background:#fff;border:2px solid var(--or-300);border-radius:30px;padding:26px 20px 32px;box-shadow:var(--shadow)}
.thanks h1{font-size:clamp(23px,5vw,32px);line-height:1.55}
.thanks ol{text-align:left;margin:18px auto 0;padding-left:1.4em;display:grid;gap:9px;max-width:32em;color:var(--ink-2);font-size:16px}
.thanks .lead{margin-top:12px;color:var(--ink-2)}
.thanks .more-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.contact-top{padding-block:0 8px}
.contact-way{display:grid;gap:10px;margin-top:16px}
@media(min-width:720px){.contact-way{grid-template-columns:repeat(3,1fr)}}
.contact-way a{display:block;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow-sm);line-height:1.7}
.contact-way b{display:block;font-family:var(--font-display);font-size:17px}
.contact-way span{display:block;font-size:14px;color:var(--ink-2)}
.contact-way a:hover{border-color:var(--or-300)}
@media print{.foot-cta,.mnav{display:none}}

/* ---------- カード内のアイコン／ご案内帯・記事末のキャラクター ---------- */
.ci{display:block;width:52px;height:52px;margin-bottom:8px}
.ci svg{display:block;width:100%;height:100%}
.cta-mid-who{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center}
@media(min-width:720px){.cta-mid-who{grid-template-columns:128px 1fr;gap:22px}}
.fc-links a{display:inline-block;padding:4px 10px;border:1.5px solid var(--or-300);border-radius:999px;background:#fff;color:var(--or-800);font-size:13.5px;font-weight:700;text-decoration:none;line-height:1.6}
.fc-links a:hover{background:var(--or-100)}
.final .cta-pair .btn{padding-inline:14px;font-size:clamp(15px,4.2vw,18px)}
@media(min-width:900px){.final .cta-pair .btn{white-space:nowrap}}
.btn,.cta-pair .btn{text-wrap:balance}
.rtc dd,.rtc dt,.foot-co dd,.fc-links{text-align:left;text-justify:auto}

/* =====================================================================
   2026100901：写真を中心にしたデザイン（キャラクターは、ロゴ以外では使いません）
   ===================================================================== */
/* --- トップの最初の画面 --- */
.thero-vis{position:relative;isolation:isolate;justify-self:center;width:min(92%,540px);margin-top:8px;padding:0 0 28px}
@media(min-width:900px){.thero-vis{width:100%;margin-top:0;padding:0 0 32px 16px}}
.thero-vis::before{content:"";position:absolute;inset:-14px -12px 6px 28px;border-radius:44% 56% 52% 48% / 50% 42% 58% 50%;background:var(--pink-100);z-index:-1}
.tph-main{aspect-ratio:4/3;border-radius:30px;overflow:hidden;border:6px solid #fff;box-shadow:var(--shadow);background:var(--pink-50)}
.tph-main img,.tph-sub img{width:100%;height:100%;object-fit:cover;display:block}
.tph-sub{position:absolute;left:-6px;bottom:0;width:34%;aspect-ratio:1;border-radius:22px;overflow:hidden;border:5px solid #fff;box-shadow:var(--shadow);background:var(--pink-50)}
@media(min-width:900px){.tph-sub{left:0}}
.thero-tag{position:absolute;background:#fff;border:1.5px solid var(--or-300);border-radius:16px;box-shadow:var(--shadow);padding:7px 13px;font-family:var(--font-display);font-weight:700;font-size:13.5px;line-height:1.5;color:var(--or-800)}
.thero-tag small{display:block;font-family:var(--font-body);font-weight:500;font-size:11.5px;color:var(--ink-2)}
.thero-tag.t1{right:-2%;top:6%}
.thero-tag.t2{right:-2%;bottom:5%;color:var(--pink-700);border-color:var(--pink-200)}
@media(max-width:520px){.thero-tag{font-size:12.5px;padding:6px 10px}.thero-tag small{font-size:10.5px}.thero-tag.t1{right:6px;top:10px}.thero-tag.t2{right:6px}}
/* --- 各ページの上部の写真 --- */
.phero-pho{position:relative;isolation:isolate;justify-self:center;width:min(88%,430px);margin-top:6px}
@media(min-width:860px){.phero-pho{width:100%;max-width:400px;margin-top:0}}
.phero-pho::before{content:"";position:absolute;inset:14px -10px -12px 14px;border-radius:30px;background:var(--pink-100);z-index:-1}
.phero-pho img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;border:5px solid #fff;box-shadow:var(--shadow)}
/* --- トップの「三つの道」（写真つきのカード）／三つの方法の比較 --- */
.path-pho{display:block;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--pink-50)}
.path-pho img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:860px){.path-pho{aspect-ratio:3/2}}
.m3-pho{border-radius:16px;overflow:hidden;aspect-ratio:3/2;margin-bottom:8px;background:var(--pink-50)}
.m3-pho img{width:100%;height:100%;object-fit:cover;display:block}
/* --- ご相談の流れ・最後のご案内・ページ下部のご案内 --- */
.flow-pic{justify-self:center;width:min(100%,460px)}
@media(min-width:900px){.flow-pic{width:100%}}
.flow-pic img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:26px;box-shadow:var(--shadow);border:5px solid #fff}
@media(min-width:900px){.flow-pic img{aspect-ratio:4/5}}
.final-pho{width:min(100%,430px);margin-inline:auto}
.final-pho img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;border:5px solid #fff;box-shadow:var(--shadow)}
@media(min-width:900px){.final-pho{width:100%}.final-pho img{aspect-ratio:4/5}}
.fcta-pho{width:min(100%,380px);margin-inline:auto}
.fcta-pho img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;border:4px solid #fff;box-shadow:var(--shadow-sm)}
@media(min-width:900px){.fcta-pho{width:100%}.fcta-pho img{aspect-ratio:1}}
/* --- ご案内の帯・記事末・ひとこと・受付完了 --- */
.cta-mid-pho{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:var(--shadow-sm);background:var(--pink-50)}
.cta-mid-pho img{width:100%;height:100%;object-fit:cover;display:block}
.post-cta-pho{width:112px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:var(--shadow-sm);margin:0 auto 10px;background:var(--pink-50)}
.post-cta-pho img{width:100%;height:100%;object-fit:cover;display:block}
.chr-note img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:var(--shadow-sm)}
.thanks-pho{width:min(100%,430px);margin:0 auto 14px}
.thanks-pho img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px;border:5px solid #fff;box-shadow:var(--shadow)}
/* --- スマホ：トップは「見出し → 写真 → 本文・ボタン」の順に並べます --- */
@media(max-width:899px){
  .thero-in{gap:12px}
  .thero-txt{display:contents}
  .thero-txt>.label{order:1;justify-self:start}
  .thero-txt>h1{order:2;margin-top:2px}
  .thero-vis{order:3}
  .thero-txt>.lede{order:4;margin-top:6px}
  .thero-txt>.tpts{order:5}
  .thero-txt>.hero-cta{order:6}
  .thero-txt>.hero-tel{order:7}
}
/* --- よくある質問の見出しが、スマホで横にはみ出さないように --- */
.qa .q{overflow-wrap:anywhere;min-width:0}
.qa{min-width:0}

/* =====================================================================
   2026100902：キャラクターは、小さな挿絵として所々に
   （主役は写真。キャラクターは添えもの：写真のすみ・見出しのそば・ご案内の帯に、小さく置きます。
    ふんわり、ゆっくりと揺れます。動きが苦手な方の設定（視覚効果を減らす）では止まります）
   ===================================================================== */
img.chr-s{position:absolute;z-index:3;display:block;width:calc(var(--cw,108px) * var(--ck,1));height:auto;max-width:none;
  aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;background:none;pointer-events:none;
  filter:drop-shadow(0 4px 7px rgba(110,60,45,.2));animation:chrBob 7s ease-in-out infinite;animation-delay:var(--cd,0s)}
img.chr-s.d1{--cd:-1.6s}
img.chr-s.d2{--cd:-3.5s}
img.chr-s.d3{--cd:-5.2s}
img.chr-s.cw-s{--cw:84px}
img.chr-s.cw-m{--cw:116px}
img.chr-s.cw-l{--cw:150px}
@media(max-width:600px){img.chr-s{--ck:.8}}
img.chr-s.br{right:-12px;bottom:-18px}
img.chr-s.bl{left:-12px;bottom:-18px}
img.chr-s.tr{right:-12px;top:-26px}
img.chr-s.tl{left:-12px;top:-26px}
@keyframes chrBob{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-4px) rotate(1.2deg)}}
@media(prefers-reduced-motion:reduce){img.chr-s,.cta-mid-chr img{animation:none}}
/* 絵をのせる枠（写真の外へ少しはみ出して置けるように） */
.flow-pic,.final-pho,.fcta-pho,.thanks-pho,.area-pic,.cta-mid-pw,.post-cta-pw,.split-ph{position:relative}
/* トップの最初の写真：右下のすみに（「相談・査定は無料」の札の上） */
.thero-vis img.chr-s.hs{left:auto;top:auto;right:2px;bottom:70px;--cw:112px}
@media(min-width:900px){.thero-vis img.chr-s.hs{right:-6px;bottom:76px;--cw:118px}}
@media(max-width:899px){.thero-vis img.chr-s.hs{right:2px;bottom:66px;--cw:104px}}
/* 見出しのそば：ふだんは見出しの上にまんなかに。見出しが短いトップの各節（pa）は、広い画面で見出しの右（または左）のあきに */
.sec-head{position:relative}
.sec-head img.chr-s.pal{position:static;margin:0 auto -6px;--cw:96px}
@media(min-width:1200px){
  .wrap:not(.read) .sec-head img.chr-s.pal.pa{position:absolute;right:0;top:50%;margin:calc(var(--cw) * -.34) 0 0;--cw:116px}
  .wrap:not(.read) .sec-head img.chr-s.pal.pa.pl{right:auto;left:0}
}
/* ご案内の帯 */
.cta-mid-pw{width:100%}
.cta-mid-pw img.chr-s.br{right:-14px;bottom:-10px}
.cta-mid-chr{width:100%}
.cta-mid-chr img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 7px rgba(110,60,45,.18));animation:chrBob 7s ease-in-out infinite}
/* ページ下のご案内・記事のおわりの案内 */
.fcta-pho img.chr-s.br{right:-14px;bottom:-14px}
.post-cta-pw{width:112px;margin:0 auto 10px}
.post-cta-pw .post-cta-pho{margin:0}
.post-cta-pw img.chr-s.br{right:-34px;bottom:-8px}
/* 県のページ・受付完了ページ */
.thanks-pho img.chr-s.tr{right:-8px;top:-34px}

/* ============================================================
   2026100905：加盟企業募集ページ（kamei/）と、宅建業者さま向けの控えめな入口
   ============================================================ */
.km-for{font-weight:700;color:var(--or-800);margin-top:12px;font-size:15.5px}
.km-stats ul{grid-template-columns:1fr 1fr}
@media(min-width:760px){.km-stats ul{grid-template-columns:repeat(4,1fr)}}
.km-worries{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.km-worries li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px 16px 74px;position:relative;box-shadow:var(--shadow-sm)}
.km-worries li .ic{position:absolute;left:16px;top:16px;width:44px;height:44px}
.km-worries b{display:block;font-family:var(--font-display);font-size:17px;line-height:1.55}
.km-worries span{display:block;font-size:15px;color:var(--ink-2);margin-top:4px;line-height:1.8}
@media(min-width:760px){.km-worries{grid-template-columns:1fr 1fr}}
.km-flow{display:grid;gap:8px;margin-bottom:22px}
.km-fl{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:18px 20px;text-align:center;box-shadow:var(--shadow-sm)}
.km-fl-k{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;border-radius:999px;padding:2px 14px;background:var(--pink-100);color:var(--pink-700)}
.km-fl-b .km-fl-k{background:var(--or-100);color:var(--or-800)}
.km-fl-c{border-color:var(--or-300);background:#FFF6EE}
.km-fl b{display:block;font-family:var(--font-display);font-size:18.5px;margin-top:8px;line-height:1.5}
.km-fl span:last-child{display:block;font-size:14.5px;color:var(--ink-2);margin-top:6px;line-height:1.8}
.km-arrow{width:0;height:0;margin:0 auto;border-left:14px solid transparent;border-right:14px solid transparent;border-top:16px solid var(--or-500)}
@media(min-width:900px){
  .km-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}
  .km-arrow{align-self:center;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:16px solid var(--or-500);border-right:0}
}
.km-roles{display:grid;gap:14px}
@media(min-width:760px){.km-roles{grid-template-columns:1fr 1fr}}
.km-role{padding:22px 22px 18px}
.km-role h3{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:10px}
.km-role h3 .ic{width:34px;height:34px;flex:none}
.km-role ul{margin:0;padding-left:1.3em;font-size:15.5px;color:var(--ink-2);line-height:1.9}
.km-role li+li{margin-top:4px}
.km-note{font-size:14px;color:var(--ink-2);margin-top:16px;line-height:1.85}
.km-merits{display:grid;gap:14px}
@media(min-width:760px){.km-merits{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.km-merits{grid-template-columns:repeat(3,1fr)}}
.km-merit{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px 20px;box-shadow:var(--shadow-sm);position:relative}
.km-merit .n{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;background:var(--or-100);color:var(--or-800);font-family:var(--font-display);font-weight:700;display:grid;place-items:center;font-size:16px}
.km-merit:nth-child(even) .n{background:var(--pink-100);color:var(--pink-700)}
.km-merit h3{font-size:18.5px;line-height:1.5;padding-right:46px;margin-bottom:8px}
.km-merit p{font-size:15.5px;color:var(--ink-2);line-height:1.9}
.km-split{display:grid;gap:22px;align-items:start}
@media(min-width:900px){.km-split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.km-split-rev{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}
.km-split-pho{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.km-split-pho img:not(.chr-s){width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
.km-fee{margin-top:16px;padding:18px 20px;background:var(--or-100);border-color:var(--or-300)}
.km-fee h3{display:flex;align-items:center;gap:10px;font-size:17.5px;margin-bottom:6px}
.km-fee h3 .ic{width:30px;height:30px;flex:none}
.km-fee p{font-size:15px;color:var(--ink-2);line-height:1.85}
/* 募集している地域 */
.rc-legend{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;font-size:14px;font-weight:700}
.rc-legend li{display:flex;align-items:center;gap:7px}
.rc-legend li::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:#fff}
.rc-legend .rc-open::before,.rc-list .rc-open{background:var(--or-100);border-color:var(--or-500)}
.rc-legend .rc-prep::before,.rc-list .rc-prep{background:var(--pink-100);border-color:var(--pink-400)}
.rc-legend .rc-plan::before,.rc-list .rc-plan{background:#EAF3FF;border-color:#B9D3F5}
.rc-legend .rc-want::before,.rc-list .rc-want{background:#fff;border-color:var(--line-2)}
.rc-grid{display:grid;gap:12px}
@media(min-width:640px){.rc-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.rc-grid{grid-template-columns:repeat(3,1fr)}}
.rc-reg{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 12px;box-shadow:var(--shadow-sm)}
.rc-reg h3{font-size:15.5px;color:var(--or-800);margin-bottom:8px;padding-left:4px}
.rc-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rc-list li{border:1.5px solid;border-radius:12px;padding:5px 10px;font-size:14px;font-weight:700;line-height:1.5;display:flex;flex-direction:column;min-width:0}
.rc-list li small{font-weight:500;font-size:11.5px;color:var(--ink-2);line-height:1.4}
.rc-list li a{text-decoration:none;color:var(--or-800)}
.rc-list .rc-want{color:var(--ink-2);font-weight:600}
.km-members{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 20px 16px;box-shadow:var(--shadow-sm)}
.km-members h3{font-size:18px;margin-bottom:10px}
.km-mem-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px;line-height:1.8}
.km-mem-list li{display:grid;grid-template-columns:5.5em 1fr;gap:8px;border-top:1px dashed var(--line-2);padding-top:6px}
.km-mem-list b{color:var(--or-800)}
.km-mem-list span{color:var(--ink-2)}
.km-steps{grid-template-columns:1fr}
@media(min-width:900px){.km-steps{max-width:860px;margin-inline:auto}}
.km-steps li:nth-child(4)::before{background:var(--or-600)}
.km-steps li:nth-child(5)::before{background:var(--pink-600)}
.km-kaitori{padding:22px 22px 18px;border-color:var(--pink-200)}
.km-kaitori h3{display:flex;align-items:center;gap:10px;font-size:18.5px;margin-bottom:8px}
.km-kaitori h3 .ic{width:34px;height:34px;flex:none}
.km-kaitori p{font-size:15.5px;color:var(--ink-2);line-height:1.9}
.km-taisei{display:grid;gap:12px}
@media(min-width:760px){.km-taisei{grid-template-columns:1fr 1fr}}
.km-taisei .card{padding:18px 20px}
.km-taisei h3{font-size:16.5px;color:var(--or-800);margin-bottom:6px}
.km-taisei p{font-size:15.5px;color:var(--ink-2);line-height:1.85}
.km-radio label{min-height:48px;padding:9px 16px;font-size:15px}
.km-tel{margin-top:22px;text-align:center;display:flex;flex-direction:column;gap:4px}
.km-tel span{font-weight:700;font-size:15px}
.km-tel a{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,6vw,34px);color:var(--or-800);text-decoration:none;letter-spacing:.02em}
.km-tel small{font-size:13.5px;color:var(--ink-2);line-height:1.7}
/* 宅建業者さま向けの控えめな入口（フッターの上の一行） */
.biz-strip{background:var(--cream);border-top:1px solid var(--line)}
.biz-strip .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding-block:13px;font-size:14px;color:var(--ink-2)}
.biz-strip b{font-weight:700;color:var(--ink)}
.biz-strip a{color:var(--or-800);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--or-300);padding-bottom:1px}
.biz-strip a:hover{border-bottom-color:var(--or-700)}
.foot-links .biz{color:var(--or-800)}


/* ============================================================
   2026100907：読みやすさ（改行）・写真・加盟募集の入口
   ============================================================ */
.nw{white-space:nowrap}
/* 「ご相談のご案内」（ページ途中）：スマホでは写真を上に、文章を全幅に */
@media(max-width:719px){
  .cta-mid-who{grid-template-columns:1fr;gap:10px;justify-items:center}
  .cta-mid-pw{width:128px}
  .cta-mid-who .cta-mid-t,.cta-mid-who .cta-mid-l,.cta-mid-who .cta-mid-k{text-align:center}
}
/* 次の一歩（お申し込みページ）：文のかたまりで折り返し、スマホは左そろえ */
@media(max-width:639px){.next .sub,.next-foot{text-align:left}}
.tel-sub{white-space:normal}
/* しくみの図の注記を枠に収める */
.figbox.flow figcaption,.figbox figcaption.boxed{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-top:14px}
/* 三つのお約束：写真つき */
.c-card .cimg{width:calc(100% + 44px);margin:-26px -22px 14px;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r) var(--r) 0 0}
.c-card .cimg img{width:100%;height:100%;object-fit:cover;display:block}
/* 帯（band）の電話の説明 */
.tel-band>span{display:block}
/* 加盟企業募集の入口：フッターの上の案内（大きく） */
.biz-banner{background:linear-gradient(110deg,#FFF3E8,#FFE7EC);border-top:1px solid var(--line);padding-block:clamp(28px,4vw,44px)}
.biz-banner .wrap{display:grid;gap:16px;align-items:center}
@media(min-width:900px){.biz-banner .wrap{grid-template-columns:minmax(0,1fr) auto;gap:30px}}
.biz-banner .bz-k{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--pink-700);background:#fff;border:1.5px solid var(--pink-200);border-radius:999px;padding:3px 14px}
.biz-banner h2{font-size:clamp(21px,4vw,27px);margin-top:10px;line-height:1.5}
.biz-banner p{font-size:15.5px;color:var(--ink-2);margin-top:8px;max-width:40em}
.biz-banner ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.biz-banner li{background:#fff;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700;color:var(--or-800);border:1px solid var(--or-300)}
.biz-banner .bz-act{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.biz-banner .bz-act .btn{min-height:58px;font-size:18px}
.biz-banner .bz-act small{text-align:center;font-size:13px;color:var(--ink-2)}
/* フッター上段の案内枠 */
.foot-biz{background:#fff;border:1.5px solid var(--or-300);border-radius:18px;padding:14px 16px;display:grid;gap:10px}
.foot-biz b{display:block;font-size:15px}
.foot-biz span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.7}
.foot-biz .btn{min-height:46px;font-size:15px;padding:8px 18px;white-space:nowrap}
@media(min-width:800px){.foot-biz{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}}
.foot-links .biz{font-weight:700;background:var(--or-100);border-radius:999px;padding:3px 12px}
/* ヘッダー：加盟企業募集（PC） */
.g-list a.g1.biz{color:var(--or-800);background:var(--or-100);border-radius:999px;padding:9px 11px;margin-left:3px}
.g-list a.g1.biz:hover{background:var(--or-300)}
/* スマホのメニュー：加盟企業募集 */
.mnav-biz{display:block;margin-top:14px;background:linear-gradient(110deg,#FFF3E8,#FFE7EC);border:1.5px solid var(--or-300);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.mnav-biz b{display:block;font-family:var(--font-display);font-size:17px;color:var(--or-800)}
.mnav-biz span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:3px}
/* 加盟企業募集ページ：スマホ下部の固定ボタン */
.mobile-bar.biz{grid-template-columns:.6fr 2fr}
.mobile-bar.biz .mb-kamei{font-size:16px;white-space:nowrap}
/* 加盟企業募集ページ（2026100907：端的に・メリット重視） */
.km-top3{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.km-top3 li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;background:#fff;border:1.5px solid var(--or-300);border-radius:16px;padding:10px 14px}
.km-top3 li .ic{grid-row:1/3;width:40px;height:40px}
.km-top3 b{font-family:var(--font-display);font-size:16.5px;line-height:1.4}
.km-top3 span{font-size:13.5px;color:var(--ink-2);line-height:1.6}
.km-hero-note{margin-top:12px;font-size:14px;color:var(--ink-2)}
.km-merit.big{padding:0 0 20px;overflow:hidden}
.km-merit.big .km-merit-pho{aspect-ratio:16/9;overflow:hidden}
.km-merit.big .km-merit-pho img{width:100%;height:100%;object-fit:cover;display:block}
.km-merit.big h3,.km-merit.big p{padding-inline:20px}
.km-merit.big h3{margin-top:14px;font-size:19.5px}
.km-merit.big .n{background:var(--or-700);color:#fff;z-index:1}
.km-cta-row{display:flex;justify-content:center;margin-top:26px}
.km-cta-row .btn{min-width:min(100%,520px)}
.km-pledge li span{font-size:15px}
@media(min-width:1100px){.km-merits{grid-template-columns:repeat(3,1fr)}}

/* ========== 2026101001：顔の見えるHP（相談員の顔の壁・「もう悩まないで」のメッセージ・顔の一覧） ========== */
/* トップのヒーロー：相談員の顔写真を敷きつめた背景の上に、白いカード */
.hero-faces{padding-block:0;background:var(--cream);overflow:hidden;min-height:560px;display:flex;align-items:center}
.hero-faces>.wrap{position:relative;z-index:1;padding-block:clamp(34px,5vw,64px)}
.face-wall{position:absolute;inset:0;overflow:hidden;background:var(--cream)}
.fw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:3px;padding:3px;min-height:100%}
@media(min-width:760px){.fw-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}
@media(min-width:1280px){.fw-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}
.fw-t{display:block;aspect-ratio:1;overflow:hidden;background:var(--peach)}
.fw-t img{width:100%;height:100%;object-fit:cover;display:block}
.fw-t svg{width:100%;height:100%;display:block}
.face-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,245,.55),rgba(255,250,245,.18) 30%,rgba(255,250,245,.18) 70%,rgba(255,250,245,.6))}
.hero-card{position:relative;background:rgba(255,255,255,.96);border:2px solid #fff;border-radius:30px;padding:clamp(22px,4vw,40px) clamp(18px,4vw,44px) clamp(22px,4vw,36px);box-shadow:0 24px 60px -24px rgba(120,50,10,.45),0 0 0 6px rgba(255,255,255,.35);max-width:760px;margin-inline:auto;text-align:center}
.hero-card .label{display:inline-block;font-size:13.5px;font-weight:700;color:var(--or-800);background:var(--or-100);border-radius:999px;padding:3px 14px}
.hero-card h1{margin-top:10px;font-size:clamp(20px,5.6vw,31px);line-height:1.5}
@media(min-width:920px){.hero-card h1{font-size:clamp(24px,2.8vw,32px)}}
.hero-card h1 .em{color:var(--or-700);background:linear-gradient(transparent 62%,var(--pink-200) 62%);padding:0 4px}
.hero-card h1 .sub{display:block;font-family:var(--font-body);font-size:clamp(15px,3.8vw,19px);font-weight:700;color:var(--ink-2);margin-top:12px;line-height:1.7}
.hero-card h1 .sub .nb{margin-inline:2px}
.hero-who{margin-top:14px;font-size:15.5px;color:var(--ink-2);line-height:1.85}
.hero-who b{color:var(--pink-700);font-size:17px}
.hero-card .hero-cta{margin-top:18px}
.hero-card .cta-pair{justify-content:center}
.hero-tel-line{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin-top:16px;text-decoration:none;color:var(--ink-2);font-size:14px;line-height:1.5}
.hero-tel-line svg{color:var(--or-700)}
.hero-tel-line b{font-family:var(--font-display);font-size:24px;color:var(--or-800);letter-spacing:.01em}
.hero-tel-line small{display:block;width:100%;font-size:13px;color:var(--ink-3)}
.hero-tel-line small .nw{white-space:nowrap}

/* 「もう悩まないで。私たちに相談してください。」 */
.nayamu{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}
.nayamu .ny-1{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,3.8vw,18px);color:#fff;background:var(--or-600);border-radius:999px;padding:4px 18px;line-height:1.6;letter-spacing:.04em}
.nayamu .ny-2{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,6.4vw,36px);color:var(--or-700);line-height:1.4;letter-spacing:.02em}
.hero-nayamu{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-2)}
.hero-card .label+h1{margin-top:12px}
.final .nayamu{margin-bottom:6px}
.final .nayamu .ny-2{font-size:clamp(21px,5.6vw,32px)}
.fcta-txt .nayamu{align-items:flex-start;margin-bottom:10px}
.fcta-txt .nayamu .ny-2{font-size:clamp(20px,5vw,27px)}
@media(min-width:760px){.fcta-txt .nayamu{align-items:flex-start}}

/* ヒーローの下の説明（以前のヒーローの本文） */
.hero-detail{position:relative;padding-block:clamp(30px,5vw,56px) clamp(40px,6vw,72px);background:radial-gradient(900px 420px at 88% 8%,var(--pink-100),transparent 70%),radial-gradient(700px 400px at 0% 100%,var(--or-100),transparent 70%),var(--bg);overflow:hidden}
.hero-detail .lede{color:var(--ink-2);font-size:17px;max-width:36em}
.hero-detail .stack>.line-link{justify-content:flex-start;margin-top:12px}
.hero-detail .stack>.pill-link{align-self:flex-start}

/* 顔と名前の一覧（トップの相談員の欄・相談員のページ） */
.face-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 8px}
@media(min-width:760px){.face-list{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:18px 10px}}
.face-list a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ink);text-align:center;line-height:1.4}
.face-list .fl-pic{width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--peach);border:3px solid #fff;box-shadow:var(--shadow-sm);display:block;transition:transform .15s}
@media(min-width:760px){.face-list .fl-pic{width:88px;height:88px}}
.face-list .fl-pic img,.face-list .fl-pic svg{width:100%;height:100%;object-fit:cover;display:block}
.face-list a:hover .fl-pic{transform:translateY(-2px)}
.face-list b{display:block;font-family:var(--font-display);font-size:14.5px;margin-top:7px;white-space:nowrap}
.face-list small{display:block;font-size:11.5px;color:var(--ink-3);line-height:1.35;margin-top:2px;overflow-wrap:anywhere}
.staff-note{font-size:15px;color:var(--ink-2);margin-top:8px;line-height:1.9}
.st-page .face-list{margin:0 0 30px}
.st-faces-h{font-family:var(--font-display);font-size:19px;margin:0 0 4px}

/* 顔写真の帯（下層ページの最後のご案内） */
.face-strip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;text-decoration:none;color:var(--ink-2);font-size:14.5px;line-height:1.5}
.fs-pics{display:flex}
.fs-p{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--peach);border:2px solid #fff;box-shadow:var(--shadow-sm);margin-left:-10px;flex:none;display:grid;place-items:center}
.fs-p:first-child{margin-left:0}
.fs-p img,.fs-p svg{width:100%;height:100%;object-fit:cover;display:block}
.fs-more{background:var(--pink-100);color:var(--pink-700);font-weight:700;font-size:12.5px;font-family:var(--font-display)}
.fs-t b{color:var(--pink-700)}
.fs-arrow{margin-left:4px;color:var(--or-700);font-weight:700}

/* スマホ：顔の壁を上の帯にして、その下にカードを重ねる（顔が見えるように） */
@media(max-width:759px){
  .hero-faces{display:block;min-height:0}
  .face-wall{position:relative;height:238px}
  .fw-grid{grid-template-columns:repeat(5,1fr);gap:3px;padding:3px}
  .face-wall::after{background:linear-gradient(180deg,rgba(255,250,245,.08),rgba(255,250,245,.08) 55%,rgba(255,250,245,.85))}
  .hero-faces>.wrap{margin-top:-58px;padding-top:0;padding-bottom:30px}
  .hero-card{padding:22px 18px 22px;box-shadow:0 18px 44px -20px rgba(120,50,10,.45)}
}
@media(max-width:419px){.fw-grid{grid-template-columns:repeat(4,1fr)}.face-wall{height:252px}}
@media(min-width:900px){.final .nayamu{align-items:flex-start}}
.face-strip{max-width:100%}
.fs-pics{max-width:100%;overflow:hidden}
@media(max-width:599px){.fs-p{width:34px;height:34px;margin-left:-9px}.fs-more{font-size:11.5px}}

/* 2026101002：スマホ・タブレットのヘッダーに「リースバックとは」「お悩み別」の小さなボタン（ロゴと電話の間・縦に2つ） */
.head-quick{display:flex;flex-direction:column;gap:4px;flex:none;margin-left:2px}
.head-quick a{display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;line-height:1.2;color:var(--or-800);background:#fff;border:1.5px solid var(--or-300);border-radius:999px;padding:4px 8px;text-decoration:none;white-space:nowrap}
.head-quick a:hover{background:var(--or-100)}
@media(min-width:1180px){.head-quick{display:none}}
@media(max-width:759px){.brand-logo{height:40px}.site-head .bar{gap:8px}.tel-icon,.menu-btn{width:48px;height:46px}.head-quick a{font-size:10px;padding:3px 6px}}
@media(max-width:399px){.brand-logo{height:36px}.site-head .bar{gap:6px}.tel-icon,.menu-btn{width:44px;height:44px;font-size:10px}.head-quick a{font-size:9.5px;padding:3px 5px;border-width:1px}.head-quick{gap:3px}}
@media(min-width:420px) and (max-width:759px){.brand-logo{height:44px}}
@media(min-width:760px) and (max-width:1179px){.head-quick a{font-size:12px;padding:5px 11px}}

/* 2026101002：スマホの顔の壁は、3段分の大きさのタイルを2段だけ見せる（5列） */
@media(max-width:759px){
  .fw-grid{grid-template-columns:repeat(5,1fr)}
  .face-wall{height:calc((100vw - 18px) / 5 * 2 + 14px)}
  .hero-faces>.wrap{margin-top:-10px}
}
@media(min-width:480px) and (max-width:759px){
  .fw-grid{grid-template-columns:repeat(6,1fr)}
  .face-wall{height:calc((100vw - 21px) / 6 * 2 + 14px)}
}
@media(max-width:419px){.fw-grid{grid-template-columns:repeat(5,1fr)}.face-wall{height:calc((100vw - 18px) / 5 * 2 + 14px)}}
.face-wall .fw-grid{padding-top:8px}

/* 2026101003：住み続け売却相談室 */
.hero-card h1 .sub2{display:block;font-family:var(--font-body);font-size:clamp(13.5px,3.4vw,16px);font-weight:700;color:var(--or-800);margin-top:8px;line-height:1.7}
.hero-card h1 .sub2 .nb{margin-inline:2px}
.hero-card h1 .sub{margin-top:14px}
.foot-tag b{font-family:var(--font-display);font-size:17px;color:var(--or-800)}

/* 2026101004：トップ：キャッチの順（住み慣れた… → おうちはそのまま。）・「私たちに相談してください。」を1行・顔の壁をどの幅でも見せる */
.hero-card h1 .sub{margin-top:0;margin-bottom:10px;font-size:clamp(15px,3.9vw,19px)}
.hero-card h1 .main{display:block}
.hero-card .label{font-size:clamp(12px,3.4vw,13.5px);line-height:1.5;padding:4px 14px}
.hero-card .label .nb{margin:0}
.nayamu .ny-2.one{white-space:nowrap;font-size:clamp(19px,calc((100vw - 62px) / 13.4),36px)}
.final .nayamu .ny-2.one{font-size:clamp(19px,calc((100vw - 66px) / 13.4),32px)}
.fcta-txt .nayamu .ny-2.one{font-size:clamp(19px,calc((100vw - 66px) / 13.4),27px)}
@media(min-width:900px){.final .nayamu .ny-2.one{font-size:clamp(24px,2.3vw,32px)}}
@media(min-width:760px){.fcta-txt .nayamu .ny-2.one{font-size:clamp(21px,2.2vw,27px)}}
/* タブレット〜小さめのPC（760〜1179px）：スマホと同じく、顔の壁を上の帯（2段）にして、その下にカード */
@media(min-width:760px) and (max-width:1179px){
  .hero-faces{display:block;min-height:0}
  .face-wall{position:relative;height:calc((100vw - 27px) / 8 * 2 + 14px)}
  .fw-grid{grid-template-columns:repeat(8,1fr);gap:3px;padding:3px}
  .face-wall::after{background:linear-gradient(180deg,rgba(255,250,245,.06),rgba(255,250,245,.06) 60%,rgba(255,250,245,.8))}
  .hero-faces>.wrap{margin-top:-14px;padding-top:0;padding-bottom:40px}
}
@media(min-width:1024px) and (max-width:1179px){
  .face-wall{height:calc((100vw - 33px) / 10 * 2 + 14px)}
  .fw-grid{grid-template-columns:repeat(10,1fr)}
}
/* PC（1180px以上）：カードの上に、顔が1段まるごと見えるだけの余白をとる（左右・下にも顔） */
@media(min-width:1180px){
  .hero-faces>.wrap{padding-top:176px;padding-bottom:72px}
}
.fw-grid{align-content:start}
@media(max-width:1179px){.fw-t2{display:none}}
@media(max-width:389px){.hero-card .cta-pair .btn{font-size:17px;padding-inline:16px;letter-spacing:.01em}}

/* ===== 2026101005：文章の見え方の総点検（シニアが読みやすいように） ===== */
/* 本文の1行は40文字前後まで（読みの折り返し幅を 860→780px に） */
:root{--read:780px}
/* フッター上段：ノートPC幅（800〜1099px）では、ロゴとキャッチを左に縦に、電話を右に（文字が1字ずつ折れていたため） */
@media(min-width:800px) and (max-width:1099px){
  .foot-top{grid-template-columns:minmax(0,1fr) auto;gap:10px 30px}
  .foot-brand{grid-column:1;grid-row:1}
  .foot-tag{grid-column:1;grid-row:2;margin:0}
  .foot-tel{grid-column:2;grid-row:1/3;align-self:center}
}
@media(min-width:1100px){.foot-top{grid-template-columns:auto minmax(260px,1fr) auto}}
.foot-tag{font-size:15.5px}
.foot-tel small{font-size:14px}
.foot-biz span{font-size:14px}
.disclaimer{max-width:var(--read);font-size:14px;line-height:1.95}
/* 途中のご案内（cta-mid）：入れ物が狭いとき（各県ページなど）は縦に並べる（文字が1字ずつ折れていたため） */
.cta-mid{container-type:inline-size}
@container (max-width:899px){
  .cta-mid-in{grid-template-columns:1fr;gap:18px}
  .cta-mid-act{min-width:0}
}
/* 表（スマホ）：項目名を左に置き、本文は普通に折り返す（太字などがあると列が分かれていたため） */
@media(max-width:639px){
  table.rt td{display:block;position:relative;padding:7px 14px 7px calc(7.6em + 24px);min-height:2.6em;line-height:1.8}
  table.rt td::before{position:absolute;left:14px;top:9px;width:7.6em;line-height:1.6}
  table.rt td.ours{padding-top:10px;padding-bottom:10px}
  table.rt td.ours::before{top:11px}
  table.rt td:not(.ours)::before{top:9px}
}
/* 表（PC）：左端の項目の列が細くなりすぎないように */
@media(min-width:640px){table.rt th:first-child{min-width:7em}}
/* 小さな文字を少し大きく */
.hero-float small,.cta-mid-tel small,.dd small,.fcta-tel small,.mnav-tel small{font-size:13.5px}
.post-row .post-meta,.vrow .post-meta{font-size:13.5px}
.hubnext-g span{font-size:14px}
.tiles span{font-size:14px}
/* 短い説明文は、2行のときに1文字だけ余らないように（均等に折り返す） */
.hubnext-g span,.tiles span,.kicker,.phero .kicker,.lnk-cards span,.ab small{text-wrap:balance}
.cta-mid-t,.cta-mid-k{text-wrap:balance}
/* 1行が長くなりすぎる注記・但し書きは、44文字ぶんまでに */
.wrap>p.note,.wrap>.note,p.fair,.km-note,.byline,.disclaimer,.pagebox p,.sec-head p,.rtc-cap,table caption{max-width:44em}
.site-foot dl{max-width:48em}
/* 顔の一覧の会社名・ヘッダーの小さなボタンの文字を少し大きく */
.face-list small{font-size:12.5px}
.fs-more{font-size:12.5px}
@media(max-width:759px){.head-quick a{font-size:11px}}
@media(max-width:399px){.head-quick a{font-size:10.5px;padding:3px 5px}}
.cta-mid-tel{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:8px;row-gap:2px}
.cta-mid-tel small{grid-column:1/-1;text-align:center}
/* PCのヘッダー：横組みロゴが幅をとるため、1180〜1359pxはロゴとメニューを少し小さく。大きな画面ではヘッダーの幅を広げ、電話番号は1800px以上で表示 */
@media(min-width:1180px) and (max-width:1359px){.brand-logo{height:48px}.g-list a.g1{font-size:13.5px;padding-inline:5px}}
@media(min-width:1700px){.site-head .wrap{max-width:1640px}}
.head-tel .hrs{font-size:12px}
.next-card .btn{font-size:17px;padding-inline:14px}
.cta-note,.km-fl b,.lnk-cards b,.vwho span,.next-card h3,.tl .can strong{text-wrap:balance}
.mem-lead,.an-note,.more-body p.note,.ph-note{max-width:44em}
@media(min-width:640px){table.rt td>.nb{white-space:nowrap;max-width:none}}
@media(min-width:640px) and (max-width:899px){table.rt.rt-many td>.nb{white-space:normal}}
/* 列が5つ以上ある表（.rt-many）は、899pxまでスマホと同じ縦並び */
@media(min-width:640px) and (max-width:899px){
  table.rt.rt-many{min-width:0}
  table.rt.rt-many thead{display:none}
  table.rt.rt-many tbody,table.rt.rt-many tr,table.rt.rt-many th,table.rt.rt-many td{display:block;width:100%}
  table.rt.rt-many tr{border-bottom:2px solid var(--line);padding:4px 0 10px}
  table.rt.rt-many tr:last-child{border-bottom:0}
  table.rt.rt-many tbody th{background:var(--cream);border:0;border-radius:10px;padding:10px 14px;margin:8px 0 4px;font-size:17.5px;min-width:0}
  table.rt.rt-many td{display:block;position:relative;border:0;padding:7px 14px 7px calc(7.6em + 24px);min-height:2.6em;line-height:1.8}
  table.rt.rt-many td::before{content:attr(data-label);position:absolute;left:14px;top:9px;width:7.6em;font-size:14px;font-weight:700;color:var(--ink-2);line-height:1.6;background:var(--line);border-radius:6px;text-align:center;padding:1px 4px}
  table.rt.rt-many td.ours{background:var(--or-100);border-left:5px solid var(--or-500);border-radius:0 10px 10px 0;margin:6px 0;padding-top:10px;padding-bottom:10px}
  table.rt.rt-many td.ours::before{color:#fff;background:var(--or-700);top:11px}
  table.rt.rt-many td.num{white-space:normal}
}
@media(max-width:399px){.site-head .wrap{padding-inline:12px}.brand-logo{height:34px}.head-quick a{font-size:10px;padding:3px 4px}}