/* ==========================================================================
   AOKI TRAVEL — page-contact.css（お問い合わせ固有・子CC-D）
   問い合わせ：：左＝紙色の情報カード／右＝フォーム（太字ラベル・6px角丸入力・橙ピル）
   ========================================================================== */

/* レイアウト：左 情報カード 1 ／ 右 フォーム 1.4 */
.contact{padding-top:8px}
.contact__split{grid-template-columns:1fr 1.4fr;gap:56px}
@media (max-width:1023px){.contact__split{grid-template-columns:1fr;gap:36px}}

/* 情報カード */
.contact__info{padding:36px 34px}
.contact__info-script{display:block;color:var(--olive);margin-bottom:6px}
.contact__info-title{margin-bottom:18px}
.contact__info dd a:hover{color:var(--orange-text)}
.contact__info dd.small{margin-top:4px}
.contact__line{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.contact__line p{margin-bottom:12px}
@media (max-width:767px){.contact__info{padding:28px 22px}}

/* フォーム見出し */
.contact__form-title{margin-bottom:6px}
.contact__form-lead{margin-bottom:22px}

/* 入力行の補助 */
.form__row--2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form__sub{display:block;font-size:var(--fs-small);font-weight:700;color:var(--ink-2)}
.form__sub .form__input{margin-top:6px;font-weight:400;color:var(--ink);font-size:var(--fs-body)}
.form__note{margin:8px 0 0}
.form__check .req{margin-left:6px}
.form__actions{margin-top:28px}
.form__sample-note{margin-top:14px}
.form__panel-title{margin-bottom:6px}
.form__panel[hidden]{display:none}
.contact-form input[type="date"]{min-height:49px}
@media (max-width:479px){.form__row--2{grid-template-columns:1fr}}

/* 完了画面 */
.form__done{text-align:center;padding:36px 24px;background:var(--paper);border-radius:var(--radius-sm)}
.form__done-script{display:block;color:var(--olive);margin-bottom:8px}
.form__done-title{margin-bottom:10px}
.form__done .form__actions{margin-top:22px}

/* 確認画面：入力内容の改行を保つ（base の white-space:pre-wrap を継承） */
.confirm-list{margin:18px 0 0}