@charset "UTF-8";
/* ============================================================
   祇をん 玄松 ― お問い合わせ /contact/
   MV（背景＋縦書き）＋ メールフォーム（参考: okunoyu）
   ※ lp-hero 等は stay.css を継承
   ============================================================ */

body.lower{ background:#fff; color:#3a3530; }

/* ---- フォーム部（MVなし・参考サイト同様のシンプル構成） ---- */
.cf-sec{ padding:calc(var(--header-h) + clamp(40px,6vh,72px)) var(--gutter) clamp(64px,10vh,116px); }
.cf-inner{ max-width:760px; margin-inline:auto; }
.cf-head{ text-align:center; }
.cf-head__ttl{ font-family:var(--font-mincho); font-weight:700; font-size:clamp(22px,2.4vw,32px); letter-spacing:.1em; color:#1d1b1a; }
.cf-head__en{ display:block; margin-top:12px; font-family:var(--font-en); font-weight:300; font-size:12px; letter-spacing:.3em; color:#9a958b; }
.cf-lead{ margin-top:clamp(22px,3vh,34px); font-family:var(--font-body); font-size:clamp(13.5px,1vw,15px); line-height:2.2; letter-spacing:.04em; color:#4a443d; }
.cf-note{ margin-top:14px; font-size:12.5px; color:#8a8475; line-height:1.9; }
.cf-note a{ color:var(--matsu); border-bottom:1px solid currentColor; }

/* ---- 送信完了ページ ---- */
.cf-thanks-action{ margin-top:clamp(44px,6vh,72px); display:flex; justify-content:center; }
.cf-thanks-action .viewmore{ color:#5a544e; }

/* ---- 入力欄 ---- */
.cform{ margin-top:clamp(34px,5vh,56px); }
.cf-row{ margin-bottom:clamp(22px,3vh,30px); }
.cf-row > label{ display:block; font-family:var(--font-mincho); font-weight:700; font-size:14.5px; letter-spacing:.06em; color:#1d1b1a; margin-bottom:10px; }
.cf-req{ color:var(--shu,#e94d40); font-size:12px; margin-left:6px; }
.cf-opt{ color:#9a958b; font-size:11.5px; margin-left:6px; letter-spacing:.1em; }
.cform input[type=text],
.cform input[type=email],
.cform input[type=tel],
.cform textarea{
  width:100%; padding:14px 16px; border:1px solid #d4cdbf; border-radius:2px; background:#faf8f4;
  font-family:var(--font-body); font-size:15px; color:#2c2823; line-height:1.7;
  transition:border-color .3s, background .3s;
}
.cform input::placeholder,.cform textarea::placeholder{ color:#b3ab9c; }
.cform input:focus,.cform textarea:focus{ outline:none; border-color:var(--matsu); background:#fff; }
.cform textarea{ min-height:170px; resize:vertical; }

/* ---- 個人情報の取扱い ---- */
.cf-policy{ margin-top:clamp(28px,4vh,40px); padding:clamp(20px,3vw,28px); border:1px solid #ddd6c8; background:#f7f4ee; max-height:230px; overflow-y:auto; }
.cf-policy h3{ font-family:var(--font-mincho); font-weight:700; font-size:15px; letter-spacing:.06em; color:#1d1b1a; margin-bottom:12px; }
.cf-policy h3 + p{ margin-top:0; }
.cf-policy h3:not(:first-child){ margin-top:18px; }
.cf-policy p{ font-family:var(--font-body); font-size:13px; line-height:2; letter-spacing:.03em; color:#4a443d; }

/* ---- 同意・送信 ---- */
.cf-agree{ margin-top:clamp(24px,3.5vh,34px); display:flex; align-items:center; justify-content:center; gap:10px; }
.cf-agree input{ width:18px; height:18px; accent-color:var(--matsu); }
.cf-agree label{ font-family:var(--font-body); font-size:14px; letter-spacing:.04em; color:#3a3530; }
.cf-agree a{ color:var(--matsu); border-bottom:1px solid currentColor; }
.cf-submit{ margin-top:clamp(28px,4vh,40px); text-align:center; }
.cf-submit button{
  display:inline-flex; align-items:center; justify-content:center; min-width:min(360px,80%); min-height:62px; padding:0 48px;
  background:#262329; color:#f3efe6; border:0; cursor:pointer;
  font-family:var(--font-mincho); font-size:15px; letter-spacing:.22em;
  transition:background .4s var(--ease), opacity .3s;
}
.cf-submit button:hover{ background:var(--matsu); }
.cf-submit button:disabled{ background:#b8b2a7; cursor:not-allowed; }

/* ---- 送信完了メッセージ（任意） ---- */
.cf-thanks{ text-align:center; padding:clamp(40px,6vh,72px) 0; }
.cf-thanks__ttl{ font-family:var(--font-mincho); font-weight:700; font-size:clamp(20px,2vw,28px); letter-spacing:.08em; color:#1d1b1a; }
.cf-thanks p{ margin-top:18px; font-family:var(--font-body); font-size:14px; line-height:2.1; color:#4a443d; }

@media (max-width:820px){
  .cf-sec{ padding-top:calc(64px + clamp(30px,6vh,54px)); }
  .cf-policy{ max-height:200px; }
  .cf-submit button{ width:100%; min-width:0; }
  /* 送信完了ページのみ、本文は左揃え（見出しは中央のまま） */
  .contact-thanks .cf-lead,
  .contact-thanks .cf-note{ text-align:left; }
}