@font-face {
  font-family: "Noto Sans JP";
  src: url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2 supports variations"), url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 400 500 600 700;
}
.gre-disclaimer {
  color: #707070;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.gre-disclaimer a {
  text-decoration: underline !important;
}

header {
  background-color: #F4F4F4;
}

.contact-main .h2-title-group {
  margin: clamp(60px, 6vw, 100px) auto clamp(60px, 10vw, 110px);
}
.contact-main .h2-title-group h3 {
  font-size: clamp(18px, 2vw, 24px);
  margin-bottom: 0.5em;
}
.contact-main .h2-title-group h2 {
  margin-bottom: 0;
  font-size: clamp(40px, 9vw, 100px);
  color: #F4F4F4;
}

section.contact {
  align-items: center;
  margin: clamp(60px, 8vw, 100px) auto clamp(160px, 15vw, 230px) auto;
  width: clamp(100px, 92%, 1200px);
}
section.contact .contact-row {
  width: 100%;
  display: flex;
  font-size: clamp(12px, 1.5vw, 16px);
  margin-bottom: 2.4em;
  background-color: #EDEDED;
}
section.contact .contact-row .label,
section.contact .contact-row .contents {
  box-sizing: border-box;
  font-size: clamp(10px, 1.5vw, 16px);
}
section.contact .contact-row .label {
  padding: 1em 1em 1em 1em;
  width: 33%;
  background-color: #888888;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  line-height: 120%;
}
section.contact .contact-row .contents {
  background-color: #ffffff;
  width: 67%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
section.contact .contact-row .contents input[type=text],
section.contact .contact-row .contents input[type=email],
section.contact .contact-row .contents input[type=tel],
section.contact .contact-row .contents input[type=number],
section.contact .contact-row .contents input[type=date],
section.contact .contact-row .contents textarea {
  font-size: 1em;
  font-weight: 500;
  box-sizing: border-box;
  padding: 1em 1em 1em 1em;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: unset;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #000000;
  background-color: #ffffff;
}
section.contact .contact-row .contents input[type=text]:focus,
section.contact .contact-row .contents input[type=email]:focus,
section.contact .contact-row .contents input[type=tel]:focus,
section.contact .contact-row .contents input[type=number]:focus,
section.contact .contact-row .contents input[type=date]:focus,
section.contact .contact-row .contents textarea:focus {
  color: #000000;
  outline: 1px solid #61CB65;
}
section.contact .contact-row .contents input[type=text]::placeholder, section.contact .contact-row .contents input[type=text]::-moz-placeholder, section.contact .contact-row .contents input[type=text]::-webkit-input-placeholder,
section.contact .contact-row .contents input[type=email]::placeholder,
section.contact .contact-row .contents input[type=email]::-moz-placeholder,
section.contact .contact-row .contents input[type=email]::-webkit-input-placeholder,
section.contact .contact-row .contents input[type=tel]::placeholder,
section.contact .contact-row .contents input[type=tel]::-moz-placeholder,
section.contact .contact-row .contents input[type=tel]::-webkit-input-placeholder,
section.contact .contact-row .contents input[type=number]::placeholder,
section.contact .contact-row .contents input[type=number]::-moz-placeholder,
section.contact .contact-row .contents input[type=number]::-webkit-input-placeholder,
section.contact .contact-row .contents input[type=date]::placeholder,
section.contact .contact-row .contents input[type=date]::-moz-placeholder,
section.contact .contact-row .contents input[type=date]::-webkit-input-placeholder,
section.contact .contact-row .contents textarea::placeholder,
section.contact .contact-row .contents textarea::-moz-placeholder,
section.contact .contact-row .contents textarea::-webkit-input-placeholder {
  color: #A5A5A5;
}
section.contact .contact-row .contents p {
  background-color: #ffffff;
}
section.contact .contact-row .contents textarea {
  min-height: clamp(280px, 50vw, 470px);
}
section.contact .contact-row .contents .wpcf7-not-valid-tip {
  padding-left: 2em;
}
@media screen and (min-width: 801px) {
  section.contact {
    width: clamp(100px, 84.6%, 1200px);
  }
  section.contact .contact-row .label {
    width: 25%;
    padding: 2em 1em 2em 2em;
  }
  section.contact .contact-row .contents {
    width: 75%;
  }
  section.contact .contact-row .contents input[type=text],
section.contact .contact-row .contents input[type=email],
section.contact .contact-row .contents input[type=tel],
section.contact .contact-row .contents input[type=number],
section.contact .contact-row .contents input[type=date] {
    padding: 2em 1em 2em 2em;
  }
  section.contact .contact-row .contents textarea {
    padding: 2em 1em 3em 2em;
  }
}

.submit-container {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  margin: clamp(40px, 10vw, 100px) auto 0;
}
.submit-container p {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.submit-btn {
  width: 100%;
  appearance: unset;
  background-color: #EF8348;
  color: #ffffff;
  border: unset;
  border-radius: 2.5em;
  text-align: center;
  box-sizing: border-box;
  padding: 2em 2em;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 100%;
  cursor: pointer;
}
.submit-btn:hover {
  opacity: 0.7;
}

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