@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
.hiragino {
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 300;
}

.notice {
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  letter-spacing: 0.1em;
  line-height: 2;
  font-weight: 300;
  margin: 4em auto;
}

section.contact-form {
  align-items: center;
  margin: clamp(80px, 10vw, 150px) auto 0 auto;
  padding: 0 0 clamp(20px, 3vw, 40px);
  background: bottom right no-repeat url("../img/contact/bottom.svg");
}
@media screen and (max-width: 1200px) {
  section.contact-form {
    width: auto;
    max-width: 90%;
  }
  section.contact-form .table-row {
    width: auto;
    max-width: unset;
    margin: 0;
  }
}

.contact-table {
  width: 100%;
  background-color: #e2e2e2;
  padding: clamp(1rem, 2vw, 3rem) clamp(1rem, 3.2vw, 5rem);
}
.contact-table .table-row {
  width: 86%;
  max-width: 800px;
  margin: 0 auto;
}
.contact-table .table-row dt {
  padding: 1em 0 0.33em;
  font-size: clamp(1.8rem, 2.5vw, 3rem);
}
.contact-table .table-row dt p {
  font-weight: 300;
  letter-spacing: 0.1em;
  line-height: 1;
}
.contact-table input[type=text],
.contact-table input[type=email],
.contact-table input[type=tel],
.contact-table textarea {
  border: 1px solid #707070;
  height: clamp(5rem, 6.3vw, 10rem);
  padding-inline: 0.5em;
}
.contact-table .submit-container {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 86%;
  max-width: 800px;
  margin: 2em auto;
}
.contact-table .submit-container p {
  width: 100%;
}
.contact-table .submit-container p .submit-btn {
  width: 100%;
  max-width: 400px;
  background-color: #2d4294;
  color: #ffffff;
  padding: 10px 40px;
  margin: 0 auto;
  font-size: 16px;
  cursor: pointer;
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  font-weight: 300;
}
.contact-table .submit-container p .submit-btn:hover {
  background-color: #3d3f58;
  opacity: 0.9;
}

.contact-line {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin: clamp(5rem, 7vw, 10rem) auto;
}
.contact-line .line-qr {
  gap: 1.5rem;
}
.contact-line .line-qr span {
  font-size: clamp(1.8rem, 2.5vw, 3rem);
  font-weight: 600;
}
.contact-line .line-qr img {
  max-width: 225px;
  aspect-ratio: 1/1;
}
.contact-line .below-text {
  font-size: clamp(2rem, 2.5vw, 4rem);
  letter-spacing: 0.1em;
  font-weight: 300;
}
@media screen and (min-width: 801px) {
  .contact-line {
    flex-direction: row;
    gap: clamp(4rem, 5vw, 7rem);
  }
}

.gre-disclaimer {
  color: #000000;
  text-align: start;
  max-width: 500px;
  margin: 0 auto;
}
.gre-disclaimer a {
  text-decoration: underline !important;
}

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