/*
  seller.css — 売り手向けページ（sell / lease / succession-sell / price / sell-*）専用の追加スタイル。
  style.css・sub.css のトークンだけを使う（黄金 --gold／鼠色 --nezumi／白 --white／薄灰 --paper）。
  見出し・カードの左に色の縦線は付けない。色面の上下に飾り線も付けない。英字の飾り見出しも使わない。
  クラスはすべて lp- 接頭辞で名前空間を分け、既存の style.css・sub.css と衝突しないようにする。
*/

/* ---------- 共通：区画の背景 ---------- */
.lp-section{padding:var(--sp-9) 0}
.lp-section--paper{background:var(--paper)}
.lp-section--white{background:var(--white)}
.lp-section--nezumi{background:var(--nezumi);color:var(--white)}
.lp-section--nezumi h2{color:var(--white)}

.lp-head{margin-bottom:var(--sp-6);max-width:760px}
.lp-head h2{font-size:var(--fs-2xl);letter-spacing:.03em}
.lp-head p{margin-top:var(--sp-3);font-size:var(--fs-base);line-height:1.8;color:var(--text)}
.lp-section--nezumi .lp-head p{color:rgba(255,255,255,.85)}

/* ---------- ファーストビュー（見出し帯） ---------- */
.lp-hero{background:var(--paper);padding:var(--sp-9) 0}
.lp-hero__notice{max-width:900px;margin:0 auto var(--sp-5);padding:var(--sp-4) var(--sp-5);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-sm);line-height:1.8}
.lp-hero__grid{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-8);align-items:start}
.lp-hero__title{font-size:var(--fs-3xl);line-height:1.4;letter-spacing:.03em}
.lp-hero__lead{margin-top:var(--sp-4);font-size:var(--fs-md);line-height:1.9;color:var(--text)}
.lp-hero__promises{margin-top:var(--sp-5);display:grid;gap:var(--sp-2)}
.lp-hero__promises li{font-size:var(--fs-base);line-height:1.8;padding-left:1.3em;position:relative}
.lp-hero__promises li::before{content:"・";position:absolute;left:0}
.lp-hero__btns{margin-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.lp-hero__tel{font-size:var(--fs-base);color:var(--ink);text-decoration:underline}
.lp-hero__sub-link{margin-top:var(--sp-3)}
.lp-hero__sub-link a{font-size:var(--fs-sm);color:var(--ink);text-decoration:underline}

/* 担当カード（左の縦線なし・均一な細枠） */
.lp-contact-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5);text-align:center}
.lp-contact-card__label{font-size:var(--fs-sm);font-weight:700;letter-spacing:.04em;color:var(--sub)}
.lp-contact-card__photo{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:var(--sp-4) auto 0;display:block;background:var(--paper)}
.lp-contact-card__name{margin-top:var(--sp-3);font-size:var(--fs-md);font-weight:700}
.lp-contact-card__org{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--text)}
.lp-contact-card__license{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--sub)}
.lp-contact-card__needs{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:var(--fs-sm);line-height:1.8}
.lp-contact-card__needs b{color:var(--ink);font-weight:700}

/* ---------- カード（白地・均一枠・左線なし） ---------- */
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.lp-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5)}
.lp-card__label{font-size:var(--fs-base);font-weight:700;line-height:1.6}
.lp-card__text{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}

/* ---------- 箇条書き ---------- */
.lp-list{display:grid;gap:var(--sp-3)}
.lp-list li{font-size:var(--fs-base);line-height:1.8;padding-left:1.3em;position:relative;color:var(--text)}
.lp-list li::before{content:"・";position:absolute;left:0;color:var(--ink)}
.lp-list2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-6)}
.lp-list2col li{font-size:var(--fs-base);line-height:1.8;padding-left:1.3em;position:relative;color:var(--text)}
.lp-list2col li::before{content:"・";position:absolute;left:0;color:var(--ink)}

/* ---------- 表（出口は5つ／比較表） ---------- */
.lp-table-wrap{overflow-x:auto}
.lp-table{width:100%;border-collapse:collapse;min-width:640px}
.lp-table th,.lp-table td{border:1px solid var(--line);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:1.7;text-align:left;vertical-align:top}
.lp-table thead th{background:var(--paper);font-weight:700;color:var(--ink)}
.lp-table tbody th{background:var(--paper);font-weight:700;white-space:nowrap}
.lp-table-note{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--text);line-height:1.8}

