/* お問い合わせフォーム（StoreMaker 共通の部品）。色はお店のサイトで --inq-* を決める（決めなければ下の色） */
.inq-form{--a:var(--inq-accent,#1d5c47);--line:var(--inq-line,#cfd8d4);--soft:var(--inq-soft,#e3efe9);--ink:var(--inq-ink,#18241f);--sub:var(--inq-sub,#5b6b64);
  display:grid;gap:16px;color:var(--ink)}
.inq-form label{display:grid;gap:6px;font-weight:700;font-size:14px}
.inq-form .inq-tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;border-radius:4px;padding:1px 6px;vertical-align:1px}
.inq-form .inq-req{background:#c0392b;color:#fff}
.inq-form .inq-opt{background:var(--soft);color:var(--sub)}
.inq-form .inq-lb{display:block}
.inq-form small.inq-hint{display:block;font-weight:400;color:var(--sub);font-size:12px;margin-top:2px}
.inq-form input,.inq-form select,.inq-form textarea{font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#222;width:100%;box-sizing:border-box}
.inq-form textarea{min-height:150px;resize:vertical}
.inq-form input:focus,.inq-form select:focus,.inq-form textarea:focus{outline:2px solid var(--a);outline-offset:1px}
.inq-form label.is-err input,.inq-form label.is-err textarea,.inq-form label.is-err select{border-color:#c0392b;background:#fff6f5}
.inq-form .inq-err{color:#c0392b;font-style:normal;font-weight:400;font-size:13px}
.inq-form .inq-msg{margin:0;border-radius:10px;padding:12px 14px;font-size:14px;background:var(--soft)}
.inq-form .inq-msg.is-err{background:#fdecea;color:#8a1f12;font-weight:700}
.inq-form .inq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.inq-form .inq-privacy{margin:0;font-size:12px;color:var(--sub)}
.inq-form button{font:inherit;font-weight:700;border:0;border-radius:999px;padding:14px 28px;background:var(--a);color:#fff;cursor:pointer}
.inq-form button:disabled{opacity:.6;cursor:wait}
.inq-done{display:grid;justify-items:center;align-content:center;text-align:center;gap:10px;border:2px solid var(--inq-accent,#1d5c47);border-radius:16px;padding:36px 22px;outline:none;background:#fff}
.inq-done svg{width:56px;height:56px;fill:none;stroke:var(--inq-accent,#1d5c47);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inq-done b{font-size:22px;color:var(--inq-accent,#1d5c47)}
.inq-done p{margin:0;max-width:30em}
.inq-done .inq-small{font-size:13px;color:var(--inq-sub,#5b6b64)}