/*
* contact.css
*
*/
/* --------------------------------
   contact
-------------------------------- */
.contact {
  padding-bottom: 110px;
}
@media (max-width: 767.98px) {
  .contact {
    padding: 0 7.2vw 25.33333vw;
  }
}

.confirm {
  padding-bottom: 110px;
}
@media (max-width: 767.98px) {
  .confirm {
    padding: 0 7.2vw 25.33333vw;
  }
}

.complete {
  padding-bottom: 110px;
}
@media (max-width: 767.98px) {
  .complete {
    padding: 0 7.2vw 25.33333vw;
  }
}
.complete .form {
  padding: 110px 10.6%;
  background: url(/assets/img/bg_texture.jpg) left top/200px 200px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .complete .form {
    padding: 8.8vw 6.4vw;
  }
}

.mw_wp_form form {
  padding: 48px 10.6%; 
  background: url(/assets/img/bg_texture.jpg) left top/200px 200px;
}
@media (max-width: 767.98px) {
  .mw_wp_form form {
    padding: 8.8vw 7.46667vw;
  }
}

.mw_wp_form button {
  border: none !important;
}

input[name="subject"] {
  display: none;
}
input[name="subject"]:checked + span::before {
  border-color: #2c3967;
}
input[name="subject"]:checked + span::after {
  background: #2c3967;
}

.mwform-radio-field-text {
  display: block;
  position: relative;
  padding-left: 20px;
  letter-spacing: 0.1rem; 
  color: #2e2e2e;
  font-size: 14px;
}
@media (max-width: 767.98px) {
  .mwform-radio-field-text {
    padding-left: 5.33333vw;
    letter-spacing: 0; 
    font-size: 3.73333vw;
  }
}
.mwform-radio-field-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 2px solid #747474;
  border-radius: 50%; 
  width: 14px;
  height: 14px;
}
@media (max-width: 767.98px) {
  .mwform-radio-field-text::before {
    border: 0.53333vw solid #747474; 
    width: 3.73333vw;
    height: 3.73333vw;
  }
}
.mwform-radio-field-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  margin: auto;
  margin: auto; 
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
@media (max-width: 767.98px) {
  .mwform-radio-field-text::after {
    left: 1.06667vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}

.mwform-radio-field + .mwform-radio-field {
  display: block;
  margin-top: 10px;
}
@media (max-width: 767.98px) {
  .mwform-radio-field + .mwform-radio-field {
    margin-top: 3.2vw;
  }
}

.mw_wp_form_confirm .form-content_inner {
  padding: 24px;
  background: rgba(255, 255, 255, 0.8);
}
.mw_wp_form_confirm .form-content_inner:nth-of-type(2) {
  padding-top: 0;
}

.mw_wp_form_confirm .form-notes {
  display: none;
}

.mw_wp_form_confirm .form-index {
  margin-bottom: 0;
  font-weight: bold;
}

.mw_wp_form_confirm .form-item {
  padding-bottom: 17px;
  border-bottom: 1px solid #ede2d6;
}
@media (max-width: 767.98px) {
  .mw_wp_form_confirm .form-item {
    font-size: 3.73333vw;
  }
}
.mw_wp_form_confirm .form-item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.mw_wp_form_confirm .form-item.-radio {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 17px;
  padding-left: 0;
  border-bottom: 1px solid #ede2d6; 
  background: none;
}

.contact-btn_wrap {
  text-align: center;
}

.error {
  color: #a44141;
  font-size: 12px;
}

/* components ---------------------- */
.contact-btn_wrap {
  width: 240px;
}
.contact .contact-btn_wrap {
  margin: auto;
}
@media (max-width: 767.98px) {
  .contact-btn_wrap {
    padding: 0 8vw;
    width: 100%;
  }
}
.contact-btn_wrap + .contact-btn_wrap {
  margin-left: 8px;
}
@media (max-width: 767.98px) {
  .contact-btn_wrap + .contact-btn_wrap {
    margin-bottom: 2.66667vw;
    margin-left: 0;
  }
}
.contact-btn_wrap .c-btn {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-btn_wrap .c-btn {
    font-weight: normal;
  }
}
@media (max-width: 767.98px) {
  .contact-btn_wrap .c-btn {
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw;
    border-radius: 2.66667vw;
    font-size: 3.2vw;
  }
  .contact-btn_wrap .c-btn::before {
    right: 3.73333vw; 
    border-width: 0.4vw;
  }
}
.contact-btn_wrap .c-btn.-back {
  border: none; 
  background: #969696;
}
.contact-btn_wrap .c-btn.-back::before {
  right: auto;
  left: 22px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media (max-width: 767.98px) {
  .contact-btn_wrap .c-btn.-back::before {
    right: auto; 
    left: 5.86667vw;
  }
}

.complete .c-btn {
  padding: 16px 50px;
}
@media (min-width: 768px) {
  .complete .c-btn {
    font-weight: normal;
  }
}
@media (max-width: 767.98px) {
  .complete .c-btn {
    padding: 2.66667vw 10.66667vw;
    border-radius: 2.66667vw;
    font-size: 3.2vw;
  }
  .complete .c-btn::before {
    right: 3.73333vw; 
    border-width: 0.4vw;
  }
}