/* ---------- ステップ（横並び・文字だけの区切り） ---------- */
.lp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4);counter-reset:lp-step}
.lp-step{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-4)}
.lp-step__num{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--gold-dark)}
.lp-step__text{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}
.lp-steps-divider{grid-column:1/-1;text-align:center;font-size:var(--fs-sm);color:var(--sub);padding:var(--sp-1) 0}
.lp-steps-note{margin-top:var(--sp-4);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}

/* ---------- FAQ ---------- */
.lp-faq{display:grid;gap:0}
.lp-faq__item{border-top:1px solid var(--line);padding:var(--sp-4) 0}
.lp-faq__item:last-child{border-bottom:1px solid var(--line)}
.lp-faq__q{font-size:var(--fs-base);font-weight:700;line-height:1.7}
.lp-faq__q::before{content:"Q";margin-right:var(--sp-2);color:var(--gold-dark);font-weight:700}
.lp-faq__a{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.9;color:var(--text);padding-left:1.4em}
.lp-faq__a::before{content:"A";margin-right:var(--sp-2);margin-left:-1.4em;color:var(--sub);font-weight:700}

/* ---------- 探している方 ---------- */
.lp-need{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:baseline;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5) var(--sp-6)}
.lp-need__num{font-size:var(--fs-2xl);font-weight:700;color:var(--ink)}
.lp-need__num small{font-size:var(--fs-base);font-weight:700;margin-left:2px}
.lp-need__label{font-size:var(--fs-sm);color:var(--sub);display:block;margin-bottom:2px}

/* ---------- 探している方カード（名前を伏せたニーズカード。tools/build_data.py の needs.json から静的生成） ---------- */
.lp-need-cards{margin-top:var(--sp-5);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}
.lp-need-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-4) var(--sp-5)}
.lp-need-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.lp-need-card__type{font-size:var(--fs-sm);color:var(--sub)}
.lp-need-card__industry{margin-top:var(--sp-3);font-size:var(--fs-base);font-weight:700;line-height:1.6}
.lp-need-card__meta{margin-top:var(--sp-3);display:grid;gap:var(--sp-2)}
.lp-need-card__meta>div{display:flex;gap:var(--sp-2);font-size:var(--fs-sm);line-height:1.7}
.lp-need-card__meta dt{flex:none;width:3.6em;color:var(--sub)}
.lp-need-card__meta dd{color:var(--text)}
.lp-need-more{margin-top:var(--sp-5)}
.lp-need-more summary{cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.lp-need-more summary::-webkit-details-marker{display:none}
.lp-need-more summary::before{content:"＋ ";color:var(--nezumi)}
.lp-need-more[open] summary::before{content:"－ "}
.lp-need-more .lp-need-cards{margin-top:var(--sp-4)}

/* ---------- エリア帯（物件詳細・エリアページ下部）に添えるニーズカード（白地・鼠色の帯の上に乗せる） ---------- */
.pd-owner-needs{margin-top:var(--sp-4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.pd-owner-needs__card{background:var(--white);border-radius:6px;padding:var(--sp-4);color:var(--text)}
.pd-owner-needs__card .lp-need-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.pd-owner-needs__card .lp-need-card__type{font-size:var(--fs-xs);color:var(--sub)}
.pd-owner-needs__card .lp-need-card__industry{margin-top:var(--sp-2);font-size:var(--fs-sm);font-weight:700;color:var(--ink);line-height:1.6}
.pd-owner-needs__card .lp-need-card__meta{margin-top:var(--sp-2);display:grid;gap:4px}
.pd-owner-needs__card .lp-need-card__meta>div{display:flex;gap:var(--sp-2);font-size:var(--fs-xs);line-height:1.6}
.pd-owner-needs__card .lp-need-card__meta dt{flex:none;width:3.2em;color:var(--sub)}

/* ---------- 求む物件（/wanted/。needs.json から静的生成。tools/build_wanted_pages.py） ---------- */
.lp-wanted-list{display:grid;gap:var(--sp-5)}
.lp-wanted-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5) var(--sp-6)}
.lp-wanted-card__title{font-size:var(--fs-md);font-weight:700;line-height:1.7}
.lp-wanted-card__title a{color:var(--ink)}
.lp-wanted-card__meta{margin-top:var(--sp-3);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2) var(--sp-5)}
.lp-wanted-card__meta>div{display:flex;gap:var(--sp-2);font-size:var(--fs-sm);line-height:1.7}
.lp-wanted-card__meta dt{flex:none;width:3.6em;color:var(--sub)}
.lp-wanted-card__meta dd{color:var(--text)}
.lp-wanted-card__share{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line)}
.lp-wanted-card__share summary{cursor:pointer;font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.lp-wanted-card__share-label{margin-top:var(--sp-3);font-size:var(--fs-xs);font-weight:700;color:var(--sub)}
.lp-wanted-card__share-text{margin-top:4px;font-size:var(--fs-sm);line-height:1.8;color:var(--text);background:var(--paper);border-radius:6px;padding:var(--sp-3) var(--sp-4);white-space:pre-wrap;word-break:break-word}

/* ---------- チーム4人 ---------- */
.lp-team{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.lp-team__card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:var(--sp-5);text-align:center}
.lp-team__name{font-size:var(--fs-base);font-weight:700}
.lp-team__role{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}

/* ---------- CTA ---------- */
.lp-cta{margin-top:var(--sp-6);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.lp-cta--center{justify-content:center}
.lp-foot-note{margin-top:var(--sp-4);font-size:var(--fs-sm);line-height:1.8;color:var(--sub)}

/* ---------- 違いの表（居抜き／事業ごと譲る 等） ---------- */
.lp-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-5)}

