:root { --gap:12px; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif; line-height:1.6; background:#fafafa; }
.container{ max-width:960px; margin:0 auto; padding:16px; }
.site-hd,.site-ft{ padding:12px 16px; background:#111; color:#fff; }
.card{ background:#fff; border:1px solid #eee; border-radius:8px; padding:16px; margin:12px 0; }
label{ display:block; margin:8px 0; }
input,select,textarea{ width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }
.btn-primary,.btn-secondary{ display:inline-block; padding:12px 18px; border:0; border-radius:8px; font-weight:700; margin:10px 8px 0 0; cursor:pointer; }
.btn-primary{ background:#0a84ff; color:#fff; }
.btn-secondary{ background:#f2f2f2; color:#111; }
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; } /* honeypot */
.confirm dt{ font-weight:700; }
.confirm dd{ margin:0 0 8px 0; }
.note{ font-size:.9em; color:#666; }
@media (max-width:640px){ .grid2{ grid-template-columns:1fr; } .btn-primary,.btn-secondary{ width:100%; } }