.contact {
  padding: 0 20px;
  margin: 56px 0 0;
}
@media (max-width: 767px) {
  .contact {
    padding: 0 5.33vw;
    margin: 14.93vw 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .contact {
    padding: 0;
    margin: 32px 0 0;
  }
}
.contact-input {
  padding-bottom: 64px;
}
.contact-input__list {
  margin: 10px 0 0;
}
.contact-input__list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--color-black01);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}
.contact-input__form {
  margin: 50px 0 0;
}
@media (max-width: 767px) {
  .contact-input {
    padding-bottom: 17.07vw;
  }
  .contact-input__list {
    margin: 2.67vw 0 0;
  }
  .contact-input__list li {
    font-size: 3.2vw;
    line-height: 6.93vw;
  }
  .contact-input__form {
    margin: 13.33vw 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .contact-input {
    padding-bottom: 120px;
  }
  .contact-input__list {
    margin: 18px 0 0;
  }
}
.contact-thanks {
  padding-bottom: 118px;
}
@media (max-width: 767px) {
  .contact-thanks {
    padding-bottom: 31.47vw;
  }
}
@media screen and (min-width: 768px), print {
  .contact-thanks {
    padding-bottom: 217px;
  }
}