/* フォーム用 モーダル */

/* デザインデータより 2割サイズダウン */
.p-modalAlert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99;
  background-color: rgba(180, 180, 180, 0.7);
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}
.p-modalAlert__container {
  align-items: center;
  justify-content: center;
  flex-flow: column;
  background-color: rgba(0, 0, 0, 0.7);
  width: 33.75rem;
  height: 18.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-modalAlert__container {
    width: calc(100% - 10.94vw);
    height: 50vw;
  }
}
.p-modalAlert__title,
.p-modalAlert__text {
  color: #ffffff;
  text-align: center;
}
.p-modalAlert__title {
  font-weight: 700;
  font-size: 1.75rem;
  margin-bottom: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-modalAlert__title {
    font-size: 5.9vw;
    margin-bottom: 3.85vw;
  }
}
.p-modalAlert__text {
  font-size: 1.15rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-modalAlert__text {
    font-size: 3.59vw;
  }
}
.p-modalAlert__close {
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  background-color: #ffffff;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-modalAlert__close {
    width: 8.21vw;
    height: 8.21vw;
    border-radius: 8.21vw;
    top: 2.56vw;
  }
}
.p-modalAlert__close::before,
.p-modalAlert__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.225rem;
  /* 棒の幅（太さ） */
  height: 1.5rem;
  /* 棒の高さ */
  background: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 767px) {
  .p-modalAlert__close::before,
  .p-modalAlert__close::after {
    width: 0.5vw;
    /* 棒の幅（太さ） */
    height: 4.1vw;
    /* 棒の高さ */
  }
}
.p-modalAlert__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-modalAlert__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-form__bar__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.p-form__bar__item {
  background-color: #f2edea;
  color: #000;
  width: 31.8%;
  position: relative;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 700;
  padding: 0.3125rem 0;
}
@media screen and (max-width: 767px) {
  .p-form__bar__item {
    font-size: 3.59vw;
    padding: 2.56vw 0 2.56vw 2.56vw;
  }
}
.p-form__bar__item.active {
  background-color: #7a3b29;
  color: #ffffff;
}
.p-form__bar__item::before {
  content: "";
  background: #ffffff;
  height: 100%;
  width: 1.25rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-form__bar__item::before {
    width: 3.85vw;
    left: -1px;
  }
}
.p-form__bar__item:first-child::before {
  display: none;
}
.p-form__bar__item::after {
  content: "";
  background: #f2edea;
  height: 100%;
  width: 1.25rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 0;
  right: -1.2rem;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .p-form__bar__item::after {
    width: 3.85vw;
    right: -3.75vw;
  }
}
.p-form__bar__item:last-child::after {
  display: none;
}
.p-form__bar__item.active::after {
  background: #7a3b29;
}
.p-form__bar__item span {
  padding-right: 0.625rem;
}

@media screen and (max-width: 767px) {
  .p-form__bar__item span {
    padding-right: 0.625rem1.28vw;
  }
}

.p-form .p-tbl {
  width: 100%;
}

.p-form__btn {
  width: 26.25rem;
  position: relative;
  background-color: #081baa;
  border-radius: 0.625rem;
}

@media screen and (max-width: 767px) {
  .p-form__btn {
    width: 100%;
  }
}

.p-form__btns {
  display: flex;
  justify-content: center;
}

.mw_wp_form_confirm .p-form__btns {
  justify-content: space-between;
  margin: 0 3.125rem;
}

@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .p-form__btns {
    display: block;
    margin: 0;
  }
  .mw_wp_form_confirm .p-form__btns > * + * {
    margin-top: 3.85vw;
  }
}

.mw_wp_form_input .p-form__btn.back {
  display: none;
}

.p-form__btn::before {
  content: "";
  background: #ffffff;
  height: 0.75rem;
  width: 0.5rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  z-index: 9;
  right: 1.25rem;
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .p-form__btn::before {
    height: 3.08vw;
    width: 2.05vw;
    right: 5.13vw;
  }
}

.p-form__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ffffff;
  border-radius: 0.625rem;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  pointer-events: none;
}

.p-form__btn.back::before {
  right: auto;
  left: 1.25rem;
  transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 767px) {
  .p-form__btn.back::before {
    right: auto;
    left: 5.13vw;
  }
}

.p-form__btn input {
  width: 100%;
  font-size: 1.25rem;
  padding: 1.5625rem 0;
  background: none;
}
@media screen and (max-width: 767px) {
  .p-form__btn input {
    font-size: 5.13vw;
    padding: 6.41vw 0;
  }
}
.mw_wp_form_confirm .p-form__item .p-form__icon {
  display: none;
}
@media screen and (max-width: 767px) {
  .mw_wp_form_confirm .p-form__tblTd {
    margin-bottom: 5.47vw;
    font-size: 4.62vw;
    padding: 3.85vw;
    background-color: #f7f7f7;
  }
  .mw_wp_form_confirm .p-form__tblTd.satei {
    background: none;
    padding: 0;
  }
  .mw_wp_form_confirm .p-form__tblTd.satei .p-form__item {
    background-color: #f7f7f7;
    padding: 3.85vw;
  }
}

.p-form__btn.no_action {
  cursor: not-allowed;
  pointer-events: none;
}

.p-form__btn.no_action,
.p-form__btn.back {
  background-color: #e9eaf0;
}
.p-form__btn.no_action::before,
.p-form__btn.back::before {
  background: #000000;
}
.p-form__btn.no_action input,
.p-form__btn.back input {
  color: #000;
}

@media screen and (max-width: 767px) {
  .p-message {
    padding: 7.81vw 0;
  }
  .p-entry__body h2 {
    font-size: 4.62vw;
  }
  .p-entry__body .entry_txt {
    font-size: 3.59vw;
  }
}