/* お問い合わせ（元：サイトリニューアル案/お問い合わせ.html）。フォームは Contact Form 7 の出力に当てる */
.contact-hero{padding:10vh 0 11vh;border-bottom:1px solid var(--ink)}.contact-hero h1{margin:36px 0 0;font:800 clamp(68px,10vw,138px)/1 var(--font-en);letter-spacing:-.06em}.contact-hero p{margin:38px 0 0;font-size:16px;line-height:2;color:var(--ink-2)}
.contact-body{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(480px,1.35fr);gap:10%;padding-top:100px;padding-bottom:130px}
.guide{align-self:start;position:sticky;top:48px}.guide h2{margin:0 0 30px;font-size:23px;line-height:1.6}.guide p{margin:0;color:var(--muted);font-size:14px;line-height:2}.notes{margin-top:48px;border-top:1px solid var(--ink)}.note{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}.note-num{font-family:var(--font-en);font-size:10px;color:var(--muted);padding-top:4px}
:is(.form-area,.kj-form){border-top:1px solid var(--ink)}
:is(.form-area,.kj-form) .privacy{margin:24px 0 0;font-size:11px;line-height:1.8;color:var(--muted)}:is(.form-area,.kj-form) .privacy a{margin-left:.6em;border-bottom:1px solid var(--line-strong)}

/* Contact Form 7：dl.cf-area（dt=項目名・dd=入力欄） */
:is(.form-area,.kj-form) .wpcf7-form>div>p,:is(.form-area,.kj-form) .wpcf7-form p{margin:0}
:is(.form-area,.kj-form) .cf-area{display:grid;grid-template-columns:180px 1fr;gap:28px;margin:0;padding:30px 0;border-bottom:1px solid var(--line)}
:is(.form-area,.kj-form) .cf-area:focus-within{border-bottom-color:var(--ink)}
:is(.form-area,.kj-form) .cf-area dt p{font-size:13px;font-weight:800;line-height:1.8}
:is(.form-area,.kj-form) .cf-area dt br{display:none}
:is(.form-area,.kj-form) .cf-required{margin-left:8px;font-size:10px;font-weight:400;color:var(--muted)}
:is(.form-area,.kj-form) .cf-area dd{margin:0}
:is(.form-area,.kj-form) .wpcf7-form-control-wrap{display:block}
:is(.form-area,.kj-form) :is(input[type=text],input[type=email],input[type=tel],input[type=url],textarea){width:100%;border:1px solid var(--line);background:var(--soft);padding:12px 14px;font:inherit;font-size:16px;line-height:1.8;color:var(--ink);outline:none;border-radius:0;transition:border-color .2s,background-color .2s}
:is(.form-area,.kj-form) :is(input[type=text],input[type=email],input[type=tel],input[type=url],textarea):focus{border-color:var(--ink);background:var(--paper)}
:is(.form-area,.kj-form) textarea{min-height:190px;resize:vertical}
:is(.form-area,.kj-form) .cf-send{padding-top:34px;text-align:right}
:is(.form-area,.kj-form) .wpcf7-submit{min-width:230px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:19px 24px;font:inherit;font-size:13px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.2s;border-radius:0;-webkit-appearance:none}
:is(.form-area,.kj-form) .wpcf7-submit:hover{background:var(--paper);color:var(--ink)}
:is(.form-area,.kj-form) .wpcf7-form>p{margin-top:20px;font-size:10px;line-height:1.7;color:var(--faint)}
:is(.form-area,.kj-form) .wpcf7-not-valid-tip{margin-top:6px;font-size:12px;color:var(--error)}
:is(.form-area,.kj-form) .wpcf7-response-output{margin:24px 0 0!important;padding:14px 18px!important;border:1px solid var(--ink)!important;font-size:13px}
:is(.form-area,.kj-form) .wpcf7-spinner{margin:0 0 0 12px}
.grecaptcha-badge{visibility:hidden}
@media(max-width:720px){.contact-hero{padding:8vh 0 9vh}.contact-hero h1{font-size:clamp(52px,18vw,76px);margin-top:26px}.contact-hero p{font-size:14px;margin-top:26px}.contact-body{grid-template-columns:1fr;gap:64px;padding-top:64px;padding-bottom:90px}.guide{position:static}.guide h2{font-size:20px}.notes{margin-top:34px}:is(.form-area,.kj-form) .cf-area{grid-template-columns:1fr;gap:13px;padding:24px 0}:is(.form-area,.kj-form) textarea{min-height:150px}:is(.form-area,.kj-form) .wpcf7-submit{width:100%}}