/* 車買取のミカタ 追加の見た目（mikata.css は変えない・その変数だけ使う） */
.g-top{margin-top:4px}
.g-sec{margin:0 0 6px;scroll-margin-top:70px}
.g-sec>.p,.g-sec>ul{margin-bottom:12px}
.g-h3{font-size:16.5px;margin:20px 0 8px;color:var(--ink)}
.g-muted{font-size:12.5px;color:var(--ink2);margin:6px 0 12px;line-height:1.7}
.g-wide h1{font-size:26px;margin:6px 0 10px}
.g-link{color:var(--b2)}
.g-btn{display:inline-block;background:var(--y);color:var(--ink);font-weight:800;text-decoration:none;border-radius:999px;padding:12px 24px;font-size:15px}
.g-note{background:#FFF7E0;border:1px solid #F2DFA0;border-radius:10px;padding:12px 14px;font-weight:700;font-size:14px;margin-bottom:12px}

/* 目次 */
.g-toc{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 18px}
.g-toc b{display:block;font-size:14px;margin-bottom:4px}
.g-toc ol{padding-left:22px;font-size:13.5px}
.g-toc li{margin:3px 0}

/* 表：PC は表・スマホ（700px 未満）は1行を1枚のカード */
.g-tbl{display:none;width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 12px}
.g-tbl th,.g-tbl td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.g-tbl th{background:var(--bg);font-weight:700}
.g-cards{display:grid;gap:10px;margin:6px 0 12px}
.g-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.g-card dt.g-card__h{font-weight:800;font-size:15px;color:var(--b)}
.g-card .g-row{display:grid;grid-template-columns:6.5rem 1fr;gap:8px;margin-top:5px;font-size:13.5px}
.g-card .g-row dt{font-weight:700;color:var(--ink2);font-size:12.5px}
.g-card dd{min-width:0;word-break:break-word}
@media(min-width:700px){.g-tbl{display:table}.g-cards{display:none}}

/* カードの並び */
.g-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}
@media(min-width:600px){.g-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.g-grid{grid-template-columns:1fr 1fr 1fr}}
.g-gi{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.g-gi:hover{border-color:var(--b2)}
.g-gi b{display:block;font-size:14.5px}
.g-gi span{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}
.items__i small{display:block;font-size:10.5px;color:var(--ink2);margin-top:2px}
.fam{margin-bottom:6px}

/* 高額・減額などの項目 */
.g-pts{list-style:none;display:grid;gap:9px;margin-bottom:14px}
.g-pts li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px}
.g-pts b{display:block;font-size:14.5px;color:var(--b);margin-bottom:3px}
.g-pts p{margin:0;color:var(--ink2)}

/* 出どころ・ニュース */
.g-src{padding-left:20px;font-size:13.5px;margin-bottom:12px}
.g-src li{margin:4px 0;word-break:break-all}
.g-news{list-style:none;display:grid;gap:10px;margin-bottom:12px}
.g-news li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.g-news a{font-weight:700;font-size:14.5px}
.g-news p{font-size:13px;color:var(--ink2);margin-top:3px}
.hero__in>*{min-width:0}
.hero__im{width:100%}