@charset "UTF-8";
/* -------------------
form(共通)
-----------------------*/

.faq__list {
}
.from-wrap {
  padding-top: 100px;
  width: 100%;
  max-width: 914px;
  margin: 0 auto;
}
/* フォームの中身 */
.form {
  margin-bottom: clamp(40px, 13.33vw, 70px);
}
.form__box {
  padding: 0 0 24px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.form__box.noflex {
  padding-bottom: 35px;
  display: block;
}
.form__box.start {
  align-items: flex-start;
}
.form__box.start .form__left {
  margin-bottom: 15px;
}
.form__box.noflex .form__left {
  margin-bottom: 20px;
}

.form__box:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.form__left {
  width: 230px;
}
.form__left.form__left--age {
  padding-top: 7px;
}
.form__right {
  width: calc(100% - 230px - 12px);
}

.form__right {
  max-width: 556px;
}
.form__company .form__right {
  max-width: 470px;
}
.form__name .form__right {
  max-width: 346px;
}

.form__item {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.form__item.lh {
  line-height: 1.5625;
}
/* .form__itemReq {
  margin-top: 3px;
  display: block;
  width: fit-content;
  padding: 0 6px;
  background: #08abca;
  border-radius: 5px;
  font-size: clamp(12px, 1.87vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
} */
.form__itemDn {
  margin-top: 2px;
  display: block;
  width: fit-content;
  padding: 0 18px;
  background: #ffec00;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #0f66a3;
}
.form__itemChoose {
  margin: 10px 0 0;
  display: block;
  width: fit-content;
  padding: 0 6px;
  background: #08abca;
  border-radius: 5px;
  font-size: clamp(12px, 1.87vw, 15px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #fff;
}
.form__inputBox {
  position: relative;
}
.form__inputBox--name {
  max-width: 346px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5%;
}

.form__inputBox.job .form__inputTxt {
  cursor: pointer;
}
.form__inputBox.job::after {
  position: absolute;
  display: block;
  content: "";
  top: 43%;
  right: 10px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #231815 transparent transparent transparent;
  pointer-events: none;
}
.form__inputTxt {
  width: 100%;
  padding: 5px 15px;
  border: 1px solid #ffffff;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.38;
  position: relative;
  min-height: 42px;
  border-radius: 5px;
}
.form__inputTxt input {
  color: #231815;
}

.form__age {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mw_wp_form .form__age span.error {
  width: 200px;
}
.error-age span.error {
  position: unset;
  padding-top: 5px;
}

.form__ageTxt {
  font-size: clamp(14px, 1.87vw, 20px);
  margin-left: 15px;
}

.form__addressBox {
  margin-bottom: 25px;
}
.form__addressBox:last-child {
  margin-bottom: 0;
}
.form__addressSpan {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
}
.form__addressBox.half {
  width: 247px;
}
.form__check {
  display: flex;
  align-items: center;
  /* justify-content: flex-start; */
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  min-height: 50px;
  font-size: clamp(14px, 1.87vw, 20px);
}
.mwform-checkbox-field.horizontal-item {
  width: 40%;
}
.mwform-checkbox-field.horizontal-item:nth-child(2) {
  width: 270px;
}
.mwform-checkbox-field.horizontal-item:nth-child(3) {
  width: 110px;
}
.mwform-checkbox-field.horizontal-item:nth-child(4) {
  width: 270px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.form__row--type03 {
  margin-bottom: 50px;
}
.check__text {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  line-height: 1.75;
  color: #fff;
}

.decoration__link {
  display: inline;
  text-decoration: underline;
  color: #fff;
}
.decoration__link:hover {
  opacity: 0.7;
}
.mw_wp_form .error {
  color: #ff4444 !important;
}

/* ボタンカスタム*/
.check_btn td {
  margin-top: 10px;
}
.check_btn input[type="checkbox"].check_btn_item {
  display: none;
}
.check_btn label {
  display: inline-block;
}
.check_btn .check_btn_item + span {
  padding-left: 22px;
  display: inline-block;
  position: relative;
  font-size: clamp(14px, 1.87vw, 20px);
  font-weight: 600;
}
.check_btn .check_btn_item + span::after,
.check_btn .check_btn_item + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
}
.check_btn .check_btn_item + span::before {
  background-color: #fff;
  border: 1px solid #000000;
  border-radius: 50%;
  left: 0;
  height: 15px;
  width: 15px;
}
.check_btn .check_btn_item + span::after {
  border: none;
  background: #3e3e3e;
  height: 10px;
  top: 7.5px;
  left: 2.5px;
  opacity: 0;
  border-radius: 50%;

  width: 10px;
}
.check_btn .check_btn_item:checked + span::after {
  opacity: 1;
}

.form__checkBtn {
  /* display: block; */
  margin-right: 30px;
  font-weight: 400;
  line-height: 2.1875;
}
.form__box.noflex .form__right {
  max-width: 100%;
  width: 100%;
}
.messege {
  min-height: 237px;
  /* position: relative; */
}
.messege textarea {
  min-height: 247px;
  width: 100%;
  padding: 5px 15px;
  background-color: #fff;
  font-weight: 600;
  line-height: 1.38;
  border-radius: 5px;
  position: relative;
}

/* #placeholder {
  opacity: .7;
  position: absolute;
  top: 15px;
  left: 15px;
  /* z-index: -1
}
#placeholder.none {
  display: none;
} */

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

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

/* .preview__text {
  display: none;
  font-size: 25px;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.08em;
} */
.form__privacy {
  margin-bottom: 40px;
  font-size: clamp(18px, 2.67vw, 20px);
  font-weight: 500;
  text-align: center;
}
.contact__formBtnLink {
  margin: 0;
  font-size: clamp(14px, 1.111vw, 16px);
  font-weight: 400;
  color: #1c3da0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 308px;
  height: 60px;
  background-color: #deeaf2;
  border: #deeaf2 solid 1px;
  margin: 0px auto;
  border-radius: 999px;
  transition: 0.3s;
  position: relative;
  gap: 10px;
}
.contact__formBtnLink:hover {
  background-color: #1c3da0;
  color: #deeaf2;
}
.contact__formBtnLink::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 5px;
  height: 10px;
  background: url(../imgs/common/anc.png) no-repeat center center/contain;
}

.contact__formBtnLink:hover::after {
  background: url(../imgs/common/anc-white.png) no-repeat center center/contain;
}

.contact__formBtnLink.contact__formBtnLink--back::after {
  right: auto;
  left: 20px;
  transform: translateY(-50%) rotate(180deg);
}

input.form__submits-item {
  /* width: 100%;
  max-width: 400px;
  font-size: clamp(18px, 1.736vw, 25px);
  font-weight: 500;
  line-height: 1.87;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  max-height: 70px;
  background-color: #000;
  border: #fff solid 2px;
  padding: 24px;
  margin: 0px auto;
  border-radius: 999px;
  transition: 0.3s;
  position: relative; */
}
.contact__formBtnLink--back {
  display: none;
}
.form__kakuninn {
  display: none;
}

.tel__text {
  padding-top: 10px;
  margin-bottom: 35px;
  font-size: 12px;
  line-height: 1.75;
  color: #fff;
}

/* 確認画面 */
/* .mw_wp_form_confirm */
.mw_wp_form_confirm .from-wrap {
  padding-top: 50px;
}
.mw_wp_form_confirm .from-wrap {
  padding-top: 20px;
}
.mw_wp_form_confirm .form__kakuninn {
  padding-top: 20px;
  display: block;
  font-size: clamp(14px, 1.11111vw, 16px);
  text-align: center;
  margin-bottom: 80px;
  line-height: 1.75;
  color: #fff;
}

.mw_wp_form_confirm .form__inputBox {
  color: #fff;
  font-size: 14px;
}
.mw_wp_form_confirm .form__right.half {
  width: 55px;
}
.mw_wp_form_confirm .form__inputBox.job::after {
  display: none;
}
.mw_wp_form_confirm .form__check {
  display: block;
  padding-top: 3px;
}

.mw_wp_form_confirm .form__age {
  padding-top: 11px;
}
.mw_wp_form_confirm .messege {
  padding-top: 3px;
  min-height: 0;
  color: #fff;
}

.mw_wp_form_confirm .tel__text {
  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 .contact__formBtnLink {
  margin: 0;
  width: 45%;
}
.mw_wp_form_confirm .contact__formBtnLink--back {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mw_wp_form_confirm .form__submits-item--back {
  display: block;
}

/* 完了画面 */
.mw_wp_form.mw_wp_form_complete {
  margin-bottom: 50px;
  text-align: center;
  font-size: clamp(14px, 1.11111vw, 16px);
  line-height: 1.75;
  color: #fff;
}
.mw_wp_form_confirm .contact__formBtnLink {
  width: 100%;
}

/* .form__btn:hover {
  transform: translate(1.5px, 1.5px);
  box-shadow: none;
} */

@media screen and (max-width: 750px) {
  .from-wrap {
    padding-top: 30px;
  }
  .form__box {
    display: block;
    padding: 10px 0 15px;
  }
  .form__left {
    width: 100%;
  }
  .form__item {
    margin-bottom: 5px;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
  }
  .form__left {
    margin-bottom: 5px;
  }
  .form__right {
    width: 100%;
  }
  .form__right.half {
    width: 100%;
    min-width: auto;
  }
  .form__inputTxt {
    min-height: 35px;
  }
  .form__addressBox {
    margin-bottom: 15px;
  }
  .form__addressBox.half {
    width: 100%;
  }
  .form__privacy {
    font-size: 16px;
  }
  .mw_wp_form_confirm .form__btn {
    gap: 3%;
  }
  .messege,
  .messege textarea {
    min-height: 160px;
  }
  .contact__formBtnLink {
    min-height: 50px;
  }
  .form__btnArrow {
    width: 15px;
    top: 33%;
  }

  .form__check {
    margin-left: 5px;
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  .mwform-checkbox-field.horizontal-item {
    width: 100%;
  }
  .form__box.noflex .form__left {
    margin-bottom: 5px;
  }
  .form__box.form__tel {
    padding-bottom: 7px;
  }
  .tel__text {
    padding-top: 0;
    margin-bottom: 24px;
    font-size: 11px;
  }

  /* 確認画面 */
  .mw_wp_form_confirm .form__kakuninn {
    margin-bottom: 80px;
  }
  .mw_wp_form_confirm .form__age {
    padding-top: 0;
  }
  .mw_wp_form_confirm .form__check {
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  .mw_wp_form_confirm .form__btn {
    margin: 0 auto;
    max-width: 350px;
    flex-direction: column;
    gap: 10px 0;
  }

  .contact__formBtnLink {
    height: 50px;
  }
}