/* ---------- レスポンシブ ---------- */
@media (max-width:1024px){
  .lp-hero__grid{grid-template-columns:1fr}
  .lp-cards{grid-template-columns:1fr 1fr}
  .lp-team{grid-template-columns:1fr 1fr}
  .lp-need-cards{grid-template-columns:1fr 1fr}
  .pd-owner-needs{grid-template-columns:1fr 1fr}
  .lp-wanted-card__meta{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .lp-section{padding:var(--sp-7) 0}
  .lp-head h2{font-size:var(--fs-xl)}
  .lp-hero{padding:var(--sp-7) 0}
  .lp-hero__title{font-size:var(--fs-2xl)}
  .lp-cards{grid-template-columns:1fr}
  .lp-list2col{grid-template-columns:1fr}
  .lp-steps{grid-template-columns:1fr}
  .lp-team{grid-template-columns:1fr 1fr}
  .lp-need{flex-direction:column;gap:var(--sp-2)}
  .lp-need-cards{grid-template-columns:1fr}
  .pd-owner-needs{grid-template-columns:1fr}
  .lp-wanted-card__meta{grid-template-columns:1fr}
}
@media (max-width:480px){
  .lp-team{grid-template-columns:1fr}
}

/* ==========================================================
   sell.html 専用ビジュアル（2026-10-24 大手の売り手向けLPの型に組み直し）
   クラスは sell- 接頭辞。lp- 系（lease/succession-sell/price/sell-*エリアページと共有）は触らない。
   ========================================================== */

/* ---------- ファーストビュー：写真＋白グラデ（トップの .hero__img と同じ技法） ---------- */
.sell-fv{position:relative;overflow:hidden;background:var(--white);padding:var(--sp-7) 0 var(--sp-8)}
.sell-fv__photo{position:absolute;inset:0;left:46%;z-index:0;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 16%,#fff 46%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 16%,#fff 46%)}
.sell-fv__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.sell-fv__inner{position:relative;z-index:1}
.sell-fv .breadcrumb{margin-bottom:var(--sp-5)}
/* フォームは置かず、左の内容をその分広げる（2026-10-24 吉川さん指示） */
.sell-fv__grid{display:block}
.sell-fv__main{max-width:780px}
.sell-fv__kicker{display:block;font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;color:var(--sub)}
.sell-fv__title{margin-top:var(--sp-2);font-size:var(--fs-3xl);line-height:1.4;letter-spacing:.02em}
.sell-fv__lead{margin-top:var(--sp-4);font-size:var(--fs-md);line-height:1.9;color:var(--text);max-width:34em}

.sell-fv__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-6);max-width:600px}
.sell-fv__stat{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-4) var(--sp-4) var(--sp-3)}
.sell-fv__stat-label{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--sub);letter-spacing:.02em}
.sell-fv__stat-num{display:flex;align-items:baseline;gap:4px;margin-top:4px;font-weight:900}
.sell-fv__stat-num>span{font-size:36px;color:var(--gold-dark);font-variant-numeric:tabular-nums}
.sell-fv__stat-num small{font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.sell-fv__stat-note{display:block;margin-top:2px;font-size:var(--fs-xs);color:var(--sub)}

.sell-fv__badges{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-5)}
.sell-badge{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text);background:var(--white);border:1px solid var(--line);border-radius:4px;padding:6px 12px 6px 8px}
.sell-badge__check{flex:none;color:var(--gold-dark);font-weight:700}

