@charset "utf-8";

/* PC */
/* ---------- inquiry ---------- */
form#mailformpro { padding: 0!important; }
div#mfp_overlay_inner {
  padding: 40px!important;
  width: auto!important;
  max-width: 940px!important;
}
div#mfp_overlay_inner h4,
div#mfp_phase_confirm h4 {
  padding: 0 0 1em 0!important;
  font-size: 24rem!important;
  line-height: 1!important;
  text-align: center!important;
}
div#mfp_overlay_inner h4:before,
div#mfp_phase_confirm h4:before { display: none; }
div.mfp_err { font-size: 16rem; }

.inquiry table {
  width: 100%;
  margin: 80px 0;
  border-bottom: 1px solid rgba(49,44,42,.1);
}
.inquiry th,
.inquiry td {
  vertical-align: middle;
  border: none;
  border-top: 1px solid rgba(49,44,42,.1);
  padding: 2em;
  background: none;
}
.inquiry th {
  width: 30%;
  font-weight: bold;
  text-align: left;
}
.inquiry td { width: 70%; }
.inquiry td p {
  margin: .5em 0;
  text-align: left;
}
.inquiry .mt05em { margin-top: .5em!important; }
.inquiry .mb05em { margin-bottom: .5em!important; }
.inquiry .mt1em { margin-top: 1em!important; }
.inquiry .mb1em { margin-bottom: 1em!important; }

.inquiry .mb15 { margin-bottom: 15px; }
.inquiry .require {
  margin-left: 5px;
  padding: 3px 8px;
  color: #fff;
  font-size: 12rem;
  background-color: #c00;
  border-radius: 3px;
}
.inquiry input[type="text"],
.inquiry input[type="email"],
.inquiry input[type="tel"] {
  width: 50%;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Noto Sans Japanese", sans-serif;
}
.inquiry textarea {
  width: 100%;
  height: 10em;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Noto Sans Japanese", sans-serif;
}
.inquiry .btn {
/*  min-width: 270px;*/
}
.mfp_buttons {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 0;
}
.mfp_element_button {
  display: block;
  position: relative;
  width: 40%;
/*  min-width: 270px;*/
  padding: 18px 60px;
  font-size: 16rem;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #272520;
  overflow: hidden;
  cursor: pointer;
}
#mfp_button_send { background: #272520; }
#mfp_button_cancel {
  margin: 0 0 0 10px;
  color: #272520;
  border: 1px solid rgba(39,37,32,.4);
  background: transparent;
}

/* layout_form */
.layout_form {
  & > .inner {
    width: calc(100% - 37.5%);
    margin: 0 18.75%;
    padding: 0 0 160px 0;
    & .text_wrap {
      display: grid;
      justify-content: center;
    }
  }
}

/* タブレット横 */
@media screen and (max-width: 1180px) {
  /* layout_form */
  .layout_form {
    & > .inner {
      width: calc(100% - 25%);
      margin: 0 12.5%;
      padding: 0 0 80px 0;
    }
  }
}

/* タブレット縦 */
@media screen and (max-width: 820px) {
  div.mfp_err { font-size: 12rem; }
  .inquiry col:first-child { width: 100%; }
  .inquiry col:nth-child(n+2) { width: 0%; }
  .inquiry table { margin: 40px auto; }
  .inquiry th,
  .inquiry td {
    display: block;
    width: 100%;
  }
  .inquiry th {
    font-weight: bold;
    padding: 1em 2em;
  }
  .inquiry th .require { font-weight: normal; }
  .inquiry td {
    padding: 0 2em 1em 2em;
    border-top: none;
  }
  .inquiry input[type="text"],
  .inquiry input[type="email"],
  .inquiry input[type="tel"] { width: 100%; }
  .mfp_buttons { display: block; }
  .mfp_element_button {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-size: 14rem;
  }
  #mfp_button_cancel { margin: 10px auto 0 auto; }
}

/* スマホ縦 */
@media screen and (max-width: 428px) {
  div#mfp_overlay_inner { padding: 40px 6.25%!important; }
  .inquiry .text_wrap p { padding: 0 6.25%; }

  /* layout_form */
  .layout_form {
    & > .inner {
      width: 100%;
      margin: 0;
    }
  }
}