@charset "utf-8";
/* キービジュアル */
.inquiry .cmn--keyvis--wrap {
  background-image: url(../img/inquiry/inquiry--keyvis-sp.jpg);
}
@media screen and (min-width: 560px) {
  .inquiry .cmn--keyvis--wrap {
    background-image: url(../img/inquiry/inquiry--keyvis.jpg);
  }
}

/* リードテキスト */
.inquiry .cmn--lead--wrap p {
  font-size: 4vw;
  letter-spacing: initial;
  text-indent: initial;
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 560px) {
  .inquiry .cmn--lead--wrap p {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 560px) {
  .inquiry .cmn--lead--wrap p {
    font-size: 18px;
  }
}

/* フォーム */
.inquiry .cmn--content {
  padding-top: 0;
  position: relative;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
.inquiry table {
  border: none;
}
.inquiry th {
  text-align: left;
}
.inquiry table tr td {
  background: none;
}
.inquiry .inquiry table {
  border: none;
}
.inquiry tr {
  border: none;
  display: flex;
  flex-direction: column;
}
.inquiry tr td {
  padding: 1.5vw 0 7.5vw 0;
  text-align: left;
}
.inquiry td {
	border-left: none;
}
.inquiry th.required {
  text-align: left;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.inquiry th.required::after {
  display: block;
  content: "必須";
  color: #fff;
  background: #933c35;
  padding: 2px 10px;
  border-radius: 5px;
  margin-left: 5px;
}
.inquiry input,
.inquiry textarea {
  border: solid 1px #888;
  width: 100%;
  height: 10vw;
  padding-left: 10px;
  margin-bottom: 1vw;
  font-size: 3.75vw;
}
.inquiry .buttons_inner input {
  border: none;
} 
.inquiry textarea {
  height: 40vw;
}
.inquiry .mwform-checkbox-field input {
  width: 15px;
  height: 15px;
}

@media screen and (min-width: 560px) {

  .inquiry tr td {
    padding: 1.5vw 0 4vw 0;
    text-align: left;
  }
  .inquiry th.required {
    font-size: 2vw;
  }
  .inquiry input,
  .inquiry textarea {
    width: 100%;
    height: 7vw;
    margin-bottom: 1vw;
    font-size: 2vw;
  }
  .inquiry textarea {
    height: 40vw;
  }
}
@media screen and (min-width: 960px) {
  .inquiry .cmn--content {
    padding-top: 0;
  }
  .inquiry tr {
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
  }
  .inquiry tr td {
    width: 100%;
    padding: 0 0 55px 0;
  }
  .inquiry th {
    width: 250px;
    margin-top: 15px;
  }
  .inquiry tr td {
    width: 750px;
  }
  .inquiry th.required {
    width: 250px;
    font-size: 14px;
  }
  .inquiry input,
  .inquiry textarea {
    height: 55px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .inquiry textarea {
    height: 220px;
    font-size: 14px;
  }
  .inquiry .cmn--content::before {
    background-size: contain;
    width: 650px;
    height: 270px;
    top: 100px;
    left: auto;
    right: 512px;
  }
  .inquiry .cmn--content::after {
    background-size: contain;
    margin-left: 250px;
    width: 625px;
    height: 243px;
    top: 130px;
    right: auto;
    left: 400px;
  }
}

/* ボタン */
.inquiry input.cmn--btn {
  display: block;
  background-size: 50%;
  color: #fff;
  background-color: #89a7a5;
  width: 100%;
  height: 13vw;
  text-align: center;
  position: relative;
  margin: 0 auto 2.5vw;
  border-radius: 0;
  transition: all 0.3s;
}
.inquiry input.retune.cmn--btn {
  background: no-repeat;
  border: 1px solid;
  color: #2b1a17;
}
.inquiry-complete a.btn--250 {
  margin: 5vw auto;
}
@media screen and (min-width: 560px) {
  .inquiry input.cmn--btn {
    margin-bottom: 1.5vw;
  }
  .inquiry input.cmn--btn {
    height: 7vw;
    width: 30vw;
    font-size: 1.75vw;
  }
  .inquiry input.cmn--btn:hover {
    opacity: .5;
  }
}
@media screen and (min-width: 960px) {
  .inquiry input.cmn--btn {
    width: 250px;
    height: 50px;
    font-size: 14px;
  }
  .inquiry-complete a.btn--250 {
    margin: 50px auto;
  }
}

/* 確認画面 */
.inquiry  small {
  display: none;
}
@media screen and (min-width: 560px) {
  .inquiry  ul.buttons {
    display: flex;
    justify-content: center;
  }
  .inquiry  ul.buttons li:first-child {
    margin-right: 5px;
  }
  .inquiry  .inquiry input.cmn--btn {
    width: 250px;
  }
}
@media screen and (min-width: 960px) {
  .inquiry th.required {
    margin-top: 0;
  }
}

/* 完了画面 */
.inquiry .cmn--content p {
  text-align: center;
  line-height: 1.75;
}
.inquiry p.tel {
  font-size: 4.5vw;
  margin-bottom: 5vw;
}
@media screen and (min-width: 560px) {
  .inquiry p.tel {
    font-size: 3vw;
    margin-bottom: 5vw;
  }
}
@media screen and (min-width: 960px) {
  .inquiry p.tel {
    font-size: 24px;
    margin-bottom: 50px;
  }
}