@charset "utf8";

html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  ._pc{ display: none; }
}

@media screen and (min-width: 768px) {
  ._sp{ display: none; }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

main {
  overflow-x: hidden;
  overflow-y: hidden;
}

img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

section {
  width: 100%;
  border: 0px solid;
}
.section-09 {
  width: 750px;
  margin: 0 auto;
  background-image: url('../img/bk.png?2604101730');
  background-repeat: repeat-y;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .section-09 {
    width: 100%;
  }
}
.section-form {
  width: 750px;
  margin: 0 auto;
  background-image: url('../img/bk.png?2604101730');
  background-repeat: repeat-y;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .section-form {
    width: 100%;
  }
}

picture {
  display: block;
  height: 100%;
}

/*---------------------------
article
---------------------------*/
.article {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .article {
    width: 100%;
  }
}

/* fv */
.item-fv {
  position: relative;
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-fv {
    width: 100%;
  }
}
.item-fv-cta-wrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 81.8%;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
}
@media screen and (max-width: 767px) {
  .item-fv-cta-wrap {
    width: calc(348vw / 3.6);
  }
}
#cta-area.active .item-fv-cta-wrap {
  position: fixed;
  top: unset;
  bottom: 0;
  width: 750px;
  padding: 10px 15px 0;
  background-color: #FFF;
  z-index: 100;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #cta-area.active .item-fv-cta-wrap {
    width: 100%;
    padding: calc(5vw / 3.6) calc(6vw / 3.6) 0;
  }
}
:root {
  --p-360p: 360px;
  --s-360p: calc(174vw / 3.6);
}
.cta-line {
  width: 100%;
}
.cta-tel {
  width: var(--p-360p);
}
@media screen and (max-width: 767px) {
  .cta-tel {
    width: var(--s-360p);
  }
}
.cta-mail {
  width: var(--p-360p);
}
@media screen and (max-width: 767px) {
  .cta-mail {
    width: var(--s-360p);
  }
}

/* item-01 */
.item-01 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-01 {
    width: 100%;
  }
}

/* item-02 */
.item-02 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-02 {
    width: 100%;
  }
}

/* item-03 */
.item-03 {
  position: relative;
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-03 {
    width: 100%;
  }
}
.item-03-cta-wrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 80.6%;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
}
@media screen and (max-width: 767px) {
  .item-03-cta-wrap {
    width: calc(348vw / 3.6);
  }
}

/* item-04 */
.item-04 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-04 {
    width: 100%;
  }
}

/* item-05 */
.item-05 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-05 {
    width: 100%;
  }
}

/* item-06 */
.item-06 {
  position: relative;
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-06 {
    width: 100%;
  }
}
.item-06-cta-wrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 84.8%;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
}
@media screen and (max-width: 767px) {
  .item-06-cta-wrap {
    width: calc(348vw / 3.6);
  }
}

/* item-07 */
.item-07 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-07 {
    width: 100%;
  }
}

/* item-08 */
.item-08 {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-08 {
    width: 100%;
  }
}

/* item-09 */
.item-09 {
  width: 321px;
  padding: 90px 0 30px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-09 {
    width: calc(160vw / 3.6);
    padding: calc(45vw / 3.6) 0 calc(15vw / 3.6);
  }
}

/* item-10 */
.item-10 {
  position: relative;
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-10 {
    width: 100%;
  }
}
.item-10-cta-wrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 70%;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
}
@media screen and (max-width: 767px) {
  .item-10-cta-wrap {
    width: calc(348vw / 3.6);
  }
}

/* item-11 */
.item-11 {
  width: 750px;
  margin: 0 auto 234px;
}
@media screen and (max-width: 767px) {
  .item-11 {
    width: 100%;
    margin: 0 auto calc(113vw / 3.6);
  }
}

/* item-fv-thanks */
.item-fv-thanks {
  overflow: hidden;
  width: 750px;
  height: 610px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .item-fv-thanks {
    width: 100%;
    height: calc(294vw / 3.6);
  }
}

/* item-thanks */
.item-thanks {
  width: 750px;
  margin: 0 auto;
  padding: 30px 0 60px;
  text-align: center;
  background-image: url('../img/bk_2.png?2604101730');
  background-repeat: repeat-y;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .item-thanks {
    width: 100%;
    padding: calc(15vw / 3.6) 0 calc(30vw / 3.6);
  }
}
.thanks-h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 3;
  color: #10306C;
}
@media screen and (max-width: 767px) {
  .thanks-h2 {
    font-size: calc(14vw / 3.6);
  }
}
.thanks-p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  color: #1A2744;
}
@media screen and (max-width: 767px) {
  .thanks-p {
    font-size: calc(12vw / 3.6);
  }
}

