@charset "utf-8";
/* ===========================================================
   2026-10-13 目視点検の修正＋信頼性の底上げ（問い合わせを増やす）
   読み込み: functions.php で redesign-fix.css の後（最後）
   色・書体は redesign.css のトークンのまま（深緑・金・墨・生成り）

   直したこと
   1. トップ: 分野カードの下が実績の帯にくっついていた／「空き家を買う」の見出しが深緑の面に食い込んでいた
   2. トップ(スマホ): 実績一覧と担当紹介のあいだに空白が大きすぎた
   3. フッター: PCでメニュー4列のうち Company が左下に折り返して右が空いていた
   4. アパート査定の入口（左下の札）が会社概要・お問い合わせの本文に重なっていた → 右端の縦札に
   5. 会社概要などの最下部「空き家を売りたい方へ」の帯で、矢印が「—」にしか見えなかった
   足したこと
   6. トップ: ヒーロー直下に「安心の根拠」4点（免許番号・無料・受付時間・買主はリハコ）
   7. フッター: 会社名・所在地・免許番号・受付時間
   8. お問い合わせ: フォーム上に「送信後の流れ」3点、電話の下に受付時間
   =========================================================== */

/* ---------- 1. トップの間隔 ---------- */
body.rz-rd .rz-top .rz-svcsec { padding-bottom: 56px; }
body.rz-rd .rz-top .rz-ttl--part { padding-bottom: 32px; }
body.rz-rd .rz-top .rz-ttl--part h2 { margin-bottom: 0; }
@media (min-width: 900px) {
    body.rz-rd .rz-top .rz-svcsec { padding-bottom: 80px; }
    body.rz-rd .rz-top .rz-ttl--part { padding-bottom: 44px; }
}

/* ---------- 2. スマホ: 実績 → 担当 のあいだ ---------- */
@media (max-width: 899px) {
    body.rz-rd .rz-top .rz-worksec { padding-bottom: 24px; }
    body.rz-rd .rz-top .rz-more--last { padding-bottom: 32px; }
    body.rz-rd .rz-top .rz-person { margin-top: 0; padding: 56px 0 72px; }
}

/* ---------- 3. フッターのメニューを4列に ---------- */
@media (min-width: 1000px) {
    body.rz-shell .rz-footer__nav { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 28px; }
    body.rz-shell .rz-footer__nav li a { font-size: 13px; letter-spacing: .04em; line-break: strict; overflow-wrap: anywhere; }
    body.rz-shell .rz-footer__nav > div { min-width: 0; }
}

/* ---------- 4. アパート査定の入口 → 右端の縦札（本文に重ならない） ---------- */
@media (min-width: 901px) {
    body.rz-shell .apart-float,
    body.rz-shell.rh-has-bar .apart-float {
        left: auto; right: 0; bottom: 120px;
        writing-mode: vertical-rl;
        padding: 18px 10px 18px 12px !important;
        border-right: 0 !important;
    }
    body.rz-shell .apart-float .apart-float__t { font-size: 11px; letter-spacing: .14em; margin-left: 6px; }
    body.rz-shell .apart-float .apart-float__m { font-size: 14px; letter-spacing: .12em; }
}

/* ---------- 5. 「空き家を売りたい方へ」の帯: 矢印を矢印に ---------- */
body.rz-rd .rz-ownmini i { position: relative; width: 36px; height: 1px; background: var(--forest); }
body.rz-rd .rz-ownmini i::after { content: ""; position: absolute; right: 0; top: -4px; width: 9px; height: 9px; border-top: 1px solid var(--forest); border-right: 1px solid var(--forest); transform: rotate(45deg); }
body.rz-rd .rz-ownmini:hover b { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 6px; }

/* ---------- 6. トップ: 安心の根拠（ヒーロー直下） ---------- */
body.rz-rd .rz-top .rz-trust { list-style: none; margin: 0; padding: 0 var(--x) 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.rz-rd .rz-top .rz-trust li { display: grid; grid-template-rows: auto auto; row-gap: 4px; padding: 12px 14px; border: 1px solid var(--rule); background: #fff; }
body.rz-rd .rz-top .rz-trust .rz-en { font-size: 10px; color: var(--brass); letter-spacing: .18em; }
body.rz-rd .rz-top .rz-trust b { font-family: var(--mincho); font-weight: 600; font-size: 15px; line-height: 1.5; letter-spacing: .06em; color: var(--ink); }
body.rz-rd .rz-top .rz-trust small { display: block; font-size: 11.5px; line-height: 1.6; color: var(--sub); letter-spacing: .04em; }
body.rz-rd .rz-top .rz-trust b, body.rz-rd .rz-top .rz-trust small { word-break: keep-all; overflow-wrap: anywhere; }
@media (max-width: 899px) {
    body.rz-rd .rz-top .rz-trust li { padding: 12px 12px; }
    body.rz-rd .rz-top .rz-trust b { font-size: 14.5px; letter-spacing: .03em; }
    body.rz-rd .rz-top .rz-trust small { font-size: 11px; }
}
@media (min-width: 900px) {
    body.rz-rd .rz-top .rz-trust { max-width: 1200px; margin: 0 auto; padding: 0 56px 24px; grid-template-columns: repeat(4, 1fr); gap: 14px; }
    body.rz-rd .rz-top .rz-trust li { padding: 16px 18px; }
    body.rz-rd .rz-top .rz-trust b { font-size: 16px; }
}
@media (min-width: 1200px) {
    body.rz-rd .rz-top .rz-trust { max-width: 1040px; padding-left: 40px; padding-right: 40px; }
}

/* ---------- 7. フッター: 会社情報 ---------- */
body.rz-shell .rz-footer__corp { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(216,199,154,.25); font-size: 12px; line-height: 1.9; color: #AEB8B2; letter-spacing: .04em; }
body.rz-shell .rz-footer__corp dt { float: left; clear: left; width: 5.5em; color: var(--goldl); font-size: 11px; }
body.rz-shell .rz-footer__corp dd { margin: 0 0 0 5.5em; }
body.rz-shell .rz-footer__corp .rz-kp { white-space: nowrap; }
body.rz-shell .rz-footer__corp dd a { color: #D5DBD7; text-decoration: underline; text-decoration-color: rgba(216,199,154,.5); text-underline-offset: 3px; }

/* ---------- 8. お問い合わせ: 送信後の流れ ---------- */
body.rz-rd .rz-contact__assure { list-style: none; margin: 0 0 22px; padding: 14px 16px; background: var(--paper); border-left: 3px solid var(--forest); display: grid; gap: 6px; }
body.rz-rd .rz-contact__assure li { position: relative; padding-left: 20px; font-size: 13.5px; line-height: 1.8; color: var(--sub2); }
body.rz-rd .rz-contact__assure li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 8px; height: 5px; border-left: 1.5px solid var(--forest); border-bottom: 1.5px solid var(--forest); transform: rotate(-45deg); }
body.rz-rd .rz-contact__assure li b { color: var(--ink); font-weight: 700; }
body.rz-rd .rz-contact__tel .rz-contact__hours { display: block; margin-top: 6px; font-size: 13px; line-height: 1.8; color: var(--sub); }
body.rz-rd .rz-contact__lic { margin: 22px 0 0; font-size: 12px; line-height: 1.9; color: var(--sub); letter-spacing: .04em; }