/*!
 * 問い合わせページ
 */

#contact-formbody {
  overflow-x: hidden;
}

#contact-formbody .container {
  max-width: 960px;
  padding-right: 1rem;
  padding-left: 1rem;
}

#contact-formbody .row {
  margin-right: 0;
  margin-left: 0;
}

#contact-formbody .col-12 {
  min-width: 0;
}

#contact-formbody .entry-content,
#contact-formbody .wpcf7,
#contact-formbody .wpcf7-form,
#contact-formbody .mw_wp_form,
#contact-formbody .wp-block-contact-form-7-contact-form-selector,
#contact-formbody form {
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

#contact-formbody .wpcf7 p,
#contact-formbody form > p {
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

#contact-formbody .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

#contact-formbody .wpcf7-response-output {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

#contact-formbody .wpcf7-form.init .wpcf7-response-output,
#contact-formbody .wpcf7-response-output:empty {
  display: none;
}

#contact-formbody form,
#contact-formbody fieldset,
#contact-formbody label,
#contact-formbody p,
#contact-formbody dl,
#contact-formbody table {
  box-sizing: border-box;
  max-width: 100%;
}

#contact-formbody label {
  display: block;
  width: 100%;
}

#contact-formbody input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
#contact-formbody select,
#contact-formbody textarea {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
}

#contact-formbody textarea {
  min-height: 10rem;
}

#contact-formbody table {
  width: 100%;
  table-layout: fixed;
}

#contact-formbody th,
#contact-formbody td {
  max-width: 100%;
  word-break: break-word;
}

@media (max-width: 575px) {
  #contact-formbody .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  #contact-formbody .col-12 {
    padding-right: 0;
    padding-left: 0;
  }

  #contact-formbody .col-12.d-flex {
    display: block !important;
  }

  #contact-formbody table,
  #contact-formbody tbody,
  #contact-formbody tr,
  #contact-formbody th,
  #contact-formbody td {
    display: block;
    width: 100%;
  }
}