@charset "UTF-8";
/* -------------------
form(共通)
-----------------------*/
/* フォームの中身 */
.form {
}
.form__box {
  padding: 0 0 20px;
}
.form__box.start {
  padding-bottom: 53px;
}
.form__box.start .form__left {
  margin-bottom: 15px;
}
.form__box:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.form__left {
  width: 100%;
  margin-bottom: 7px;
}
.form__left.form__left--age {
  padding-top: 7px;
}
.form__right {
  width: 100%;
}

.form__item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
}
.form__inputBox {
  position: relative;
}
.form__inputBox.kind .form__inputTxt {
  padding: 11px 20px 7px;
  cursor: pointer;
}
.form__inputBox.kind::after {
  position: absolute;
  display: block;
  content: "";
  top: 43%;
  right: 27px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 6px 0 7px;
  border-color: #231815 transparent transparent transparent;
  pointer-events: none;
}
.form__inputTxt {
  width: 100%;
  padding: 11px 20px 7px;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  border-radius: 4px;
  /* color: #231815; */
  position: relative;
  min-height: 42px;
}

.messege textarea {
  min-height: 185px;
  width: 100%;
  padding: 18px 20px 13px;
  color: #000;
  background-color: #fff;
  font-weight: 500;
  line-height: 1.57;
  border-radius: 4px;
  position: relative;
  word-wrap: break-word;
}

.contact__formBtnLink {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 295px;
  max-height: 48px;
  background-color: #000;
  margin: 0 auto;
  border-radius: 4px;
  transition: all 0.3s;
  position: relative;
  gap: 10px;
}
.form__btn .contact__formBtnLink input {
  padding: 14px 15px 12px;
}

.contact__formBtnLink:after {
  content: "";
  display: block;
  width: 8px;
  height: 7px;
  background: url("../imgs/common/form_arrow_wh.svg") center center / cover no-repeat;
  position: absolute;
  top: 21px;
  right: 24px;
  z-index: 1;
  transition: all 0.3s;
}
.contact__formBtnLink:hover {
  color: #000;
  background-color: #fff;
}
.contact__formBtnLink:hover:after {
  background: url("../imgs/common/form_arrow_black.svg") center center / cover no-repeat;
}
.contact__formBtnLink--back {
  display: none;
}
.recaptcha-text {
  font-size: 11px;
  font-weight: 300;
  text-align: center;
  padding-top: 22px;
  line-height: 1.72;
}

.grecaptcha-badge {
  visibility: hidden;
}

::placeholder {
  color: #c3c3c3;
}
/* 古いGoogle Chromeに対応する記述 */
::-webkit-input-placeholder {
  color: #c3c3c3;
}
/* IE10,IE11に対応する記述 */
:-ms-input-placeholder {
  color: #c3c3c3;
}
/* select {
  color: #C3C3C3;
} */

.mw_wp_form span.error {
  padding-top: 3px;
  font-size: 11px;
}

/* 確認画面 */
/* .mw_wp_form_confirm */
.form__kakuninn {
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 1.57;
}
.mw_wp_form_confirm .form__inputBox {
  font-size: 14px;
  line-height: 1.57;
}
.mw_wp_form_confirm .form__inputBox.kind::after {
  display: none;
}
.mw_wp_form_confirm .form__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
}
.form__btn input {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
}
.mw_wp_form_confirm .form__submits-item--back {
  display: block;
}

/* 完了画面 */
.mw_wp_form.mw_wp_form_complete {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
}
.mw_wp_form_confirm .contact__formBtnLink {
  width: 100%;
  display: block;
}
.mw_wp_form_confirm .contact__formBtnLink.contact__formBtnLink--back:after {
  display: none;
}
.mw_wp_form_confirm .contact__formBtnLink.contact__formBtnLink--back:before {
  content: "";
  display: block;
  width: 8px;
  height: 7px;
  background: url(../imgs/common/form_arrow_wh.svg) center center / cover no-repeat;
  position: absolute;
  top: 21px;
  left: 24px;
  z-index: 1;
  transition: all 0.3s;
  transform: rotate(180deg);
}
.mw_wp_form_confirm .contact__formBtnLink.contact__formBtnLink--back:hover:before {
  background: url(../imgs/common/form_arrow_black.svg) center center / cover no-repeat;
}
.contact_thanks {
  padding-top: 15vw;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
}
.mw_wp_form_complete .contact__text {
  display: none;
}

@media screen and (max-width: 750px) {
  .form__item {
    font-size: 3.733vw;
  }
  .form__box {
    padding: 0 0 5.333vw;
  }
  .form__left {
    margin-bottom: 1.866vw;
  }
  .form__inputBox.kind .form__inputTxt {
    padding: 2.933vw 5.333vw 2.366vw;
  }
  .form__inputBox.kind::after {
    top: 4.8vw;
    border-width: 2.666vw 1.6vw 0 1.866vw;
  }
  .form__inputTxt {
    padding: 2.933vw 5.333vw 2.366vw;
    font-size: 3.733vw;
    border-radius: 1.066vw;
    min-height: 11.2vw;
  }
  .form__box.start {
    padding-bottom: 14.133vw;
  }
  .messege textarea {
    min-height: 49.333vw;
    padding: 4.8vw 5.333vw 3.466vw;
    border-radius: 1.066vw;
  }
  .contact__formBtnLink {
    font-size: 3.733vw;
    max-width: 78.666vw;
    max-height: 12.8vw;
    border-radius: 1.066vw;
    gap: 2.666vw;
  }
  .form__btn .contact__formBtnLink input {
    padding: 3.733vw 4vw 3.2vw;
  }

  .contact__formBtnLink:after {
    width: 2.133vw;
    height: 1.866vw;
    top: 5.6vw;
    right: 6.4vw;
  }
  .mw_wp_form_confirm .contact__formBtnLink.contact__formBtnLink--back:before {
    width: 2.133vw;
    height: 1.866vw;
    top: 5.6vw;
    left: 6.4vw;
  }
  .recaptcha-text {
    font-size: 2.933vw;
    padding-top: 5.866vw;
  }

  .mw_wp_form span.error {
    padding-top: 0.8vw;
    font-size: 2.933vw;
  }

  .form__btn input {
    padding: 2.666vw;
  }

  .form__kakuninn {
    font-size: 3.733vw;
    margin-bottom: 8vw;
  }

  .mw_wp_form_confirm .form__inputBox,
  .mw_wp_form_confirm .messege {
    font-size: 3.733vw;
  }

  /* 完了画面 */
  .mw_wp_form.mw_wp_form_complete {
    font-size: 3.733vw;
  }
  .contact_thanks {
    font-size: 3.733vw;
  }
}