@charset "UTF-8";
/* 入力画面と完了画面では「戻る」ボタンの枠を非表示 */
.mw_wp_form_input .btnRound.back,
.mw_wp_form_complete .btnRound.back {
  display: none;
}

.mw_wp_form_confirm .btnRound.back {
  display: flex;
}

.contact_msg_hidden {
  display: none !important;
}

.mw_wp_form .error {
  white-space: nowrap;
}

.secForm {
  background: #F8F8F8;
  padding-bottom: 148px;
}
.secForm .secTitle {
  padding: 45px 0;
}
.secForm .secFormContainer {
  background: #ffffff;
  padding: 80px;
}

@media screen and (max-width: 767px) {
  .secForm {
    padding-bottom: 80px;
  }
  .secForm .secFormContainer {
    padding: 20px;
  }
  .secForm .secTitle {
    padding: 60px 0 30px;
  }
}
.secContact .contactList {
  display: flex;
  flex-direction: column;
}
.secContact .contactItem {
  display: grid;
  grid-template-columns: 70px 130px 1fr;
  align-items: center;
  padding: 12px 0;
}
.secContact .ano {
  font-size: 12px;
}
.secContact .contactBadge {
  color: #b02323;
  font-size: 13px;
}
.secContact .contactLabel {
  color: #707070;
  font-size: 13px;
}
.secContact .mwform-checkbox-field-text {
  font-size: 13px;
  position: relative;
  top: -2px;
}
.secContact .contactInput {
  color: #707070;
  font-size: 13px;
}
.secContact .contactInput input[type=text],
.secContact .contactInput input[type=email],
.secContact .contactInput input[type=tel],
.secContact .contactInput select,
.secContact .contactInput textarea,
.secContact .contactInput .hasDatepicker {
  width: 100%;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  padding: 10px 15px;
  color: #707070;
}
.secContact .contactInput input[type=text]::-moz-placeholder, .secContact .contactInput input[type=email]::-moz-placeholder, .secContact .contactInput input[type=tel]::-moz-placeholder, .secContact .contactInput select::-moz-placeholder, .secContact .contactInput textarea::-moz-placeholder, .secContact .contactInput .hasDatepicker::-moz-placeholder {
  color: #cccccc;
}
.secContact .contactInput input[type=text]::placeholder,
.secContact .contactInput input[type=email]::placeholder,
.secContact .contactInput input[type=tel]::placeholder,
.secContact .contactInput select::placeholder,
.secContact .contactInput textarea::placeholder,
.secContact .contactInput .hasDatepicker::placeholder {
  color: #cccccc;
}
.secContact .contactInput textarea {
  height: 150px;
}
.secContact .contactInput select,
.secContact .contactInput .hasDatepicker {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23cccccc' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 10px 6px;
}
.secContact .contactInput .venueInput {
  height: -moz-fit-content;
  height: fit-content;
  resize: none;
}
.secContact .contactInput .venueInput,
.secContact .contactInput .landInput {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  pointer-events: none;
}
.secContact .postCodeWrap {
  display: flex;
  align-items: center;
}
.secContact .postCodeWrap input {
  max-width: 250px;
}
.secContact .postNote {
  color: #b02323;
  margin-left: 15px;
  font-size: 12px;
}
.secContact .contactPolicy {
  text-align: left;
}
.secContact .contactPolicy .policyText {
  color: #707070;
  font-size: 13px;
}
.secContact .contactPolicy .policyText a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.secContact .contactPolicy .policyCheck {
  display: inline-block;
  margin-top: 8px;
}
.secContact .btnRound {
  margin: 20px 0;
  width: 242px;
}
.secContact .contactSubmit {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .secContact {
    padding: 0px 0;
  }
  .secContact .secContactIn {
    padding: 0 15px;
  }
  .secContact .contactItem {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 10px 5px;
    padding: 15px 0;
  }
  .secContact .contactBadge {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 14px;
  }
  .secContact .contactLabel {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 14px;
  }
  .secContact .contactInput {
    grid-column: 1/3;
    grid-row: 2/3;
    font-size: 14px;
  }
  .secContact .contactInput input[type=text],
  .secContact .contactInput input[type=email],
  .secContact .contactInput input[type=tel],
  .secContact .contactInput select,
  .secContact .contactInput textarea {
    padding: 8px 10px;
  }
  .secContact .postCodeWrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .secContact .postCodeWrap input {
    max-width: 100%;
  }
  .secContact .postNote {
    margin-left: 0;
    margin-top: 5px;
  }
  .secContact .contactPolicy .policyText {
    font-size: 14px;
  }
  .secContact .contactSubmit {
    margin-top: 20px;
  }
  .secContact .contactSubmit .btnSubmit {
    width: 100%;
    max-width: 300px;
    height: 50px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .secContact .btnRound {
    margin: 30px auto 0;
  }
  .secForm .secFormContainer .contactLabel {
    font-size: 12px;
  }
  .secForm .secFormContainer .contactBadge {
    font-size: 12px;
  }
  .secForm .secFormContainer .contactInput {
    font-size: 16px;
  }
  .secForm .secFormContainer .empty {
    display: none !important;
  }
  .secForm .secFormContainer .empty + .contactLabel {
    margin-left: -6px;
  }
  .secForm .secFormContainer .policyText * {
    font-size: 13px;
  }
  .secForm .secFormContainer .postCodeWrap br {
    display: none;
  }
}/*# sourceMappingURL=form_style.css.map */