/* お問い合わせ（/contact、Contact Form 7）。/common/css/style.css の #contact-area の指定に足す */

#contact-area #content { margin: 0 auto 40px auto; }

/* お問い合わせ種別。style.css で input がすべて幅 90% になるので戻す */
#contact-area .wpcf7-radio .wpcf7-list-item { display: block; margin: 0 0 .6em 0; }
#contact-area .wpcf7-radio .wpcf7-list-item:last-child { margin-bottom: 0; }
#contact-area .wpcf7-radio label { display: inline-flex; align-items: center; gap: .6em; font-weight: normal; cursor: pointer; }
#contact-area .wpcf7-radio input { width: auto; margin: 0; padding: 0; }

/* ファイルの添付 */
#contact-area .file-field { margin-top: 1em; }
#contact-area .file-field input { width: auto; padding: 0; border: none; }
#contact-area .file-note { margin-top: .4em; font-size: 12px; font-weight: normal; color: #666; }

/* 入力のエラーと送信後のメッセージ */
#contact-area .wpcf7-not-valid-tip { margin-top: .4em; font-size: 13px; font-weight: normal; }
#contact-area .wpcf7 form .wpcf7-response-output { width: 860px; max-width: 100%; box-sizing: border-box; margin: 0 auto 40px auto; padding: 1em; line-height: 1.6; text-align: center; }
#contact-area .submit-wrap .wpcf7-spinner { position: absolute; top: 100%; left: 50%; margin: 12px 0 0 -12px; }

@media only screen and (max-width: 620px) {
  #contact-area .wpcf7-radio input { border: none; }
}

/* Cloudflare Turnstile（送信ボタンの上） */
#contact-area .turnstile-wrap { display: flex; justify-content: center; margin: 40px auto 0 auto; }