/* 買取店わかば LINE査定 導線ランディングページ
   wakaba-review-landing/style.css と配色・トーンを揃える。 */

:root{
  --green:#175d49; --ink:#1f2f28; --dark:#14211b; --line:#d4ddd3; --linegreen:#06c755;
  font-family:"Yu Gothic",Meiryo,system-ui,sans-serif; font-size:17px; font-synthesis:none;
  color:#1b2a23; background:#f5f5ed;
}
*{box-sizing:border-box}
body{margin:0;font-weight:500}
:focus-visible{outline:3px solid #d69735;outline-offset:4px}
h1,.lead,.store-card h2{word-break:keep-all;overflow-wrap:break-word;line-break:strict}

header{max-width:1000px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;color:var(--green);font-size:24px;font-weight:800;letter-spacing:3px}
.brand span{display:block;font-size:13px;letter-spacing:2px;margin-top:2px}
.header-note{font-size:14px;color:#33463c}

main{max-width:900px;margin:18px auto;padding:0 16px 40px}
h1{font-size:23px;line-height:1.5;margin:10px 0 6px;color:var(--dark);font-weight:800}
.lead{font-size:15px;line-height:1.8;color:var(--ink);margin:0 0 20px}

.jump{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.jump-btn{flex:1;min-width:150px;text-align:center;background:#eef5ec;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:11px 16px;font-weight:700;font-size:14px;text-decoration:none}
.jump-btn:hover{background:#e2ede0}

.pref-heading{font-size:16px;font-weight:800;color:var(--green);letter-spacing:.04em;margin:28px 0 12px;padding-bottom:6px;border-bottom:2px solid var(--green);scroll-margin-top:14px}
.pref-heading:first-of-type{margin-top:8px}

.banner{margin:4px 0 24px}
.banner img{width:100%;height:auto;display:block;border-radius:10px}

.store-grid{display:grid;grid-template-columns:1fr;gap:12px}
.store-btn{display:flex;align-items:center;gap:10px;background:var(--linegreen);color:#fff;border-radius:14px;padding:17px 20px;min-height:56px;font-size:16px;font-weight:800;text-decoration:none;line-height:1.5;box-shadow:0 8px 24px #06c7552e}
.store-btn:hover{background:#05a648}
.store-btn .chevron{margin-left:auto;font-size:22px;font-weight:400;opacity:.85}

footer{text-align:center;color:var(--ink);font-size:13px;line-height:1.9;margin:30px 0 10px}
footer a{color:var(--green)}

@media(min-width:600px){
  .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}