/* ============================================================
   Protagonist — /contact/（お問い合わせ）ページ固有 CSS
   共有コンポーネント（page-hero / .about / page-cta）は design-system.css。
   ここには Contact Form 7 の出力整形のみ。
   ============================================================ */

.form-card{max-width:680px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);padding:clamp(26px,4vw,52px)}
.form-card .wpcf7-form > p{margin-bottom:1.2rem}
.form-card label{display:block;font-family:var(--jp);font-weight:500;font-size:.9rem;color:var(--ink);margin-bottom:.5rem}
.form-card .wpcf7-form-control{width:100%;font-family:var(--jp);font-size:1rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:.85rem 1rem;transition:border-color .3s}
.form-card .wpcf7-form-control:focus{outline:none;border-color:var(--ink)}
.form-card textarea.wpcf7-form-control{min-height:160px;resize:vertical;line-height:1.7}
.form-card select.wpcf7-form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--graphite) 50%),linear-gradient(135deg,var(--graphite) 50%,transparent 50%);background-position:calc(100% - 18px) center,calc(100% - 13px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.form-card .wpcf7-list-item{display:inline-flex;align-items:center;gap:.4rem;margin:0 1.1rem .45rem 0}
.form-card .wpcf7-list-item-label{font-size:.95rem;color:var(--ink-2)}
.form-card .wpcf7-submit{font-family:var(--disp);font-weight:500;font-size:.95rem;letter-spacing:.01em;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:0;padding:1rem 2rem;cursor:pointer;transition:opacity .3s;width:100%;margin-top:.4rem}
.form-card .wpcf7-submit:hover{opacity:.86}
.form-card .wpcf7-not-valid-tip{color:#b00020;font-size:.8rem;margin-top:.35rem}
.form-card .wpcf7-response-output{border:1px solid var(--line)!important;padding:.9rem 1rem!important;margin:1.3rem 0 0!important;font-size:.9rem;color:var(--ink-2)}
.form-card .wpcf7-spinner{margin:0 0 0 .6rem}
.form-card .ptg-required,.form-card .wpcf7-validates-as-required + .req{color:var(--graphite)}