/* 動画⑥ 希望条件と新着：この動画だけの見た目（prep.css の上に重ねる） */

/* ---------- 説明の場面 ---------- */
.cd-chain { display: flex; align-items: stretch; gap: 14px; margin-top: 50px; }
.cd-link { width: 330px; display: grid; justify-items: center; align-content: start; gap: 10px; padding: 30px 22px 26px; border-radius: 22px; background: #fff; box-shadow: 0 14px 34px rgba(20,30,90,.1); text-align: center; }
.cd-link span { width: 54px; height: 54px; border-radius: 50%; background: #1f39d8; color: #fff; display: grid; place-items: center; font-size: 26px; font-weight: 800; }
.cd-link b { font-size: 27px; font-weight: 800; line-height: 1.4; color: #141a3a; }
.cd-link small { font-size: 18px; color: #4b5170; line-height: 1.5; }
.cd-link img { width: 92px; height: 92px; border-radius: 50%; max-width: none !important; box-shadow: 0 0 0 4px #fff, 0 0 0 8px #a43f98; }
.cd-link.is-key { box-shadow: 0 0 0 3px #a43f98, 0 16px 38px rgba(164,63,152,.2); }
.cd-link.is-key b { color: #a43f98; }
.cd-arr { align-self: center; font-size: 40px; color: #8a90ac; font-weight: 800; }

.cd-how { display: grid; grid-template-columns: 620px 220px 620px; align-items: center; gap: 26px; margin-top: 36px; text-align: left; }
.cd-col .cd-box { padding: 16px 26px; }
.cd-col { display: grid; gap: 16px; }
.cd-col h3 { margin: 0 0 4px; font-size: 26px; font-weight: 800; color: #6b6f8c; }
.cd-box { display: grid; grid-template-columns: 58px 1fr; grid-template-rows: auto auto; column-gap: 18px; background: #fff; border-radius: 18px; padding: 20px 26px; box-shadow: 0 10px 26px rgba(20,30,90,.08); }
.cd-box span { grid-row: span 2; width: 56px; height: 56px; border-radius: 50%; background: #1f39d8; color: #fff; display: grid; place-items: center; font-size: 26px; font-weight: 800; }
.cd-box b { font-size: 29px; font-weight: 800; color: #141a3a; }
.cd-box small { font-size: 19px; color: #4b5170; }
.cd-box.is-out span { background: #a43f98; }
.cd-mid { text-align: center; font-size: 22px; font-weight: 800; color: #3b4166; line-height: 1.5; padding: 18px 0; border-top: 3px solid #c9cde6; border-bottom: 3px solid #c9cde6; }
.cd-mid::after { content: "→"; display: block; font-size: 42px; color: #a43f98; }
.cd-sub { margin: 38px 0 0; padding: 12px 26px; border-radius: 12px; background: #eef1ff; font-size: 22px; color: #26306b; }
.cd-sub b { color: #1f39d8; font-size: inherit !important; }

.cd-scale { display: grid; grid-template-columns: repeat(3, 440px); gap: 26px; margin-top: 46px; }
.cd-sc { border-radius: 22px; padding: 28px 30px; background: #fff; box-shadow: 0 12px 30px rgba(20,30,90,.08); text-align: center; }
.cd-sc b { display: block; font-size: 32px; font-weight: 800; margin-bottom: 10px; }
.cd-sc p { margin: 0; font-size: 22px; line-height: 1.6; color: #3b4166; }
.cd-sc.is-wide b, .cd-sc.is-narrow b { color: #8a8fac; }
.cd-sc.is-good { box-shadow: 0 0 0 4px #2f8a5f, 0 16px 38px rgba(47,138,95,.2); }
.cd-sc.is-good b { color: #2f8a5f; }
.cd-tips2 { display: grid; grid-template-columns: 560px 800px; gap: 24px; margin-top: 34px; text-align: left; }
.cd-tips2 .pp-ex { font-size: 22px; }

.cd-review { margin-top: 40px; }
.cd-review .pp-tipcol ul, .cd-review .pp-tipcol li { font-size: 24px; }
.cd-review .pp-tipcol li b { color: #a43f98; font-size: inherit !important; }
.cd-review .pp-ex { margin-top: 6px; }

#scene-decide .pp-step em { font-size: 18px; }
#scene-decide .pp-step.is-key em { background: #fff1d6; color: #8a5d00; }
.end-wrap { padding-bottom: 70px; }
.end-check { margin-top: 26px; gap: 12px; }
.end-check .pp-ck { padding: 14px 26px; }
.end-check .pp-ck b { font-size: 25px; }
.end-btns { display: grid; grid-template-columns: 420px 420px; gap: 24px; margin-top: 30px; }
.end-btn { font: inherit; font-size: 26px; font-weight: 800; padding: 20px 10px; border-radius: 999px; border: 2px solid #c9cde6; background: #fff; color: #1f39d8; cursor: pointer; box-shadow: 0 10px 24px rgba(20,30,90,.1); }
.end-btn.is-main { background: linear-gradient(135deg, #2f4dff, #00199E); border-color: transparent; color: #fff; }
.end-rel { margin: 24px 0 0; font-size: 20px; color: #3b4166; }
.end-rel a { color: #1f39d8; font-weight: 700; font-size: inherit; text-decoration: underline; }
.end-foot { margin: 16px 0 0; font-size: 16px; color: #6b6f8c; }
.end-foot a { color: #6b6f8c; font-size: inherit; text-decoration: underline; }

/* ---------- 再現画面：希望条件の編集 ---------- */
.pp-req { margin-left: 14px; font-size: 17px !important; font-weight: 700; color: #6b6f8c; }
.pp-checks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px 18px; }
.pp-checks.is-wards { grid-template-columns: repeat(6, 1fr); margin-top: 20px; }
.pp-ck2 { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1.5px solid #dcdbea; border-radius: 10px; background: #fff; color: #24294a; transition: background .2s; }
.pp-ck2 span { font-size: 19px !important; font-weight: 700; }
.pp-ck2 input { width: 22px; height: 22px; accent-color: #a43f98; margin: 0; flex: none; }
.pp-ck2.is-on { background: #fdeefa; border-color: #d77bcb; }
.pp-prefrow { display: flex; align-items: center; gap: 18px; }
.pp-preflabel { font-size: 19px !important; font-weight: 700; color: #3b4166; }
.pp-select.pp-pref { width: 300px; padding: 12px 16px; font-size: 19px !important; }
.pp-select.pp-pref em { font-style: normal; font-size: 19px !important; }
.pp-warn { margin: 10px 0 0; padding: 10px 16px; border-radius: 8px; background: #fff5de; color: #6b4300; font-size: 17px !important; font-weight: 700; }
.pp-prefblock { margin-top: 12px; border: 1.5px solid #dcdbea; border-radius: 10px; background: #fff; }
.pp-prefsum { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; }
.pp-prefsum b, .pp-prefsum i { font-size: 19px !important; font-style: normal; color: #24294a; }
#pref-block #wards { display: none; margin: 0; padding: 0 18px 18px; }
.pp-addpref { display: inline-block; margin-top: 20px; font-size: 18px !important; font-weight: 700; color: #c35aa9; }
#sec-deal, #sec-kinds, #sec-area { margin-top: 20px; }
.pp-h-big { margin-top: 30px !important; padding-left: 16px; border-left: 6px solid #a43f98; font-size: 28px !important; }
.pp-fold { display: flex; justify-content: space-between; margin-top: 18px; padding: 16px 24px; border-radius: 12px; background: #e8e7f2; color: #6b6f8c; font-size: 18px !important; font-weight: 700; }
.pp-fold span { font-size: 16px !important; color: #8a8fac; }
.pp-fold.is-down { margin-top: 30px; }

/* ---------- 再現画面：お知らせメール（イメージ） ---------- */
.pp-mailpage { background: #eef0f6; min-height: 1100px; font-family: "Noto Sans JP", sans-serif; padding: 30px; box-sizing: border-box; }
.pp-mailer { display: grid; grid-template-columns: 430px 1fr; min-height: 1020px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(20,30,90,.08); }
.pp-mlist { background: #f7f8fb; border-right: 1px solid #e3e5ee; }
.pp-mlist-h { padding: 22px 24px; font-size: 22px !important; font-weight: 800; color: #1b1f3d; border-bottom: 1px solid #e3e5ee; }
.pp-mitem { display: grid; gap: 4px; padding: 18px 24px; border-bottom: 1px solid #e9eaf1; }
.pp-mitem b { font-size: 18px !important; color: #1b1f3d; }
.pp-mitem span { font-size: 16px !important; color: #4b5170; line-height: 1.5; }
.pp-mitem small { font-size: 14px !important; color: #8a8fac; }
.pp-mitem.is-on { background: #fdeefa; box-shadow: inset 5px 0 0 #a43f98; }
.pp-mread { padding: 34px 44px; position: relative; }
.pp-msubj { font-size: 27px !important; font-weight: 800; color: #1b1f3d; line-height: 1.45; padding-right: 300px; }
.pp-mfrom { margin-top: 10px; padding-bottom: 18px; border-bottom: 1px solid #e3e5ee; font-size: 16px !important; color: #6b6f8c; }
.pp-mbody { padding-top: 20px; }
.pp-mbody p { margin: 0 0 14px; font-size: 19px !important; line-height: 1.7; color: #24294a; }
.pp-mtable { border-collapse: collapse; width: 100%; max-width: 820px; margin: 10px 0 24px; }
.pp-mtable th, .pp-mtable td { border: 1px solid #e3e5ee; padding: 12px 18px; text-align: left; font-size: 19px !important; color: #24294a; }
.pp-mtable th { width: 180px; background: #f7f8fb; font-weight: 700; }
.pp-mbtnwrap { margin: 6px 0 18px; }
.pp-mimage { position: absolute; right: 30px; top: 30px; padding: 6px 14px; border-radius: 8px; background: #fff5de; border: 1.5px solid #ecc56f; color: #6b4300; font-size: 16px !important; font-weight: 700; }

/* ---------- 再現画面：査定物件一覧（STGのマークアップ。左の余白を詰めて表示） ---------- */
.pp-page .pp-body:has(.pp-listmain) { padding: 30px 40px 80px; }
.pp-listmain { padding: 0 !important; margin: 0 !important; width: auto !important; }
.pp-listmain .c-table { overflow: visible !important; }

/* 右下の「説明はここまで」の案内と重ならないよう、内容を少し上に寄せる */
#scene-how .hfx-center, #scene-tips .hfx-center { padding-bottom: 120px; }