@charset "UTF-8";
/* ====================
Layout
 ==================== */
.l-in__header {
  margin: 0 auto 2rem;
}
.l-in__title {
  width: 46rem;
}
@media screen and (max-width: 960px) {
  .l-in__title {
    width: 88.2352941176%;
    max-width: 50rem;
  }
}

.l-main {
  min-height: 70vh;
}

/* ====================
Project
 ==================== */
.p-contact {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.p-contact__container {
  position: relative;
  margin: 0 auto;
  width: 81.944%;
  max-width: 1180px;
}
@media screen and (max-width: 960px) {
  .p-contact__container {
    width: 88.944%;
  }
}
.p-contact__container .is-blue {
  color: var(--color-blue) !important;
}
.p-contact__lead {
  display: block;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-contact__lead {
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0;
  }
}
.p-contact__lead small {
  font-size: 1rem;
}
.p-contact__thanks {
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 960px) {
  .p-contact__thanks {
    line-height: 2;
  }
}
.p-contact__thanks-head {
  font-size: 2.1rem;
}
@media screen and (max-width: 960px) {
  .p-contact__thanks-head {
    font-size: 1.7rem;
  }
}
.p-contact__thanks-lead {
  font-size: 1.5rem;
  margin-top: 1.2rem;
}
@media screen and (max-width: 960px) {
  .p-contact__thanks-lead {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
}
.p-contact__form {
  width: 100%;
  max-width: 80rem;
  display: block;
  position: relative;
  padding: 5rem 0;
  margin: 5.2rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-contact__form {
    margin-top: 4.2rem;
  }
}
.p-contact__form::before {
  content: "";
  width: 100%;
  height: 0.5rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/common/line_double.png") repeat-x 0 0/auto 0.5rem;
}
.p-contact__form .screen-reader-response,
.p-contact__form .wpcf7-form-control-wrap,
.p-contact__form .wpcf7-response-output {
  margin: 1em 0;
  font-size: 1.2rem;
  line-height: 1.8;
  color: red;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-contact__form .screen-reader-response,
  .p-contact__form .wpcf7-form-control-wrap,
  .p-contact__form .wpcf7-response-output {
    font-size: 1rem;
  }
}
.p-contact__form-list {
  display: block;
  position: relative;
}
.p-contact__form-list-item {
  display: block;
  position: relative;
}
@media screen and (min-width: 961px) {
  .p-contact__form-list-item {
    display: grid;
    grid-template-columns: 20rem 1fr;
  }
}
.p-contact__form-list-item + .p-contact__form-list-item {
  margin-top: 3rem;
}
@media screen and (max-width: 960px) {
  .p-contact__form-list-item + .p-contact__form-list-item {
    margin-top: 2rem;
  }
}
.p-contact__form-list-item input {
  width: 100%;
  height: 5.2rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  font-family: "a-otf-ryumin-pr6n", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  outline-color: var(--color-blue) !important;
  border-radius: 0.5rem;
  border: none;
  background: url("../img/contact/imput_sp_head.png") no-repeat center top/100% 2rem, url("../img/contact/imput_pc_repeat.png") no-repeat center center/100% 1.2rem, url("../img/contact/imput_pc_bottom.png") no-repeat center bottom/100% 2rem;
}
@media screen and (max-width: 960px) {
  .p-contact__form-list-item input {
    height: 4.2rem;
    background: url("../img/contact/imput_sp_head.png") no-repeat center top/100% 2rem, url("../img/contact/imput_sp_repeat.png") no-repeat center center/100% 0.2rem, url("../img/contact/imput_sp_bottom.png") no-repeat center bottom/100% 2rem;
  }
}
.p-contact__form-list-item textarea {
  width: 100%;
  height: 20rem;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  font-family: "a-otf-ryumin-pr6n", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", "Noto Serif JP", serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  outline-color: var(--color-blue) !important;
  border-radius: 0.5rem;
  border: none;
  background: url("../img/contact/imput_pc_head.png") no-repeat center top/100% 2rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 1rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 2rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 3rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 4rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 5rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 6rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 7rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 8rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 9rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 10rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 11rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 12rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 13rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 14rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 15rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 16rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 17rem/100% 1rem, url("../img/contact/imput_pc_repeat.png") no-repeat center 18rem/100% 1rem, url("../img/contact/imput_pc_bottom.png") no-repeat center bottom/100% 2rem;
}
@media screen and (max-width: 960px) {
  .p-contact__form-list-item textarea {
    height: 10rem;
    background: url("../img/contact/imput_sp_head.png") no-repeat center top/100% 2rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 1rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 2rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 3rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 4rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 5rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 6rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 7rem/100% 1rem, url("../img/contact/imput_sp_repeat.png") no-repeat center 8rem/100% 1rem, url("../img/contact/imput_sp_bottom.png") no-repeat center bottom/100% 2rem;
  }
}
.p-contact__form-label {
  display: block;
  position: relative;
}
.p-contact__form-label > p {
  display: block;
  position: relative;
  font-size: 1.6rem;
}
@media screen and (max-width: 960px) {
  .p-contact__form-label > p {
    margin-bottom: 0.6rem;
    font-size: 1.2rem;
  }
}
.p-contact__form-btn {
  width: 100%;
  display: block;
  position: relative;
  margin: 4rem auto 0;
}
@media screen and (max-width: 960px) {
  .p-contact__form-btn {
    margin-top: 3.4rem;
  }
}
.p-contact__form-btn .form_btn {
  width: 33rem;
  height: 6.7rem;
  display: block;
  position: relative;
  margin: 0 auto;
  background: #2b3138 url("../img/book/btn_frame_pc.png") no-repeat center/100% 100%;
}
@media screen and (max-width: 960px) {
  .p-contact__form-btn .form_btn {
    width: 33rem;
    height: 5.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-contact__form-btn .form_btn {
    font-size: 1.6rem;
    margin-bottom: p-contact__note;
    transition: opacity 0.4s var(--ease_out);
  }
  .p-contact__form-btn .form_btn:hover {
    opacity: 0.6;
  }
}
.p-contact__form-btn .form_btn__inner {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/common/arrow02.svg) no-repeat calc(100% - 2rem) 50%/2rem auto;
}
@media screen and (max-width: 960px) {
  .p-contact__form-btn .form_btn__inner {
    background: url(../img/common/arrow02.svg) no-repeat calc(100% - 1rem) 50%/1.5rem auto;
  }
}
.p-contact__form-btn .form_btn__text {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--color-white);
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .p-contact__form-btn .form_btn__text {
    font-size: 1.3rem;
  }
}
.p-contact__form-btn .form_btn input {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.p-contact__note {
  width: 100%;
  max-width: 80rem;
  display: block;
  position: relative;
  padding: 4rem;
  margin: 2rem auto 0;
  background: url("../img/common/bg_ptn_dark.jpg") repeat 0 0/20rem auto;
}
@media screen and (max-width: 960px) {
  .p-contact__note {
    margin-top: 0.2rem;
    padding: 2.4rem 2.5rem;
  }
}
.p-contact__note-cap {
  display: block;
  position: relative;
  margin-bottom: 2rem;
  font-size: 1.6rem;
}
@media screen and (max-width: 960px) {
  .p-contact__note-cap {
    margin-bottom: 0.6rem;
    font-size: 1.4rem;
    line-height: 2;
  }
}
.p-contact__note-text {
  display: block;
  position: relative;
  font-size: 1.4rem;
  line-height: 2.25;
}
@media screen and (max-width: 960px) {
  .p-contact__note-text {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.p-contact__back {
  margin-top: 3.3rem;
}
@media screen and (max-width: 960px) {
  .p-contact__back {
    margin-top: 2.9rem;
  }
}