/* フォーム（お問い合わせ・口コミなど）2026-09-06 */
.cform{margin:2em 0 0}
.cform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fld{margin:0 0 22px}
.fld label{display:block;font-weight:700;margin:0 0 8px}
.fld .req{display:inline-block;margin-left:6px;font-size:.75rem;font-weight:700;color:var(--c-paper);background:var(--c-green-text);border-radius:var(--r-pill);padding:2px 9px;vertical-align:2px}
.fld input,.fld select,.fld textarea{width:100%;border:2px solid var(--c-line);border-radius:var(--r-m);padding:12px 14px;background:var(--c-paper);color:var(--c-ink);font-size:1rem}
.fld input,.fld select{min-height:52px}
.fld textarea{line-height:1.8;resize:vertical}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{border-color:var(--c-green);outline:3px solid var(--c-green-text);outline-offset:2px}
.hint{font-size:.85rem;color:var(--c-muted);margin:8px 0 0;line-height:1.8}
.hint a{font-weight:700}
.form-errors{border:2px solid var(--c-green-text);border-radius:var(--r-m);padding:14px 18px;margin:1.5em 0}
.form-errors p{margin:0 0 6px}
.form-errors ul{margin:0;padding-left:1.4em}
.form-prefill{background:var(--c-tint);border-radius:var(--r-m);padding:12px 16px;margin:1.5em 0;font-size:.95rem}
.form-done{border:2px solid var(--c-line);border-radius:var(--r-m);padding:22px 24px;margin:2em 0}
.form-done h2{margin:0 0 10px;font-size:1.25rem}
.form-done p{margin:0 0 10px;line-height:1.9}
.cform button.btn{border:0;cursor:pointer}
@media (max-width:600px){ .form-done{padding:18px 16px} }

/* 掲載依頼フォーム */
.cform .fh{font-size:1.15rem;margin:2.2em 0 1em;padding:0 0 .35em 12px;border-left:6px solid var(--c-green);border-bottom:2px solid var(--c-line)}
.cform .fh:first-of-type{margin-top:1em}
.ckgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}
label.ck{display:flex;align-items:flex-start;gap:9px;font-weight:400;padding:7px 10px;border:2px solid var(--c-line);border-radius:var(--r-m);background:var(--c-paper);cursor:pointer;line-height:1.6}
label.ck:hover{border-color:var(--c-green)}
label.ck input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--c-green)}
label.ck:has(input:checked){border-color:var(--c-green);background:var(--c-tint)}
label.ck:focus-within{outline:3px solid var(--c-green-text);outline-offset:2px}