/* 問い合わせフォーム（確認表示・エラー表示・送信状態）の追加スタイル。既存の style.css は変更しない。 */
[hidden] {
  display: none !important;
}

main[role=main].main-contact .contact_block td .contact__error {
  margin-top: 6px;
}
main[role=main].main-contact .contact_block td .contact__error:first-child {
  margin-top: 0;
}
main[role=main].main-contact .contact_block td [aria-invalid=true] {
  border-color: #FF0000;
  outline-color: #FF0000;
}
main[role=main].main-contact .contact_block > .contact__error,
main[role=main].main-contact .contact_block form > .contact__error {
  margin-top: 10px;
}

main[role=main].main-contact .contact_block .contact_confirm_lead {
  text-align: center;
  font-weight: bold;
}
main[role=main].main-contact .contact_block .contact_confirm td {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
main[role=main].main-contact .contact_block .contact_turnstile {
  margin-top: 40px;
  min-height: 65px;
  text-align: center;
}
main[role=main].main-contact .contact_block .contact__status {
  margin-top: 20px;
}
main[role=main].main-contact .contact_block .contact_actions {
  margin-top: 40px;
}
main[role=main].main-contact .contact_block .contact_actions .btn {
  margin-top: 20px;
}
main[role=main].main-contact .contact_block .contact_actions [aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}

main[role=main].main-contact .contact_done {
  margin-top: 60px;
  text-align: center;
  line-height: 2;
}
main[role=main].main-contact .contact_done + .btn {
  margin-top: 60px;
}
