@charset "UTF-8";
/* ==========================================================
   お問い合わせページ専用（contact.cfm・contact_thanks.cfm）
   ========================================================== */

.form_box { max-width: 760px; margin: 0 auto; padding: 36px; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); }
.form_note { margin: 0 0 28px; padding-left: 1.4em; list-style: decimal; font-size: 14px; color: var(--text-sub); line-height: 1.8; }
.form_note li { margin-bottom: 4px; }
.form_row { margin-bottom: 22px; }
.form_label { display: block; margin-bottom: 8px; font-weight: 700; font-size: 15px; }
.req { margin-left: 8px; padding: 1px 8px; border-radius: 999px; background: #D2503C; color: #fff; font-size: 11px; font-weight: 400; vertical-align: 2px; }
.form_row input[type="text"], .form_row input[type="email"], .form_row textarea {
  display: block; width: 100%; padding: 12px 14px; font: inherit; color: var(--text);
  background: var(--cream); border: 1px solid var(--line); border-radius: 12px; transition: border-color .2s, box-shadow .2s;
}
.form_row textarea { resize: vertical; min-height: 200px; }
.form_row input:focus, .form_row textarea:focus { outline: 0; border-color: var(--green); box-shadow: 0 0 0 3px var(--green-light); }
.form_submit { margin-top: 32px; text-align: center; }
.form_submit .btn { border: 0; cursor: pointer; font: inherit; }
.thanks_hero { padding-bottom: 72px; }
.thanks_note { margin-top: 24px; max-width: 640px; font-size: 15px; }
@media (max-width: 720px) { .form_box { padding: 24px 18px; } }