.sell-fv__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-top:var(--sp-6)}
.sell-fv__cta{margin-top:var(--sp-6)}
.sell-fv__cta-note{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--sub)}
.sell-alt-contact{margin-top:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.sell-tile{display:block;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--white)}
/* 絵の端が切れないよう contain で枠に収める（画像は余白を詰めてあるので小さくならない） */
.sell-tile img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:var(--sp-2);background:var(--white)}
.sell-tile span{display:block;padding:var(--sp-2) var(--sp-2);font-size:var(--fs-xs);line-height:1.5;color:var(--text);text-align:center}

/* ---------- 短いフォーム（FV右／最後の相談。pg-contact の f__* を間借りして見た目を揃える） ---------- */
.sell-form{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-5)}
.sell-form__head{font-size:var(--fs-base);font-weight:700;line-height:1.7}
.sell-form__sub{margin-top:var(--sp-2);font-size:var(--fs-xs);line-height:1.7;color:var(--sub)}
.sell-form .f__row{margin-top:var(--sp-4)}
.sell-form .f__row:first-of-type{margin-top:0}
.sell-form .f__submit{margin-top:var(--sp-4);width:100%}
.sell-form .f__hp{position:absolute;left:-9999px}
.sell-form__note{margin-top:var(--sp-3);font-size:var(--fs-xs);line-height:1.7;color:var(--sub)}
.sell-form .c-done{margin-top:0}
.sell-form .c-done__title{font-size:var(--fs-lg)}

/* ---------- お悩み（6枚＋吹き出し） ---------- */
.sell-worry{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5) var(--sp-4)}
.sell-worry__item{display:flex;flex-direction:column;align-items:center;text-align:center}
/* 丸く小さく切り抜くと絵が読めないので、四角い枠に大きく収める */
.sell-worry__img{width:100%;max-width:280px;height:180px;object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-3)}
.sell-worry__bubble{position:relative;margin-top:var(--sp-3);background:var(--paper);border-radius:4px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}
.sell-worry__bubble::before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:var(--paper);transform:translateX(-50%) rotate(45deg)}

/* ---------- 選ばれる3つの理由 ---------- */
.sell-reasons{display:grid;gap:var(--sp-7)}
.sell-reason{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);align-items:center}
.sell-reason__img{border-radius:4px;overflow:hidden;aspect-ratio:2/1}
.sell-reason__img img{width:100%;height:100%;object-fit:contain;padding:var(--sp-3);background:var(--white)}
.sell-reason__img.ph{aspect-ratio:2/1}
.sell-reason__num{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--gold-dark);letter-spacing:.08em}
.sell-reason__title{margin-top:var(--sp-2);font-size:var(--fs-lg);line-height:1.6}
.sell-reason__text{margin-top:var(--sp-3);font-size:var(--fs-base);line-height:1.9;color:var(--text)}
.sell-reason:nth-child(even) .sell-reason__img{order:2}

/* ---------- 物件種別タイル ---------- */
.sell-ptypes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.sell-ptype{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:4px;padding:var(--sp-3);background:var(--white)}
.sell-ptype__img{width:100%;aspect-ratio:1/1;border-radius:4px;object-fit:cover}
.sell-ptype__img.ph{aspect-ratio:1/1}
.sell-ptype span{display:block;margin-top:var(--sp-2);font-size:var(--fs-sm);font-weight:700;color:var(--ink)}

