.inner .sp_w_contents .contact .modal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.inner .sp_w_contents .contact .modal-content {
  height: auto;
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.inner .sp_w_contents .contact #confirmModal .btns {
  min-height: 56px;
}

@media screen and (min-width: 520px) {
  .inner .sp_w_contents .contact .modal-content {
    max-height: calc(100dvh - 100px);
  }
}

.contact .form-error {
  color: #b42318;
  font-size: 0.9em;
  line-height: 1.6;
  margin: 12px 0 0;
}

.contact .form-error[hidden],
.contact .field-error[hidden] {
  display: none;
}

.contact form .field-error {
  display: block;
  width: 100%;
  color: #b42318;
  font-size: 1.2rem;
  line-height: 1.4;
  margin: -8px 0 12px;
  text-align: left;
  overflow-wrap: break-word;
}

.contact form input.is-invalid,
.contact form textarea.is-invalid {
  border-color: #b42318;
}

.contact .hp-field {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#confirmModal .form-error {
  margin: 0 0 16px;
}

/* iOS Chrome/Safari: date/time の入力値を枠の中央へ揃える */
.contact form input[type="text"],
.contact form input[type="email"],
.contact form input[type="tel"],
.contact form input[type="number"],
.contact form input[type="date"],
.contact form input[type="time"] {
  line-height: 45px;
}

.contact form input[type="date"],
.contact form input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
  display: flex;
  align-items: center;
}

.contact form input[type="date"]::-webkit-datetime-edit,
.contact form input[type="time"]::-webkit-datetime-edit {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0;
  line-height: 45px;
}

.contact form input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.contact form input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
}

.contact form input[type="date"]::-webkit-date-and-time-value,
.contact form input[type="time"]::-webkit-date-and-time-value {
  text-align: center;
  height: 45px;
  line-height: 45px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (-webkit-touch-callout: none) {
  .contact form input[type="date"],
  .contact form input[type="time"] {
    line-height: 45px;
  }
}

.contact form .btn,
#confirmModal .btns button {
  touch-action: manipulation;
}

.contact form .btn:disabled {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}

#confirmModal .btns button:disabled,
#confirmModal .btns button.is-sending {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}