/* 上部 */

.contact_wrapper {
  position: relative;
  padding-top: 35.5rem;
  overflow-x: clip;
}

.contact_title_base {
  position: absolute;
  top: 26.2rem;
  left: 0;
  width: 33.8rem;
  height: 9.2rem;
  background-image: url(../img/news_title_base.jpg);
  background-repeat: no-repeat;
}

.contact_title_top {
  margin-left: 10rem;
  font-size: 3.6rem;
  line-height: 2.5555em;
}

.contact_mark {
  position: absolute;
  top: 18rem;
  left: 102.3rem;
  width: 35rem;
  height: 18.9rem;
}

/* Contact Form 7 内*/
.contact_title_wrapper {
  display: flex;
  justify-content: space-between;
  margin: 10rem auto 0;
  width: 124rem;
  height: 6rem;
}

.contact_title {
  font-size: 2.4rem;
  line-height: 2.5em;
  color: #F8F5E3;
}

input {
  width: 95rem;
  height: 5.8rem;
  background-color: #F8F5E3;
}

.input_item1,
.input_item2,
.input_item3,
.input_item4 {
  margin-bottom: 10rem;
}

.wpcf7-text,
.wpcf7-textarea {
  font-family: "Yuji Syuku";
  font-size: 2.4rem;
  line-height: 2.5em;
  color: black;
}

.contact_title_wrapper2 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 124rem;
  height: 40rem;
}

.contact_title2 {
  font-size: 2.4rem;
  line-height: 16.667em;
  color: #F8F5E3;
}

.inquiry_contact {
  width: 95rem;
  height: 40rem;
  font-size: 2.4rem;
  line-height: 2.5em;
  color: black;
  background-color: #F8F5E3;
}

.input_item5 {
  margin-bottom: 10rem;
}

/* 「送信」ボタン */
.contact_wrapper .submit_btn{
  display: flex;
  justify-content: flex-end;
  margin: 0 0 20rem 0;
  padding: 0 9rem 0 0;
}
.contact_wrapper .link_button{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Yuji Syuku";
  padding: 0rem 8.5rem 0 3rem;
}

.custom-submit-btn {
  position: relative;
  font-family: "Yuji Syuku";
  width: 24.5rem;
  height: 11rem;
  font-size: 3.6rem;
  background-color: #AB1122;
  color: #F8F5E3;
  letter-spacing: 0.5em;
  margin-top: 10rem;
  margin-left: 109.5rem;
  margin-bottom: 16rem;
  line-height: 3.0555em;
  padding-left: 4rem;
  padding-right: 4rem;
  border: 0.5rem solid transparent;

  display: inline-flex;
  /* align-items: center; */
  /* 上下の中心を揃える */
  justify-content: space-between;
  transition: .7s;
}

.custom-submit-btn:hover {
  background-color: #F8F5E3;
  border-color: #AB1122;
}

.btn_main {
  position: absolute;
  top: 0;
  left: 4rem;
  letter-spacing: 0.65em;
}

.custom-submit-btn:hover .btn_main {
  color: #AB1122;
}

.btn_arrow {
  position: absolute;
  top: -0.3rem;
  left: 15.9rem;
  font-size: 4.5rem;
}

.custom-submit-btn:hover .btn_arrow {
  color: #AB1122;
}

/* システムメッセージ */
.wpcf7-not-valid-tip {
  font-family: "Yuji Syuku";
  font-size: 2.4rem !important;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
  font-family: "Yuji Syuku";
  font-size: 2.4rem !important;
  color: #F8F5E3;
  margin-top: -10rem;
  margin-bottom: 10rem;
}

/* 金の毛筆 */
.contact_left_brush {
  top: 41rem;
  right: 24rem;
  transform: rotate(-61deg);
}

.contact_right_brush {
  left: 12rem;
  bottom: 29rem;
  transform: rotate(57deg);
}

/* レスポンシブ対応 */
@media screen and (max-width:690px) {

  /* 上部 */
  .contact_wrapper {
    position: relative;
    padding-top: 15rem;
    /* padding-top: 12.7rem; */
  }

  .contact_title_base {
    position: absolute;
    top: 12.2rem;
    left: 0;
    width: 18.9rem;
    height: 5.5rem;
  }

  .contact_title_top {
    margin-left: 3rem;
    font-size: 2.4rem;
    line-height: 2.2916em;
  }

  .contact_mark {
    position: absolute;
    top: 9.7rem;
    left: 19.6rem;
    width: 16.5rem;
    height: 8.9rem;
  }

  /* Contact Form 7 内 */
  .contact_title_wrapper {
    flex-direction: column;
    margin: 6rem auto 0;
    width: 31.5rem;
    height: 4rem;
  }

  .contact_title,
  .contact_title2 {
    font-size: 1.6rem;
    line-height: 1em;
    margin-bottom: 2.4rem;
  }

  .input_item1,
  .input_item2,
  .input_item3,
  .input_item4 {
    margin-bottom: 7.3rem;
  }

  input {
    width: 31.5rem;
    height: 4rem;
    font-size: 1.6rem;
    line-height: 2.5em;
    color: black;
  }

  .contact_title_wrapper2 {
    flex-direction: column;
    margin: 0 auto;
    width: 31.5rem;
    height: 40rem;
  }

  .contact_title2 {
    font-size: 1.6rem;
    line-height: 1em;
  }

  .inquiry_contact {
    width: 31.5rem;
    height: 40rem;
    font-size: 1.6rem;
    line-height: 2.5em;
    color: black;
  }

  .input_item5 {
    margin-bottom: 0;
  }

  /* 「送信」ボタン */
  .contact_wrapper .submit_btn{
    display: flex;
    justify-content: flex-end;
    margin: 10rem 0;
    padding: 0 3rem 0 0;
  }

  .custom-submit-btn {
    position: relative;
    font-family: "Yuji Syuku";
    width: 14.5rem;
    height: 6rem;
    font-size: 2rem;
    letter-spacing: 1em;
    margin-top: 11rem;
    margin-left: 20rem;
    margin-bottom: 5.1rem;
    line-height: 3.0555em;
    padding-left: 2.3rem
  }

  .btn_main {
    left: 2.3rem;
    line-height: 3em;
    font-size: 2rem;
    letter-spacing: 0.6em;
  }

  .btn_arrow {
    position: absolute;
    top: -0.3rem;
    left: 9.2rem;
    font-size: 3.1rem;
  }

  /* システムメッセージ */
  .wpcf7-not-valid-tip {
    font-size: 1.6rem !important;
  }

  .wpcf7 form.sent .wpcf7-response-output,
  .wpcf7 form.failed .wpcf7-response-output,
  .wpcf7 form.aborted .wpcf7-response-output,
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output,
  .wpcf7 form.spam .wpcf7-response-output {
    font-size: 1.6rem !important;
    margin-top: -3rem;
    margin-bottom: 3rem;
  }

  /* 金の毛筆 */
  .contact_right_brush {
    top: 29rem;
    left: -22rem;
    transform: rotate(53deg);
  }
}