/* ---------- 3つの出口 ---------- */
.sell-exits{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}
.sell-exit{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.sell-exit__img{aspect-ratio:1/1}
.sell-exit__img img{width:100%;height:100%;object-fit:contain;padding:var(--sp-3);background:var(--white)}
.sell-exit__body{padding:var(--sp-5)}
.sell-exit__title{font-size:var(--fs-base);font-weight:700}
.sell-exit__row{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.8}
.sell-exit__row dt{color:var(--sub);font-weight:700}
.sell-exit__row dd{margin-top:2px;color:var(--text)}

/* ---------- 途中の相談帯（からし色） ---------- */
.sell-band{background:var(--karashi);padding:var(--sp-6) 0}
.sell-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.sell-band p{font-size:var(--fs-md);font-weight:700;color:var(--ink);line-height:1.7}
.sell-band .btn{background:var(--ink);color:var(--white);border-color:var(--ink)}
.sell-band .btn:hover{background:var(--nezumi);border-color:var(--nezumi)}

/* ---------- ご相談の流れ ---------- */
.sell-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-4)}
.sell-flow__step{background:var(--white);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.sell-flow__img{aspect-ratio:1/1}
.sell-flow__img img{width:100%;height:100%;object-fit:contain;padding:var(--sp-2);background:var(--white)}
.sell-flow__body{padding:var(--sp-4)}
.sell-flow__num{display:block;font-size:var(--fs-xs);font-weight:700;color:var(--gold-dark)}
.sell-flow__title{margin-top:4px;font-size:var(--fs-sm);font-weight:700;line-height:1.6}
.sell-flow__visible{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);font-size:var(--fs-xs);line-height:1.7;color:var(--sub)}
.sell-flow__visible b{color:var(--ink);font-weight:700}

/* ---------- 費用の図 ---------- */
.sell-cost{display:flex;align-items:stretch;gap:var(--sp-4);flex-wrap:wrap}
.sell-cost__box{flex:1 1 260px;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-5)}
.sell-cost__box h3{font-size:var(--fs-base)}
.sell-cost__box ul{margin-top:var(--sp-3);display:grid;gap:var(--sp-2)}
.sell-cost__box li{font-size:var(--fs-sm);line-height:1.8;color:var(--text);padding-left:1.3em;position:relative}
.sell-cost__box li::before{content:"・";position:absolute;left:0}
.sell-cost__arrow{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:96px;font-size:var(--fs-xs);color:var(--sub);text-align:center}
.sell-cost__arrow span{font-size:22px;color:var(--gold-dark)}

/* ---------- 担当者（2名） ---------- */
.sell-team2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);max-width:640px}
.sell-team2__card{text-align:center}
.sell-team2__photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto}
.sell-team2__photo.ph{border-radius:50%}
.sell-team2__name{margin-top:var(--sp-3);font-size:var(--fs-base);font-weight:700}
.sell-team2__role{margin-top:2px;font-size:var(--fs-xs);color:var(--sub)}
.sell-team2__msg{margin-top:var(--sp-2);font-size:var(--fs-sm);line-height:1.8;color:var(--text)}

