@charset "UTF-8";
/* ======================================================
message
====================================================== */
.contactForm {
  padding: 20.66667vw 0vw 22.26667vw 0vw;
  background-color: #F8F5F4;
}

@media screen and (min-width: 1000px) {
  .contactForm {
    padding: 110px 20px 240px;
  }
}

.contactForm_lead {
  text-align: justify;
  color: #3F3F3F;
  font-size: 2.4vw;
  line-height: 2.22222;
  letter-spacing: 0.1em;
  margin-bottom: 21.33333vw;
}

@media screen and (min-width: 1000px) {
  .contactForm_lead {
    text-align: center;
    font-size: 18px;
    margin-bottom: 160px;
  }
}

.contactForm dl {
  text-align: left;
  margin-bottom: 8.66667vw;
}

@media screen and (min-width: 1000px) {
  .contactForm dl {
    margin-bottom: 65px;
  }
}

.contactForm dl:last-of-type {
  margin-bottom: 13.33333vw;
}

@media screen and (min-width: 1000px) {
  .contactForm dl:last-of-type {
    margin-bottom: 100px;
  }
}

.contactForm label {
  margin-bottom: 2.66667vw;
  font-size: 2.93333vw;
  line-height: 1.36364;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 1000px) {
  .contactForm label {
    font-size: 22px;
    margin-bottom: 20px;
  }
}

.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.required::after {
  content: "必須";
  display: block;
  white-space: nowrap;
  padding: 1px 20px;
  color: #fff;
  background-color: #117788; /*resort  #B5998E */
  margin-left: 2.66667vw;
  font-size: 2.13333vw;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 1000px) {
  .required::after {
    font-size: 16px;
    margin-left: 20px;
  }
}

.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="tel"] {
  width: 100%;
  border: 1px solid #117788; /*resort  #B5998E */
  background-color: #FFFFFF;
  padding: 15px;
  height: 78px;
  font-size: 3.7vw;
}

@media screen and (min-width: 1000px) {
  .contactForm input[type="text"],
  .contactForm input[type="email"],
  .contactForm input[type="tel"] {
    font-size: 19px;
    height: 78px;
    line-height: 78px;
  }
}

.contactForm textarea {
  font-size: 3.7vw;
  resize: vertical;
  height: 50vw;
  width: 100%;
  border: 1px solid #117788; /*resort  #B5998E */
  background-color: #FFFFFF;
  padding: 5px 15px;
  display: block;
  font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho";
}

@media screen and (min-width: 1000px) {
  .contactForm textarea {
    font-size: 19px;
    height: 478px;
  }
}
/*# sourceMappingURL=style.css.map */