/* -------------------------------------------------- */
/* フォーム基礎 */
/* -------------------------------------------------- */

/* ページタイトル */
.page-title.contact { transform:translateX(-20px); }
.page-title.contact::before { aspect-ratio:70/50; background-image:url('../img/page/form/title-contact.png'); height:auto; width:70px; }

/* 汎用 */
.form-content input[type="email"], .form-content input[type="tel"], .form-content input[type="text"], .form-content textarea { background-color:#ddd; border:1px solid var(--bk); box-sizing:border-box; padding:2.5px 5px; max-width:100%; width:100%; }
.form-content input[type="email"]:focus, .form-content input[type="tel"]:focus, .form-content input[type="text"]:focus, .form-content textarea:focus { background-color:var(--wh); }
.form-content input[type="checkbox"], .form-content input[type="radio"] { display:none; }

/* 送信ボタン */
.submit { justify-content:center; }
.submit input { align-items:center; border:1px solid var(--bk); border-radius:30px; font-size:18px; font-weight:700; justify-content:center; text-align:center; height:36px; max-width:195px; width:100%; }

@container( min-width:1000px ) {

/* ページタイトル */
.page-title.contact { transform:translateX(0); }

}

/* -------------------------------------------------- */
/* お問い合わせフォーム */
/* -------------------------------------------------- */

/* ベース */
.form-content form, .form-content form { gap:40px; }

/* テキスト */
.select-text { font-size:18px; font-weight:700; margin-bottom:16px; }

/* リスト */
.select-list { flex-direction:column; gap:10px; }
.select-list li { align-items:center; gap:20px; }
.select-list li label { cursor:pointer; transform:translateX(30px); user-select:none; }
.select-list li label::before { border:2px solid var(--bk); border-radius:50%; box-sizing:border-box; transform:translateX(-30px) translateY(-50%); top:50%; position:absolute; height:20px; width:20px; }
.select-list li label::after { background-color:var(--wh); border-radius:50%; box-sizing:border-box; transform:translateX(50%) translateY(-50%); top:50%; left:-30px; position:absolute; height:10px; width:10px; }
.select-list input[type="radio"]:checked + label::after { background-color:var(--gr-3); }

/* 項目 */
.form-item { flex-direction:column; gap:8px; }
p.label { align-items:center; font-weight:700; justify-content:flex-start; }
.item-name { width:50%; }
.hissu { align-items:center; background-color:#f89898; color:var(--wh); justify-content:center; height:23px; width:80px; }

/* プライバシーポリシー */
.privacy-box { border:1px solid var(--bk); gap:24px; padding:24px; }
.privacy-box h3, .privacy-box p { font-size: 12px; line-height:18px; }
.privacy-box h3 { font-weight:700; }
.privacy-box p { font-weight:500; }

@container( min-width:1000px ) {

/* リスト */
.select-list { flex-direction:row; gap:50px; justify-content:center; }

/* 項目 */
.form-item { align-items:flex-start; flex-direction:row; gap:60px; }
p.label { justify-content:space-between; width:275px; }
.form-item p.input { width:calc( 100% - 310px ); }

}