/* ---------- 自社の再生事例 ---------- */
.sell-case__shots{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.sell-case__shot{aspect-ratio:4/3;border-radius:4px}
.sell-case__shot span{display:block;position:static}
.sell-case__text{margin-top:var(--sp-4);font-size:var(--fs-base);line-height:1.9;color:var(--text);max-width:720px}

/* ---------- グリッド／フレックスの子が縮まず横はみ出すのを防ぐ（style.css の .grid>* と同じ対策） ---------- */
.sell-fv__grid>*,.sell-fv__stats>*,.sell-fv__tiles>*,.sell-fv__badges>*,.sell-badge,
.sell-worry>*,.sell-reason>*,.sell-ptypes>*,.sell-exits>*,.sell-flow>*,
.sell-cost>*,.sell-team2>*,.sell-case__shots>*,.sell-band__inner>*{min-width:0}

/* ---------- レスポンシブ ---------- */
@media (max-width:1024px){
  .sell-fv__grid{grid-template-columns:1fr}
  .sell-fv__photo{display:none}
  .sell-worry{grid-template-columns:repeat(3,1fr)}
  .sell-ptypes{grid-template-columns:repeat(4,1fr)}
  .sell-exits{grid-template-columns:1fr 1fr 1fr}
  .sell-flow{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:860px){
  .sell-exits{grid-template-columns:1fr 1fr}
  .sell-flow{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767px){
  .sell-fv{padding:var(--sp-6) 0 var(--sp-7)}
  .sell-fv__title{font-size:var(--fs-2xl)}
  .sell-fv__stats{grid-template-columns:1fr 1fr;max-width:none}
  .sell-fv__badges{max-width:none}
  .sell-fv__tiles{grid-template-columns:repeat(2,1fr);max-width:none}
  .sell-worry{grid-template-columns:1fr 1fr}
  .sell-reason{grid-template-columns:1fr}
  .sell-reason__img{order:0!important}
  .sell-ptypes{grid-template-columns:1fr 1fr}
  .sell-exits{grid-template-columns:1fr}
  .sell-flow{grid-template-columns:1fr 1fr}
  .sell-band__inner{flex-direction:column;align-items:flex-start}
  .sell-cost{flex-direction:column}
  .sell-cost__arrow{flex-direction:row;min-width:0}
  .sell-team2{grid-template-columns:1fr 1fr}
  .sell-case__shots{grid-template-columns:1fr}
}
@media (max-width:480px){
  .sell-worry{grid-template-columns:1fr 1fr}
}

/* スマホの追従ボタン（1本・フォームへスクロール）。下端の余白は共通CSSの body の padding-bottom をそのまま使う
   （ここで0にすると、固定ボタンがフッターの法務リンクを隠すため） */

/* 写真の代わりのイラスト（物件種別・担当者・再生事例）：切らずに枠へ収める */
.sell-reason__img img{display:block}
.sell-ptype__img--illust{object-fit:contain;background:var(--white);border:1px solid var(--line);padding:var(--sp-2)}
.sell-team2__photo--illust{object-fit:contain;object-position:50% 20%;background:var(--white);border:1px solid var(--line);padding:var(--sp-1)}
.sell-case__shot{margin:0;aspect-ratio:auto}
.sell-case__shot img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-3)}
.sell-case__shot figcaption{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--sub);text-align:center}
/* スマホで見出しが「いま／す。」と割れないよう、1行に「探している人がいます。」が収まる大きさにする */
@media (max-width:480px){
  .sell-fv__title{font-size:28px}
}

