/* Contact Form 7が追加する要素だけを、静的版のフォームに合わせる。 */
#contact .wpcf7 {
  display: contents;
}

#contact .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  min-width: 0;
}

#contact .tamate-contact__form {
  position: relative;
}

#contact .wpcf7-spinner {
  position: absolute;
  right: 12px;
  bottom: 18px;
  margin: 0;
}

#contact .wpcf7-not-valid-tip {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

#contact .wpcf7-response-output {
  margin: 6px 0 0;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

/* 送信結果が増えた状態だけ固定高を解除し、メッセージの欠けを防ぐ。 */
#contact:has(.wpcf7-form.invalid),
#contact:has(.wpcf7-form.sent),
#contact:has(.wpcf7-form.failed),
#contact:has(.wpcf7-form.spam) {
  height: auto;
  min-height: var(--swipe-height);
  max-height: none;
}