@charset "Shift_JIS";

@media screen and (max-width: 959px) {
  body.contact-page form.contact-form {
    width: auto;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
    box-sizing: border-box;
  }

  body.contact-page form.contact-form input[type="text"],
  body.contact-page form.contact-form textarea,
  body.contact-page form.contact-form select {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 400px) {
  body.contact-page #hpb-wrapper {
    width: auto;
    max-width: 100%;
    min-width: 0;
    margin-inline: auto;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  body.contact-page #hpb-wrapper > p,
  body.contact-page form.contact-form > p {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
}