/* 所有者向けの中身（2026-10-24 トップから移設） */
.sell-exit__cta{margin-top:var(--sp-4)}
.sell-katazuke{background:var(--nezumi);color:var(--white);padding:var(--sp-8) 0}
.sell-katazuke__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.sell-katazuke__grid>*{min-width:0}
.sell-katazuke__copy h2{color:var(--white)}
.sell-katazuke__copy p{margin-top:var(--sp-4);color:rgba(255,255,255,.9);line-height:1.9}
.sell-katazuke__copy .btn{margin-top:var(--sp-6)}
.sell-katazuke__img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.sell-guidebook{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--sp-6);align-items:center}
.sell-guidebook__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-6) var(--sp-5);background:var(--white);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
.sell-guidebook__card:hover{border-color:var(--nezumi)}
.sell-guidebook__badges{display:flex;gap:8px}
.sell-guidebook__cover{display:block;width:150px;margin:var(--sp-4) auto 0}
.sell-guidebook__cover img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.sell-guidebook__title{display:block;margin-top:var(--sp-4);font-size:var(--fs-md);font-weight:700;line-height:1.5}
.sell-guidebook__text{display:block;margin:var(--sp-2) 0 var(--sp-4);font-size:15px;line-height:1.8;color:var(--sub)}
.sell-guidebook__note h3{font-size:var(--fs-md);line-height:1.6}
.sell-guidebook__note p{margin-top:var(--sp-3);line-height:1.9}
.sell-guidebook__note .btn{margin-top:var(--sp-5)}
.lp-head--split{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3);max-width:none}
.sell-columns__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}
@media (max-width:900px){
  .sell-columns__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sell-katazuke__grid,.sell-guidebook{grid-template-columns:1fr}
  .sell-katazuke__img{order:-1}
  .sell-columns__grid{gap:var(--sp-4)}
}
.sell-katazuke br@media (max-width:767px){.sell-katazuke br.sp-only{display:inline}}
.sell-columns__head{margin:var(--sp-7) 0 var(--sp-4)}
.sell-columns__head h3{font-size:var(--fs-md)}
.sell-fv__stats{grid-template-columns:minmax(0,300px)}
@media (max-width:767px){.sell-fv__stats{grid-template-columns:1fr}}
/* ガイドブックの帯（特設ページのファーストビュー画像を使う） */
.sell-gb-list{display:flex;flex-direction:column;gap:var(--sp-5)}
.sell-gb{position:relative;display:block;overflow:hidden;border-radius:4px;color:var(--ink);min-height:420px;background:var(--white)}
.sell-gb__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 15%}
.sell-gb::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,0) 62%)}
.sell-gb__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;max-width:460px;padding:var(--sp-7) var(--sp-7)}
.sell-gb__seals{display:flex;gap:10px}
.sell-gb__seals img{width:72px;height:auto}
.sell-gb__title{display:block;margin-top:var(--sp-4);font-size:clamp(28px,3.2vw,40px);font-weight:900;line-height:1.3}
.sell-gb__sub{display:block;margin-top:var(--sp-3);font-weight:700;color:var(--gold-dark)}
.sell-gb__lead{display:block;margin-top:var(--sp-3);font-size:15px;line-height:1.9}
.sell-gb__btn{margin-top:var(--sp-5)}
.sell-gb:hover .sell-gb__btn{filter:brightness(.95)}
.sell-gb-note{margin-top:var(--sp-4);font-size:15px;line-height:1.9}
.sell-gb-note .link-arrow{margin-left:var(--sp-2)}
@media (max-width:767px){
  .sell-gb{min-height:0}
  .sell-gb__bg img{position:static;display:block;height:auto;aspect-ratio:4/3}
  .sell-gb::before{display:none}
  .sell-gb__body{max-width:none;padding:var(--sp-5)}
  .sell-gb__seals img{width:56px}
}
/* 表紙画像をそのまま見せる版（人物写真の背景を使わない書籍用） */
.sell-gb--cover{display:flex;align-items:center;gap:var(--sp-7);background:var(--paper);min-height:0}
.sell-gb--cover::before{content:none}
.sell-gb__cover{position:relative;z-index:2;flex:none;width:170px;margin:var(--sp-7) 0 var(--sp-7) var(--sp-7)}
.sell-gb__cover img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:3px;box-shadow:0 12px 28px rgba(31,33,35,.14)}
.sell-gb--cover .sell-gb__body{padding:var(--sp-7) var(--sp-7) var(--sp-7) 0}
@media (max-width:767px){
  .sell-gb--cover{flex-direction:column;align-items:stretch}
  .sell-gb__cover{width:140px;margin:var(--sp-6) auto 0}
  .sell-gb--cover .sell-gb__body{padding:var(--sp-5)}
}
/* 運営会社の明記（2026-10-25 採点の指摘：相談の直前に信頼材料を置く） */
.sell-operator{margin-top:var(--sp-2);font-size:var(--fs-xs);line-height:1.8;color:var(--sub)}
.lp-head--center .sell-operator{margin-top:var(--sp-3)}

/* よくある質問は開閉式（最初の1問だけ開いておく） */
details.lp-faq__item>summary{list-style:none;cursor:pointer;position:relative;padding-right:32px}
details.lp-faq__item>summary::-webkit-details-marker{display:none}
details.lp-faq__item>summary::after{content:"＋";position:absolute;right:4px;top:0;color:var(--sub);font-weight:400}
details.lp-faq__item[open]>summary::after{content:"－"}

