/* 買取店わかば 口コミ導線ランディングページ
   wakaba-survey/style.css と配色・トーンを揃える。 */

:root{
  --green:#175d49; --ink:#1f2f28; --dark:#14211b; --line:#d4ddd3;
  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:16px}
.store-card{background:#fff;border:1px solid #e0e5dc;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #233a2906;display:flex;flex-direction:column}
.store-card img{width:100%;height:auto;display:block;background:#eef1e8}
.store-card .body{padding:16px 18px 18px}
.store-card h2{font-size:17px;margin:0 0 12px;color:var(--dark);font-weight:800;line-height:1.5}

.button{font-family:inherit;font-size:16px;cursor:pointer;min-height:52px;border-radius:12px;font-weight:700;padding:14px 18px;text-decoration:none;text-align:center;display:block;line-height:1.5}
.store-card .button{background:var(--green);color:#fff;border:1px solid var(--green)}
.store-card .button:hover{background:#124b3b}

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))}
}