@charset "utf-8";

   :root{--fg:#1f2937;--muted:#6b7280;--bd:#e5e7eb;--accent:#0ea5e9;--bg:#fff;--max:920px}
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
    .page_style{max-width:var(--max);margin:0 auto;padding:20px}
    .breadcrumb{font-size:.9rem;color:var(--muted);margin:6px 0 12px}
    .breadcrumb a{color:#0369a1;text-decoration:none}
    .breadcrumb a:hover{text-decoration:underline}
    h1{font-size:1.8rem;margin:.2rem 0 .6rem;border-bottom:3px solid #000080;padding-bottom:6px}

    .form-card{border:1px solid var(--bd);border-radius:12px;padding:16px;background:#f8fafc}
    .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    @media (max-width:720px){.row{grid-template-columns:1fr}}

    label{display:block;font-weight:600;margin:.6rem 0 .25rem}
    input[type="text"],input[type="email"],select,textarea{
      width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit
    }
    textarea{min-height:180px;resize:vertical}
    .note{color:var(--muted);font-size:.92rem}
    .btn{display:inline-block;background:#000080;color:#fff;padding:10px 14px;border-radius:999px;text-decoration:none;border:0;font-weight:600;cursor:pointer}
    .btn[disabled]{opacity:.6;cursor:progress}
    .btn.secondary{background:#fff;color:#000080;border:1px solid #000080}
    .status{margin-top:12px;font-size:.95rem}
    .ok{color:#0a7f42}
    .ng{color:#b91c1c}
    footer{margin-top:28px;padding-top:14px;border-top:1px solid var(--bd);color:var(--muted);font-size:.9rem}

    /* 目立たないハニーポット（スパム対策） */
    .hp-wrap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}