/* ===== 売り手ページ ファーストビュー v2（2026-10-28 作り直し：左に訴求・右に「今のお考え」の選択） ===== */
.sell-fv--v2{background:var(--paper);padding:var(--sp-6) 0 var(--sp-8)}
.sell-fv2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--sp-7);align-items:center}
.sell-fv2__kicker{font-size:var(--fs-sm);font-weight:700;color:var(--sub);letter-spacing:.04em}
.sell-fv2__title{margin-top:var(--sp-3);font-size:var(--fs-3xl);line-height:1.35;letter-spacing:.02em}
.sell-fv2__lead{margin-top:var(--sp-4);font-size:var(--fs-md);line-height:1.9;color:var(--text)}
.sell-fv2__points{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-5);list-style:none;padding:0}
.sell-fv2__points li{position:relative;padding-left:26px;font-size:var(--fs-md);font-weight:700;color:var(--ink)}
.sell-fv2__points li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:3px solid var(--gold-dark);border-bottom:3px solid var(--gold-dark);transform:rotate(-45deg)}
.sell-fv2__proof{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--sp-3);margin-top:var(--sp-5)}
.sell-fv2__proof-label{font-size:var(--fs-sm);font-weight:700;color:var(--text)}
.sell-fv2__proof-num{display:inline-flex;align-items:baseline;gap:4px;font-weight:900}
.sell-fv2__proof-num>span{font-size:44px;line-height:1;color:var(--gold-dark);font-variant-numeric:tabular-nums}
.sell-fv2__proof-num small{font-size:var(--fs-base);font-weight:700;color:var(--ink)}
.sell-fv2__proof-date{font-size:var(--fs-xs);color:var(--sub)}
.sell-fv2__card{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:var(--sp-6)}
.sell-fv2__card-title{font-size:var(--fs-lg);font-weight:700;line-height:1.5;color:var(--ink);text-align:center}
.sell-fv2__choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-5)}
.sell-fv2__choice{display:flex;align-items:center;justify-content:center;min-height:64px;padding:var(--sp-2) var(--sp-3);border:2px solid var(--gold);border-radius:4px;background:var(--white);font-size:var(--fs-md);font-weight:700;color:var(--ink);text-align:center;line-height:1.4;transition:background .15s}
.sell-fv2__choice:hover,.sell-fv2__choice:focus-visible{background:var(--gold)}
.sell-fv2__card-note{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--sub);text-align:center}
.sell-fv2__mail{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--sub)}
.sell-fv2__mail a{font-size:var(--fs-base);font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* 売り手ページ：電話番号・受付時間（ファーストビュー・相談導線の直前） */
.sell-tel-note{margin-top:var(--sp-3);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--sp-2);font-size:var(--fs-sm);color:var(--sub)}
.sell-tel-note--center{justify-content:center}
.sell-tel-note__num{font-size:var(--fs-md);font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:960px){
  .sell-fv2{grid-template-columns:1fr;gap:var(--sp-6)}
  .sell-fv2__title{font-size:var(--fs-2xl)}
}
@media (max-width:767px){
  .sell-fv--v2{padding:var(--sp-5) 0 var(--sp-7)}
  .sell-fv2__title{font-size:30px}
  .sell-fv2__lead{font-size:var(--fs-base)}
  .sell-fv2__card{padding:var(--sp-5) var(--sp-4)}
  .sell-fv2__choice{min-height:58px;font-size:var(--fs-base)}
  .sell-fv2__points{gap:4px;margin-top:var(--sp-4)}
  .sell-fv2__points li{font-size:var(--fs-base)}
  .sell-fv2__proof{margin-top:var(--sp-4)}
  .sell-fv2__proof-label{flex-basis:100%}
  .sell-fv2__proof-num>span{font-size:40px}
}

/* 2026-10-31：ガイドブック2冊を同じ「表紙＋文字」のカードにそろえ、PCでは横に2つ並べる */
@media (min-width:900px){
  .sell-gb-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}
  .sell-gb--cover{gap:var(--sp-5)}
  .sell-gb__cover{width:140px;margin:var(--sp-6) 0 var(--sp-6) var(--sp-6)}
  .sell-gb--cover .sell-gb__body{padding:var(--sp-6) var(--sp-6) var(--sp-6) 0}
  .sell-gb--cover .sell-gb__title{font-size:26px}
}
.sell-gb__cover--3d img{border:0;border-radius:0;box-shadow:none}

/* 2026-10-31：スマホでは「3つの方法」のイラストが縦に長く続くので、横長の枠に収める */
@media (max-width:767px){
  .sell-exit__img{aspect-ratio:16/9}
}