/* 問い合わせフォーム用（Contact Form 7 / 一般的なフォームに対応） */
.contact-form-slot{margin-top:56px;padding-top:36px;border-top:1px solid #c7c7c2;max-width:760px}
.contact-form-slot .eyebrow{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}
.contact-form-title{display:block;font-size:20px;margin-bottom:24px}
.contact-form-slot label{display:block;font-size:13px;line-height:1.8;margin-bottom:18px}
.contact-form-slot input[type=text],.contact-form-slot input[type=email],.contact-form-slot input[type=tel],.contact-form-slot input[type=date],.contact-form-slot input[type=number],.contact-form-slot input[type=url],.contact-form-slot select,.contact-form-slot textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #c7c7c2;border-radius:4px;background:#fff;font:inherit;font-size:14px;color:inherit;box-sizing:border-box}
.contact-form-slot textarea{min-height:160px;resize:vertical}
.contact-form-slot input:focus,.contact-form-slot select:focus,.contact-form-slot textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
.contact-form-slot input[type=submit],.contact-form-slot button[type=submit]{min-height:52px;padding:14px 32px;border:0;border-radius:4px;background:var(--ink);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.contact-form-slot input[type=submit]:hover,.contact-form-slot button[type=submit]:hover{opacity:.85}
.contact-form-slot .wpcf7-not-valid-tip,.contact-form-slot .wpcf7-response-output{font-size:12px}
.contact-form-hint{margin-top:40px;font-size:12px;color:var(--muted)}
@media (max-width:700px){.contact-form-slot{margin-top:40px}}

/* 日付欄がスマホ(iPhone Safari)ではみ出す対策 */
.contact-form-slot,.contact-form-slot form,.contact-form-slot .wpcf7-form-control-wrap{max-width:100%;min-width:0}
.contact-form-slot .wpcf7-form-control-wrap{display:block}
.contact-form-slot input,.contact-form-slot select,.contact-form-slot textarea{max-width:100%;min-width:0;box-sizing:border-box}
.contact-form-slot input[type=date],.contact-form-slot input[type=time],.contact-form-slot input[type=datetime-local],.contact-form-slot input[type=month]{
  -webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:48px;margin:0;line-height:1.4;text-align:left}
.contact-form-slot input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.4em;margin:0}
.contact-form-slot input[type=date]::-webkit-calendar-picker-indicator{margin:0}

/* ---- 上下の間隔をそろえる（フォームの構造に関係なく同じ間隔になる） ---- */
.contact-form-slot form{display:flex;flex-direction:column;gap:14px}
.contact-form-slot form p{display:contents;margin:0}
.contact-form-slot form br{display:none}
.contact-form-slot label{display:flex;flex-direction:column;gap:6px;margin:0}
.contact-form-slot :is(input,select,textarea):not([type=submit]):not([type=checkbox]):not([type=radio]){margin:0}
.contact-form-slot .wpcf7-form-control-wrap{margin:0}
.contact-form-slot textarea{height:180px;min-height:0}
.contact-form-slot .wpcf7-spinner{position:absolute;margin:0}
.contact-form-slot .wpcf7-response-output{margin:0;padding:12px 14px}
.contact-form-slot input[type=submit],.contact-form-slot button[type=submit]{align-self:flex-start;margin-top:10px}

/* ---- 日付欄のヒント文字（空のとき何の欄か分かるように） ---- */
.contact-form-slot .wpcf7-form-control-wrap{position:relative}
.date-hint{position:absolute;top:50%;transform:translateY(-50%);color:#767676;pointer-events:none;line-height:1.4;white-space:nowrap}
.has-value .date-hint{display:none}
/* 入力欄の高さをそろえる */
.contact-form-slot :is(input,select):not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:54px;min-height:54px}
/* 空のときは「mm/dd/yyyy」などの元の表示を隠し、ヒント文字だけ見せる */
.contact-form-slot input[type=date].is-empty{color:transparent}