.main {
  background: #000;
}

.contact {
  padding-top: 60px;
  padding-bottom: 80px;
}
@media screen and (max-width: 540px) {
  .contact {
    padding-top: 14.6666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
.contact .wrap {
  padding-top: 40px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 1080px) {
  .contact .wrap {
    max-width: 90%;
  }
}
@media screen and (max-width: 540px) {
  .contact .wrap {
    padding-top: 5.3333333333vw;
  }
}

.content {
  color: #fff;
  text-align: left;
  line-height: 1.6;
  font-family: "Noto Sans JP", serif;
}
.content h1 {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 540px) {
  .content h1 {
    margin-bottom: 8vw;
  }
}
.content h1 .ttl--en {
  color: #FDEABE;
  font-family: "Birthstone", serif;
  font-size: 20px;
  display: block;
  margin-bottom: 25px;
}
@media screen and (max-width: 540px) {
  .content h1 .ttl--en {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
.content h1 .ttl--jp {
  color: #FDEABE;
  font-family: "Shippori Mincho", serif;
  font-size: 40px;
  font-weight: 600;
  display: block;
}
@media screen and (max-width: 540px) {
  .content h1 .ttl--jp {
    font-size: 6.6666666667vw;
  }
}
.content__txt {
  font-size: 16px;
}
@media screen and (max-width: 540px) {
  .content__txt {
    font-size: 3.2vw;
  }
}
.content__txt--main {
  margin-bottom: 50px;
  text-align: center;
  font-weight: 600;
  line-height: 1.8;
}
@media screen and (max-width: 540px) {
  .content__txt--main {
    font-size: 3.2vw;
    margin-bottom: 8vw;
  }
}
.content form ul li {
  margin-bottom: 40px;
}
@media screen and (max-width: 540px) {
  .content form ul li {
    margin-bottom: 6.6666666667vw;
  }
}
.content form ul label {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
  font-weight: 300;
}
@media screen and (max-width: 540px) {
  .content form ul label {
    font-size: 4vw;
    margin-bottom: 1.8666666667vw;
  }
}
.content form ul label span {
  color: #E52B61;
}
.content form ul input,
.content form ul textarea {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  color: #000;
}
.content form ul input::-moz-placeholder, .content form ul textarea::-moz-placeholder {
  color: #C3C3C3;
  font-weight: 600;
}
.content form ul input::placeholder,
.content form ul textarea::placeholder {
  color: #C3C3C3;
  font-weight: 600;
}
.content .link {
  color: #E52B61;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
  margin: 0 auto 30px;
  display: block;
}
@media screen and (max-width: 540px) {
  .content .link {
    margin: 0 auto 5.3333333333vw;
  }
}
.content .agree {
  margin: 0 auto 70px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 540px) {
  .content .agree {
    margin: 0 auto 12vw;
  }
}
.content .agree label {
  color: #707070;
}
.content .submit-btn {
  font-family: "Noto Sans JP", serif;
  color: #fff;
  font-size: 18px;
  position: relative;
  transition: 0.3s;
  background: #E52B61;
  border-radius: 50px;
  text-align: center;
  padding: 5px 50px;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 540px) {
  .content .submit-btn {
    font-size: 3.2vw;
  }
}
.content .submit-btn::before, .content .submit-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 2px;
  border-radius: 9999px;
  background-color: #fff;
  transform-origin: 100% 50%;
}
@media screen and (max-width: 540px) {
  .content .submit-btn::before, .content .submit-btn::after {
    right: 4vw;
    width: 2.1333333333vw;
    height: 2px;
  }
}
.content .submit-btn::before {
  transform: rotate(45deg);
}
.content .submit-btn::after {
  transform: rotate(-45deg);
}/*# sourceMappingURL=contact.css.map */