.section-contact .contact-wrapper {
  position: relative;
}
@media print, (min-width: 768px) {
  .section-contact .central-bg {
    background: url(../resources/images/contact/contact_bg_01.jpg) center/cover no-repeat;
  }
  .section-contact .contact-wrapper {
    max-width: 7.21rem;
    padding: 0.57rem 0 0.5rem 0.77rem;
  }
  .section-contact .paragraph-common {
    margin-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-height: 980px) {
  .section-contact .contact-wrapper {
    padding: 0.7rem 0 0.3rem 0.77rem;
  }
  .section-contact .decor-common {
    top: 50%;
    height: 90%;
    transform: translateY(-50%);
  }
  .section-contact .title-common-primary {
    margin-bottom: 0.2rem;
  }
  .section-contact .form-controller {
    margin-top: 0.2rem;
  }
  .section-contact .form-group + .form-group {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .section-contact .central-bg {
    padding: 0.8rem 0;
    background: url(../resources/images/contact/contact_bg_02.jpg) center/cover no-repeat;
  }
  .section-contact .contact-wrapper {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-contact .central-bg {
    padding: 1.4rem 0 0.8rem;
    background: url(../resources/images/contact/contact_bg_02.jpg) center/cover no-repeat;
  }
  .section-contact .contact-wrapper {
    padding: 0.2rem 0 0.3rem 0.3rem;
  }
  .section-contact .form-common {
    margin-top: 0.2rem;
  }
}