@charset "UTF-8";
/* ▼2026-10-02 SF1 売却専用フォーム。共通部分はlogin-new.cssと同一。 */
.sale-content{max-width:696px;margin:0 auto;padding:20px 18px 32px;font-size:16px;line-height:1.7;text-align:left;color:#444;overflow-wrap:anywhere}
.sale-content h1{font-size:28px;line-height:1.5;margin:18px 0;color:#993300;text-align:left}
.sale-content p{margin:12px 0;font-size:16px;line-height:1.7}
.sale-content a{color:#0069E8;text-decoration:underline;font-weight:normal}
.sale-content a:visited{color:#8A2BE2}
.sale-content a:hover,.sale-content a:focus-visible{background:#EDF8FF;color:#D6008F}
.sale-breadcrumb{font-size:16px;line-height:1.7}
.sale-breadcrumb a{display:inline-block;min-height:44px;padding:9px 0}
.sale-content .sale-lead{font-size:18px}
.sale-content .sale-reassure{color:#287E51;font-weight:bold}
.sale-steps{display:flex;gap:8px;list-style:none;padding:0;margin:20px 0 24px}
.sale-steps li{flex:1;text-align:center;border:1px solid #767676;border-radius:5px;background:#fff;padding:8px 4px;font-weight:bold}
.sale-steps li[aria-current]{color:#fff;background:#993300;border-color:#993300}
.sale-phone-help{border-top:1px solid #993300;border-bottom:1px solid #993300;margin:18px 0}
.sale-content summary{min-height:48px;padding:12px 4px;font-weight:bold;cursor:pointer;color:#444;line-height:1.7}
.sale-content a.sale-tel{display:inline-flex;align-items:center;min-height:48px;font-size:24px;font-weight:bold}
.sale-card{background:#fff;border:1px solid #E8560D;border-radius:8px;padding:22px;margin:24px 0}
.sale-card h2{font-size:22px;line-height:1.5;color:#993300;background:transparent;text-align:left;padding:0 0 12px;margin:0 0 22px;border-bottom:2px solid #FF610D}
.sale-heading-note{display:inline-block;margin-left:12px;font-size:16px;font-weight:normal;color:#444}
.sale-field{margin:0 0 24px;min-width:0}
.sale-field>label,.sale-field legend{display:block;font-size:16px;font-weight:bold;margin:0 0 8px;padding:0;text-align:left}
.sale-badge{display:inline-block;font-size:14px;line-height:1.4;padding:2px 7px;margin-left:8px;border-radius:3px;vertical-align:middle;font-weight:bold;white-space:nowrap}
.sale-required{color:#DC143C;border:1px solid #DC143C;background:#fff}
.sale-optional{color:#444;background:#eee;border:1px solid #767676}
.sale-content input[type=text],.sale-content input[type=email],.sale-content input[type=tel],.sale-content select,.sale-content textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #767676;border-radius:5px;background:#fff;color:#444;font:inherit;font-size:16px;line-height:1.6;padding:10px 12px;margin:0}
.sale-content textarea{resize:vertical;min-height:140px}
.sale-content input::placeholder,.sale-content textarea::placeholder{color:#666;opacity:1}
.sale-content [aria-invalid=true]{border:2px solid #DC143C;background:#FFF2F5}
.sale-content :focus-visible{outline:3px solid #0069E8;outline-offset:3px}
.sale-choices{border:0;padding:0;min-inline-size:0}
.sale-choices>label{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid #767676;border-radius:5px;padding:10px 12px;margin:8px 0;font-weight:normal;cursor:pointer;background:#fff}
.sale-content input[type=radio],.sale-content input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:#008147}
.sale-content .sale-note{font-size:16px;line-height:1.7;color:#666;margin:8px 0 12px}
.sale-content .sale-error{font-size:16px;color:#DC143C;margin:8px 0;font-weight:bold}
.sale-error:empty{display:none}
.sale-details{margin:8px 0 0;border-top:1px solid #767676}
.sale-details>.sale-field:first-of-type{margin-top:18px}
.sale-consent{display:flex;align-items:flex-start;gap:12px;min-height:48px;padding:12px 0;cursor:pointer;font-weight:bold}
.sale-consent input{margin-top:4px!important}
.sale-content button,.sale-content .sale-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font:inherit;font-size:18px;line-height:1.5;font-weight:bold;padding:12px 18px;border-radius:6px;cursor:pointer;text-align:center;text-decoration:none}
.sale-content .sale-submit,.sale-content a.sale-button{background:#008147;color:#fff;border:2px solid #008147;margin:18px 0 0}
.sale-content .sale-submit:hover,.sale-content .sale-submit:focus-visible,.sale-content a.sale-button:hover{background:#00884A;color:#fff}
.sale-content .sale-back{background:#fff;color:#444;border:2px solid #767676}
.sale-content button:disabled{opacity:.65;cursor:wait}
.sale-actions{display:flex;flex-direction:column;gap:12px}
.sale-center{text-align:center}
.sale-error-summary{border:2px solid #DC143C;background:#FFF2F5;border-radius:6px;padding:16px;margin:20px 0}
.sale-error-summary h2{color:#DC143C;font-size:20px;margin:0 0 10px;background:transparent;text-align:left}
.sale-error-summary ul{margin:0;padding-left:22px}
.sale-error-summary li{margin:8px 0}
.sale-confirm{margin:20px 0}
.sale-confirm dt{font-weight:bold;margin-top:18px}
.sale-confirm dd{margin:4px 0 0;padding:0 0 14px;border-bottom:1px solid #767676;overflow-wrap:anywhere}
.sale-other{display:flex;flex-direction:column;gap:8px;margin:26px 0 8px}
.sale-other a{display:block;min-height:48px;padding:10px 0}
/* ▼2026-10-02 SF3 自動入力・読み上げ・キーボード操作から対策欄を除外。 */
.sale-hp{display:none!important}
.sale-page .lists-nav{max-width:720px;margin-left:auto;margin-right:auto}
.sale-page .backlink:link,.sale-page .backlink:visited{text-decoration:underline}
@media(max-width:767px){.sale-content{padding:12px 14px 24px}.sale-content h1{font-size:24px}.sale-card{padding:18px 14px}.sale-card h2{font-size:20px}}
@media(max-width:375px){.sale-content{padding-left:10px;padding-right:10px}.sale-card{padding:16px 12px}.sale-content h1{font-size:22px}.sale-steps{gap:8px}.sale-content input,.sale-content select,.sale-content textarea{font-size:16px}}
