@charset "UTF-8";
.contact {
  width: 60%;
  padding: 3% 5% 5%;
  margin: auto;
  background-color: #f1f5fb;
}
@media screen and (min-width: 768px) {
  .contact {
    min-width: 650px;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    font-size: 95%;
    padding: 6% 5% 10%;
    width: 94%;
  }
}
.contact h1 {
  color: #113c70;
  font-size: 320%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
  .contact h1 {
    margin-top: 5%;
    font-size: 170%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .contact h1 {
    font-size: 260%;
  }
}
.contact .info {
  padding: 5%;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .contact .info {
    padding: 5% 0;
  }
}
@media screen and (max-width: 767px) {
  .contact .wpcf7-not-valid-tip {
    font-size: 70%;
  }
}
.contact .confirm-info {
  padding: 3% 0 8%;
  font-weight: bold;
  text-align: center;
  font-size: 165%;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .contact .confirm-info {
    font-size: 112%;
  }
}
.contact .contact-thanks-title {
  padding: 5% 0 5%;
  font-weight: bold;
  text-align: center;
  color: #113c70;
  font-size: 165%;
}
@media screen and (max-width: 767px) {
  .contact .contact-thanks-title {
    font-size: 112%;
  }
}
.contact .contact-thanks-info {
  padding: 5% 0 30%;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .contact .contact-thanks-info {
    font-size: 95%;
  }
}
.contact .terms {
  padding: 0% 5% 3%;
  border: 1px solid;
  line-height: 160%;
  overflow-y: scroll;
  height: 200px;
  background-color: white;
}
.contact .terms h2 {
  font-weight: bold;
  margin: 3% 0 2%;
}
.contact .consent-area {
  padding: 5% 0 2%;
  font-weight: bold;
}
.contact .input-one-area {
  width: 100%;
  padding: 2% 0 4%;
}
@media screen and (max-width: 767px) {
  .contact .input-one-area {
    padding: 4% 0 8%;
  }
}
.contact .input-one-area .label {
  font-weight: bold;
  padding-bottom: 10px;
}
.contact input {
  border: 1px solid;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  background-color: white;
}
.contact textarea {
  border: 1px solid;
  width: 100%;
/*   margin-top: -20px; */
  padding: 10px;
  background-color: white;
}
.contact .cofirm {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.contact .submit {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .contact .submit {
    width: 40%;
  }
}
.contact .submit input {
  background-color: grey;
  color: white;
  text-align: center;
  margin: 3% 0;
  width: 160px;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .contact .submit input {
    width: 100%;
  }
}
.contact .submit input:hover {
  background-color: white;
  color: grey;
  border: 1px solid grey;
}
.contact .wpcf7-spinner {
  display: none;
}
.contact .previous {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .contact .previous {
    width: 40%;
  }
}
.contact .previous input {
  width: 160px;
  background-color: #7cc973;
  color: white;
  text-align: center;
  margin: 3% 0;
  transition: all 0.5s;
}
@media screen and (max-width: 767px) {
  .contact .previous input {
    width: 100%;
  }
}
.contact .previous input:hover {
  background-color: white;
  color: #7cc973;
  border: 1px solid #7cc973;
}
.contact .form-area .required {
  color: #c95050;
  margin-left: 10px;
}
.contact .form-area .contact-type .wpcf7-list-item {
  display: flex;
}
.contact .form-area .contact-type .wpcf7-list-item label {
  display: flex;
  align-items: center;
}
.contact .form-area .contact-type .wpcf7-list-item label input {
  margin-right: 10px;
  width: 20px;
}
.contact .form-area .other-reason-area {
  padding: 0 40px;
  width: 60%;
}
.contact .form-area .other-reason-area-confirm {
  margin-top: 20px;
}
.contact .form-area .wpcf7-not-valid-tip {
  margin-top: 10px;
}
.contact .form-area .input-tel input {
  width: 25%;
  background-color: white;
}
.contact .form-area .input-tel .wpcf7-form-control-wrap {
  position: relative;
}
.contact .form-area .input-tel .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -40px;
  left: 0;
}
.contact .form-area .input-zip input {
  width: 40%;
}
.contact .form-area .input-pref {
  width: 180px;
}
.contact .form-area .input-pref .wpcf7-form-control-wrap {
  position: relative;
}
.contact .form-area .input-pref .wpcf7-form-control-wrap::after {
  pointer-events: none; /*矢印部分をクリックを可能にする*/
  position: absolute;
  color: #666666;
  top: 50%;
  right: 5%;
  transform: translateY(-50%); /*▼を上に移動*/
  content: "▼";
}
.contact .form-area .input-pref .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -40px;
  left: 0;
}
.contact .form-area .input-pref select {
  width: 100%;
  padding: 6px 0px 6px 8px;
  border: 1px solid;
  width: 100%;
  background-color: white;
  height: 35px;
}

#autozip {
  display: none !important;
}

.contact-form .form-area {
  display: none;
}
.contact-form .form-area .submit {
  text-align: center;
  margin: 8% auto 2%;
  justify-content: center;
}

.contact-confirm .input p {
  white-space: pre-wrap;
}
.contact-confirm .submit-area {
  width: 60%;
  margin: 8% auto 2%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .contact-confirm .submit-area {
    width: 100%;
  }
}

.link {
  text-decoration: underline;
}