@charset "UTF-8";
/* ==============

form.scss

 ============== */
/* form */
.contactform {
  text-align: center;
  min-height: 400px;
  background-color: white;
  border-radius: 1rem;
  padding: 2rem;
}
.contactform dl {
  margin-bottom: 2.5rem;
}
.contactform dt,
.contactform dd {
  text-align: left;
}
.contactform dt {
  padding-bottom: 10px;
  font-weight: 600;
  color: #4c371f;
  font-size: 1.1rem;
  line-height: 1.5;
}
.contactform dt::before {
  content: "■ ";
  color: #4c371f;
}
.contactform dt p.notice {
  margin: 0.5rem 0;
}
.contactform dd {
  padding: 1px;
  font-size: 1rem;
}
.contactform input.wpcf7-text {
  padding: 10px;
  width: 100%;
}
.contactform .style_radiobutton label {
  margin-right: 2rem;
}
.contactform textarea.wpcf7-textarea {
  padding: 10px;
  width: 100%;
  max-height: 150px;
}
.contactform .button input {
  margin: 1rem auto 1.5rem auto;
  font-weight: 600;
  font-size: 1rem;
  border: 0 solid #a49687;
}
.contactform .button {
  text-align: center;
}
.contactform .button .wpcf7-spinner {
  display: block;
}
.contactform .button input.wpcf7-submit {
  padding: 1.25rem 2.5rem;
  min-width: 260px;
  background-color: #a49687;
  color: white;
  cursor: pointer;
  border-radius: 10px;
}
.contactform .button:hover input {
  background-color: #d29758;
}

@media screen and (max-width: 767px) {
  .contactform {
    padding: 1.5rem 1rem;
  }
}
/* 個人情報 */
.contactform .privacy_agreement {
  background-color: white;
  padding: 2rem 1.5rem;
  border: 1px solid #ddd;
  overflow: auto;
  height: 300px;
  margin: 0 auto;
}
.contactform .privacy_agreement h3 {
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
}
.contactform .privacy_agreement h4 {
  font-size: 1rem;
  text-align: left;
  margin-top: 1rem;
}
.contactform .privacy_agreement p {
  font-size: 0.9rem;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .contactform .privacy_agreement {
    padding: 1.5rem 1rem;
  }
}
.thanxpage {
  padding: 6rem 0 8rem 0;
}
.thanxpage h3 {
  font-weight: 800;
  font-size: 1.6rem;
  text-align: center;
  margin: 1rem auto;
}
.thanxpage p {
  font-weight: 600;
  font-size: 1.1rem;
  text-align: center;
}

@media screen and (max-width: 1079px) {
  .thanxpage {
    padding: 4rem 1rem 6rem 1rem;
  }
  .thanxpage h3 {
    font-size: 1.4rem;
  }
  .thanxpage p {
    font-size: 1rem;
  }
}

.wpcf7 form .wpcf7-response-output {
  border: none !important;
}

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