/* form */
.form-wrapper {
  width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .form-wrapper {
    width: 100%;
  }
}
.form-wrap {
  width: 695px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border-radius: 18px;
}
@media screen and (max-width: 767px) {
  .form-wrap {
    width: calc(336vw / 3.6);
    border-radius: calc(9vw / 3.6);
  }
}
.form-title {
  font-size: 28px;
  line-height: 3;
  font-weight: 500;
  color: #959595;
  background-color: #F0FCFF;
  text-align: center;
  border-radius: 18px 18px 0 0;
}
@media screen and (max-width: 767px) {
  .form-title {
    font-size: calc(14vw / 3.6);
    border-radius: calc(9vw / 3.6) calc(9vw / 3.6) 0 0;
  }
}
.form-item {
  margin: 30px 30px 0;
}
@media screen and (max-width: 767px) {
  .form-item {
    margin: calc(15vw / 3.6) calc(15vw / 3.6) 0;
  }
}
.form-item label {
  display: block;
  font-size: 28px;
  font-weight: 500;
  color: #292929;
}
@media screen and (max-width: 767px) {
  .form-item label {
    font-size: calc(14vw / 3.6);
  }
}
.form-item label span {
  padding: 0 0 0 12px;
  font-size: 24px;
  color: #E10000;
}
@media screen and (max-width: 767px) {
  .form-item label span {
    padding: 0 0 0 calc(6vw / 3.6);
    font-size: calc(12vw / 3.6);
  }
}
.form-item input {
  width: 100%;
  font-size: 28px;
  line-height: 3;
  padding: 0 24px;
  border-radius: 7px;
  border: none;
  background-color: #F0F8FA;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .form-item input {
    font-size: calc(14vw / 3.6);
    padding: 0 calc(12vw / 3.6);
    border-radius: calc(4vw / 3.6);
  }
}
.form-button {
  display: block;
  width: 665px;
  padding: 30px 0 10px;
  margin: 0 auto;
  border: none;
  background-color: unset;
}
@media screen and (max-width: 767px) {
  .form-button {
    width: calc(318vw / 3.6);
    padding: calc(15vw / 3.6) 0 calc(5vw / 3.6);
  }
}
.form-subtext {
  padding: 0 0 30px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #909090;
}
@media screen and (max-width: 767px) {
  .form-subtext {
    padding: 0 0 calc(15vw / 3.6);
    font-size: calc(10.6vw / 3.6);
  }
}
.error {
  font-size: 26px;
  line-height: 1.6;
  font-weight: 400;
  color: red;
}
@media screen and (max-width: 767px) {
  .error {
    font-size: calc(13vw / 3.6);
  }
}

/* アコーディオンカスタム */

.accordion-wrap {
  width: 750px;
  padding: 0 30px 50px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .accordion-wrap {
    width: 100%;
    padding: 0 calc(10vw / 3.6) calc(25vw / 3.6);
  }
}
.accordion-item {
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .accordion-item {
    margin: 0 0 calc(8vw / 3.6);
  }
}
.question_1 {
  height: 129px;
  background-image: url('../img/btn-01_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_1 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.question_2 {
  height: 129px;
  background-image: url('../img/btn-02_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_2 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.question_3 {
  height: 129px;
  background-image: url('../img/btn-03_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_3 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.question_4 {
  height: 129px;
  background-image: url('../img/btn-04_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_4 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.question_5 {
  height: 129px;
  background-image: url('../img/btn-05_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_5 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.question_6 {
  height: 129px;
  background-image: url('../img/btn-06_off.png?2604101730');
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .question_6 {
    height: calc(65vw / 3.6);
    background-size: 100.1%;
  }
}
.__toggle:checked + .__Label.question_1 {
  background-image: url('../img/btn-01_on.png?2604101730');
}
.__toggle:checked + .__Label.question_2 {
  background-image: url('../img/btn-02_on.png?2604101730');
}
.__toggle:checked + .__Label.question_3 {
  background-image: url('../img/btn-03_on.png?2604101730');
}
.__toggle:checked + .__Label.question_4 {
  background-image: url('../img/btn-04_on.png?2604101730');
}
.__toggle:checked + .__Label.question_5 {
  background-image: url('../img/btn-05_on.png?2604101730');
}
.__toggle:checked + .__Label.question_6 {
  background-image: url('../img/btn-06_on.png?2604101730');
}
._clear {
  visibility: hidden;
}
/*---------------------------
アコーディオン
---------------------------*/
.__toggle {
  display: none;
}

.__Label {
  display: block;
  cursor: pointer;
}

.__Label,
.__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.__Label {
  transition: all 0.1s ease-out;
}
.__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-out; /* max-heightをスムーズに変化 */
}

/* 開閉時のスタイル */
.__toggle:checked + .__Label + .__content {
  max-height: 4000px; /* 最大の高さを十分に大きく設定 */
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip-path: inset(50%);
}