body {
  background: #eeeeee;
}

.contact__wrap {
  padding-top: min(51px, 4.25vw);
}
.contact__wrap .contact__content {
  width: 75%;
  max-width: min(900px, 75vw);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content {
    width: 90vw;
    max-width: 90vw;
  }
}
.contact__wrap .contact__content--title {
  background: #03b087;
  padding-top: min(11px, 0.9166666667vw);
  padding-bottom: min(13px, 1.0833333333vw);
  padding-left: min(6.1666666667vw, 74px);
  padding-right: min(8.1666666667vw, 98px);
  border-radius: min(10px, 0.8333333333vw) min(10px, 0.8333333333vw) 0 0;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--title {
    font-size: 4.5vw;
  }
}
.contact__wrap .contact__content--content {
  background: #ffffff;
  border-radius: min(10px, 0.8333333333vw);
  padding-top: min(4.4166666667vw, 53px);
  padding-bottom: min(4.25vw, 51px);
}
.contact__wrap .contact__content--content form {
  width: 58.3333333333%;
  max-width: min(700px, 58.3333333333vw);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--content form {
    width: 80vw;
    max-width: 80vw;
  }
}
.contact__wrap .contact__content--content label {
  display: block;
  font-weight: bold;
  margin-top: min(20px, 1.6666666667vw);
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--content label {
    font-size: 3.5vw;
  }
}
.contact__wrap .contact__content--content .required {
  background: red;
  color: white;
  font-size: min(12px, 1vw);
  padding: min(6px, 0.5vw);
  margin-left: min(6px, 0.5vw);
  border-radius: min(2px, 0.1666666667vw);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--content .required {
    font-size: 3vw;
  }
}
.contact__wrap .contact__content--content input[type=text],
.contact__wrap .contact__content--content input[type=email],
.contact__wrap .contact__content--content textarea {
  width: 100%;
  padding: min(8px, 0.6666666667vw);
  border: min(1px, 0.0833333333vw) solid #555;
  border-radius: min(4px, 0.3333333333vw);
  box-sizing: border-box;
  margin-top: min(4px, 0.3333333333vw);
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--content input[type=text],
  .contact__wrap .contact__content--content input[type=email],
  .contact__wrap .contact__content--content textarea {
    font-size: 3.5vw;
  }
}
.contact__wrap .contact__content--content textarea {
  height: min(200px, 16.6666666667vw);
  resize: vertical;
}
.contact__wrap .contact__content--content .submit-btn {
  background-color: #1a3c32;
  color: white;
  padding: min(20px, 1.6666666667vw);
  margin-top: min(24px, 2vw);
  border: none;
  border-radius: min(4px, 0.3333333333vw);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .contact__wrap .contact__content--content .submit-btn {
    font-size: 3.5vw;
  }
}
.contact__wrap .contact__content--content .submit-btn:hover {
  opacity: 0.8;
}

@media screen and (max-width: 480px) {
  form {
    padding: 0;
  }
  input[type=text],
  input[type=email],
  textarea {
    padding: min(8px, 0.6666666667vw);
  }
  .submit-btn {
    width: 100%;
    text-align: center;
  }
}

/*# sourceMappingURL=contact.css.map */