@charset "UTF-8";
/* お問い合わせ
----------------------------------------------- */
article.contact .sub_cover {
  background: url("../images/contact/page_cover.webp") no-repeat top center;
}
@media screen and (max-width: 767px) {
  article.contact .sub_cover {
    background-size: cover;
    height: 200px;
  }
}
article.contact .tel {
  text-align: center;
  line-height: 1.6;
  text-shadow: 1px 1px #e5e5e5;
}
article.contact .tel .number {
  font-size: 24px;
}
article.contact .tel .time {
  font-size: 14px;
}
article.contact .mail_flow {
  display: flex;
  margin-bottom: 30px;
}
article.contact .mail_flow li {
  width: 31%;
  text-align: center;
  padding: 0.8em 0;
  font-size: small;
  margin-right: 2%;
  color: #1b1b1b;
  background-color: #ffffff;
  background-image: url("/wp-content/themes/main/images/contact/form-flow-tip.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
article.contact .mail_flow li:last-child {
  background-image: none;
}
article.contact .mail_flow li.active {
  color: #ffffff;
  background-color: #1B1B1B;
}
article.contact p.con_text {
  width: 720px;
  margin: 0 auto 30px;
}
article.contact p.con_text .red {
  color: red;
}
@media screen and (max-width: 767px) {
  article.contact p.con_text {
    width: 100%;
  }
}
article.contact .contact_form {
  width: 720px;
  margin: 0 auto;
  /* ------ 送信ボタン ----- */
}
@media screen and (max-width: 767px) {
  article.contact .contact_form {
    width: 100%;
  }
}
article.contact .contact_form .inputs {
  display: table;
  margin-bottom: 2em;
  /* ------ 各フォームパーツ ----- */
}
@media screen and (max-width: 767px) {
  article.contact .contact_form .inputs {
    display: block;
  }
}
article.contact .contact_form .inputs .group {
  display: table-row;
}
@media screen and (max-width: 767px) {
  article.contact .contact_form .inputs .group {
    display: block;
  }
}
article.contact .contact_form .inputs .group .name,
article.contact .contact_form .inputs .group .input {
  display: table-cell;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  article.contact .contact_form .inputs .group .name,
  article.contact .contact_form .inputs .group .input {
    display: block;
    padding: 5px 0;
  }
}
article.contact .contact_form .inputs .group .name {
  width: 30%;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px #e5e5e5;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  article.contact .contact_form .inputs .group .name {
    width: 100%;
  }
}
article.contact .contact_form .inputs .req:after {
  content: "※";
  font-size: x-small;
  font-weight: normal;
  color: #f4858d;
  vertical-align: middle;
  text-shadow: none;
  padding-left: 0.5em;
}
article.contact .contact_form .inputs .error {
  color: red;
  font-size: 12px;
  padding-top: 8px;
}
article.contact .contact_form .inputs input,
article.contact .contact_form .inputs textarea,
article.contact .contact_form .inputs select {
  width: 100%;
  padding: 10px;
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
  font-size: 16px;
  background: none;
  -webkit-appearance: none;
  border-radius: 0;
}
article.contact .contact_form .btn-box {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  display: flex;
}
article.contact .contact_form .btn-box .btn {
  width: 300px;
  height: 40px;
  font-size: 16px;
  text-shadow: 1px 1px #e5e5e5;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  box-sizing: border-box;
  outline: none;
}
article.contact .contact_form .btn-box .btn:hover {
  opacity: 0.7;
  cursor: pointer;
}
article.contact .contact_form .btn-box .btn.back {
  width: 140px;
  background: #ffffff;
  margin-right: 10px;
}
article.contact .contact_form .btn-box .btn.submit {
  flex: 1;
  border: solid 1px #7d7d7d;
  background: none;
}
article.contact .contact_form .btn-box br {
  display: none;
}
article.contact .contact_form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}/*# sourceMappingURL=contact.css.map */