@charset "UTF-8";

.mv {
  width: 100vw;
  height: auto;
  margin-top: 3.9705882352941173vw;
  position: relative;

}

.floating {
  position: fixed;
  width: 28.676470588235293vw;
  bottom: 7.352941176470589vw;
  right: 1.6911764705882353vw;
  z-index: 100;
}

/*フッターまでスクロールしたら消す*/
.is-hidden {
  visibility: hidden;
  opacity: 0;
}

@media(max-width:768px) {
  .mv {
    /* height: 153.84615384615387vw; */
    margin-top: 14.102564102564102vw;
  }

  .floating {
    position: fixed;
    width: 100vw;
    height: auto;
    top: initial;
    bottom: 0;
    right: 0;
    z-index: 100;

    img {
      vertical-align: bottom;
    }
  }

}

/* section01 */

/*　WebP非対応の場合　*/
.no-webp .sec01 {
  background: url(../img/sec01_bg.jpg);
}

.sec01 {
  background: url(../img/sec01_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4.485294117647059vw 0 4.852941176470589vw;

  .sec01-wrap {
    max-width: 73.52941176470588vw;
    width: 100%;
    margin: 0 auto;

    h2 {
      width: 28.52941176470588vw;
      height: auto;
      margin: 0 auto 3.6764705882352944vw 0;
      display: block;
    }

    ul {
      justify-content: space-between;

      li {
        width: 22.941176470588236vw;

        &:nth-of-type(2) {
          margin-top: -3.6764705882352944vw;
        }

        &:nth-of-type(3) {
          margin-top: -7.352941176470589vw;
        }
      }
    }
  }
}

@media(max-width:768px) {

  /*　WebP非対応の場合　*/
  .no-webp .sec01 {
    background: url(../img/sp/sec01_bg.jpg);
  }

  .sec01 {
    background: url(../img/sp/sec01_bg.webp);
    padding: 12.82051282051282vw 0 9.230769230769232vw;

    .sec01-wrap {
      max-width: 84.61538461538461vw;

      h2 {
        width: 76.92307692307693vw;
        height: auto;
        margin: 0 auto;
        display: block;
      }

      ul {
        display: inline-block;

        li {
          width: 100%;

          &:nth-of-type(2) {
            margin-top: 17.94871794871795vw;
          }

          &:nth-of-type(3) {
            margin-top: 17.94871794871795vw;
          }
        }
      }
    }
  }
}

/* cta */

.no-webp .cta {
  background: url(../img/cta.jpg);
}

.cta {
  background: url(../img/cta.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 27.86764705882353vw 0 6.102941176470588vw;

  .cta_btn {
    width: 29.33823529411765vw;
    margin: 0 auto;
  }
}

@media(max-width:768px) {

  .no-webp .cta {
    background: url(../img/sp/cta.jpg);
  }

  .cta {
    background: url(../img/sp/cta.webp);
    padding: 146.15384615384613vw 0 9.487179487179487vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    .cta_btn {
      width: 86.41025641025641vw;
      margin: 0 auto;
    }
  }

}

/* section02 */

.no-webp .sec02 {
  background: url(../img/sec02_bg.jpg);
}

.sec02 {
  background-image: url(../img/sec02_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 6.102941176470588vw 0 4.852941176470589vw;

  .sec02-wrap {
    max-width: 62.205882352941174vw;
    width: 100%;
    margin: 0 auto;

    .h2-wrap {
      margin: 0 auto 3.6764705882352944vw;
      width: 23.08823529411765vw;

      h2 {
        margin: 0 auto 0.7352941176470588vw;
      }

      .h2_under {
        width: 100%;
        margin: 0 auto;
      }
    }

    .sec02-contents {
      justify-content: space-between;
      align-items: center;
      width: 55.88235294117647vw;
      margin: 0 auto 2.941176470588235vw;

      .sec02-contents_description {
        width: 24.264705882352942vw;

        h3.white {
          width: 24.264705882352942vw;
          height: 3.4558823529411766vw;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.6176470588235297vw;
          background: #1A3C7C;
          box-shadow: 0.29411764705882354vw 0.29411764705882354vw 0px 0px #FFF;
          margin-bottom: 1.911764705882353vw;
        }

        h4 {
          font-size: 1.6176470588235297vw;
          margin: 0 auto 1.1029411764705883vw;
        }

        p {
          text-align: left;
          line-height: 1.688;
          width: 18.970588235294116vw;
          margin: 0 auto;
        }
      }

      .sec02-contents_img {
        width: 28.602941176470587vw;
      }
    }

    .sec02-note {
      p {
        margin: 1.9852941176470587vw auto 0;
        text-align: left;
        line-height: 1.688;
        width: 49.9264705882353vw;
      }
    }
  }
}

@media(max-width:768px) {
  .no-webp .sec02 {
    background: url(../img/sp/sec02_bg.jpg);
  }

  .sec02 {
    background-image: url(../img/sp/sec02_bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 11.282051282051283vw 0 12.82051282051282vw;

    .sec02-wrap {
      max-width: 84.61538461538461vw;

      .h2-wrap {
        margin: 0 auto 9.230769230769232vw;
        width: 80.51282051282051vw;

        h2 {
          margin: 0 auto;
        }
      }

      .sec02-contents {
        display: block;
        width: 100%;
        margin: 0 auto 2.941176470588235vw;

        .sec02-contents_description {
          width: 100%;

          h3.white {
            width: 100%;
            height: 12.051282051282051vw;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 5.641025641025641vw;
            background: #1A3C7C;
            box-shadow: 1.0256410256410255vw 1.0256410256410255vw 0px 0px #FFF;
            margin-bottom: 5.641025641025641vw;
          }

          h4 {
            font-size: 5.641025641025641vw;
            margin: 0 auto 2.564102564102564vw;
          }

          p {
            text-align: left;
            line-height: 1.688;
            width: 66.15384615384615vw;
            margin: 0 auto 3.5897435897435894vw;
          }
        }

        .sec02-contents_img {
          width: 100%;
          margin: 0 auto 10.512820512820513vw;
        }
      }

      .sec02-note {
        p {
          margin: 5.128205128205128vw auto 0;
          text-align: left;
          line-height: 1.688;
          width: 100%;
        }
      }
    }
  }
}

/* section03 */

.no-webp .sec03 {
  background: url(../img/sec03_bg.jpg);
}

.sec03 {
  background-image: url(../img/sec03_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3.823529411764706vw 0;


  .sec03-contents {
    width: 62.205882352941174vw;
    margin: 0 auto;
  }

}

.sec03-note {
  width: 59.63235294117647vw;
  margin: 0 auto;
}

@media(max-width:768px) {
  .sec03-note {
    width: 100%;
    margin: 4.358974358974359vw auto 0;
  }
}

/* section04 */

.no-webp .sec04 {
  background: url(../img/sec04_bg.png);
}

.sec04 {

  .sec04-top {
    background-image: url(../img/sec04_bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5.147058823529411vw 0 2.2058823529411766vw;

    .sec04-top_inner {
      width: 59.55882352941176vw;
      margin: 0 auto;

      .flex {
        justify-content: space-between;
        margin: 0 auto 3.2352941176470593vw;
      }

      h2 {
        width: 28.52941176470588vw;
        margin: 0 auto 1.8382352941176472vw;
      }

      p {
        margin: 1.9852941176470587vw auto 0;
        text-align: left;
        line-height: 1.688;
        width: 24.558823529411764vw;
      }

      .sec04-top_note {
        width: 29.33823529411765vw;
      }

      h3 {
        line-height: 1.435;
      }
    }
  }

  .sec04-contents {
    background-color: #1A3C7C;
    clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
    padding: 5.661764705882353vw 0 7.720588235294118vw;

    .sec04-slider_title01 {
      width: 34.85294117647059vw;
      margin-bottom: 3.6764705882352944vw;
      position: relative;
      left: 57.5735294117647vw;
    }
  }

  .swiper-container.sec04-swiper01 {
    position: relative;
    margin: 0 auto 4.117647058823529vw;

    .swiper {
      width: 83.52941176470588vw;

      ul {
        li {
          background-color: #fff;
          padding: 1.4705882352941175vw 0;

          h4 {
            background-color: #1A3C7C;
            width: 22.499264705882354vw;
            height: 3.575735294117647vw;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 0.5882352941176471vw;
          }

          .point {
            width: 21.764705882352942vw;
            margin: 0 auto 0.5147058823529411vw;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 0.3676470588235294vw 0;

            span {
              background-color: #E4E4E4;
              width: 10.504411764705884vw;
              height: 2.011764705882353vw;
              display: flex;
              justify-content: center;
              align-items: center;
            }
          }

          .slider-img {
            width: 21.754411764705882vw;
            margin: 0 auto 0.3676470588235294vw;
          }

          p {
            width: 21.754411764705882vw;
            margin: 0 auto;
            line-height: 1.5;
            text-align: left;
          }

          .sec04-description {
            width: 21.754411764705882vw;
            margin: 0 auto;
            line-height: 1.5;
            text-align: left;
            padding: 0;
            position: relative;

            &::before {
              content: "";
              display: block;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #1A3C7C;
              position: absolute;
              left: -10px;
              top: calc(0.75em - 3px);
            }
          }

          .annual_income {
            background-color: #1A3C7C;
            width: 22.499264705882354vw;
            height: 4.544852941176471vw;
            font-weight: 900;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0.7352941176470588vw auto 0;

            p {
              text-align: center;

              span {
                font-size: 2.8676470588235294vw;
                margin: 0 0.3676470588235294vw;
              }
            }
          }
        }
      }
    }

    .swiper-button-prev,
    .swiper-button-next {
      background-color: #fff;
      width: 1.9367647058823527vw;
      height: 16.241176470588233vw;
      top: 30%;
    }

    /* 前へ次への矢印カスタマイズ */
    .swiper-button-prev::after,
    .swiper-button-next::after {
      bottom: 0;
      content: "";
      height: 0;
      margin: auto;
      position: absolute;
      top: 0;
      width: 0;
    }

    /* 前への矢印カスタマイズ */
    .swiper-button-prev::after {
      border-bottom: 10px solid transparent;
      border-right: 15px solid #1A3C7C;
      border-top: 10px solid transparent;
    }

    /* 次への矢印カスタマイズ */
    .swiper-button-next::after {
      border-bottom: 10px solid transparent;
      border-left: 15px solid #1A3C7C;
      border-top: 10px solid transparent;
    }
  }

  .sec04-slider_title02 {
    font-size: 3.088235294117647vw;
    margin: 0 auto 4.411764705882353vw;
  }

  .swiper-container.sec04-swiper02 {
    position: relative;
    margin: 0 auto;

    .swiper {
      width: 83.52941176470588vw;

      ul {
        li {
          background-color: #fff;
          padding: 1.4705882352941175vw 0;

          h4 {
            background-color: #1A3C7C;
            width: 22.499264705882354vw;
            height: 3.575735294117647vw;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto 0.5882352941176471vw;
          }

          .point {
            width: 21.764705882352942vw;
            margin: 0 auto 0.5147058823529411vw;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 0.3676470588235294vw 0;

            span {
              background-color: #E4E4E4;
              width: 10.504411764705884vw;
              height: 2.011764705882353vw;
              display: flex;
              justify-content: center;
              align-items: center;
            }
          }

          .slider-img {
            width: 21.754411764705882vw;
            margin: 0 auto 0.3676470588235294vw;
          }

          p {
            width: 21.754411764705882vw;
            margin: 0 auto;
            line-height: 1.5;
            text-align: left;
          }

          .sec04-description {
            width: 21.754411764705882vw;
            margin: 0 auto;
            line-height: 1.5;
            text-align: left;
            padding: 0;
            position: relative;

            &::before {
              content: "";
              display: block;
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background: #1A3C7C;
              position: absolute;
              left: -10px;
              top: calc(0.75em - 3px);
            }
          }

          .annual_income {
            background-color: #1A3C7C;
            width: 22.499264705882354vw;
            height: 4.544852941176471vw;
            font-weight: 900;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0.7352941176470588vw auto 0;

            p {
              text-align: center;

              span {
                font-size: 2.8676470588235294vw;
                margin: 0 0.3676470588235294vw;
              }
            }
          }
        }
      }
    }

    .swiper-button-prev,
    .swiper-button-next {
      background-color: #fff;
      width: 1.9367647058823527vw;
      height: 16.241176470588233vw;
      top: 30%;
    }

    /* 前へ次への矢印カスタマイズ */
    .swiper-button-prev::after,
    .swiper-button-next::after {
      bottom: 0;
      content: "";
      height: 0;
      margin: auto;
      position: absolute;
      top: 0;
      width: 0;
    }

    /* 前への矢印カスタマイズ */
    .swiper-button-prev::after {
      border-bottom: 10px solid transparent;
      border-right: 15px solid #1A3C7C;
      border-top: 10px solid transparent;
    }

    /* 次への矢印カスタマイズ */
    .swiper-button-next::after {
      border-bottom: 10px solid transparent;
      border-left: 15px solid #1A3C7C;
      border-top: 10px solid transparent;
    }
  }

}

@media(max-width:768px) {

  .no-webp .sec04 {
    background: url(../img/sp/sec04_bg.png);
  }

  .sec04 {

    .sec04-top {
      background-image: url(../img/sp/sec04_bg.webp);
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 12.82051282051282vw 0 10.256410256410255vw;

      .sec04-top_inner {
        width: 87.6923076923077vw;
        margin: 0 auto;

        .flex {
          display: block;
          margin: 0 auto 5.641025641025641vw;
        }

        h2 {
          width: 71.02564102564102vw;
          margin: 0 auto 5.128205128205128vw;
        }

        p {
          margin: 0 auto 10.76923076923077vw;
          width: 85.64102564102564vw;
        }

        .sec04-top_note {
          width: 100%;
        }

        h3 {
          line-height: 1.435;
        }
      }
    }

    .sec04-contents {
      background-color: #1A3C7C;
      clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
      padding: 11.282051282051283vw 0 15.897435897435896vw;

      .sec04-slider_title01 {
        width: 85.64102564102564vw;
        margin: 0 auto 7.6923076923076925vw;
        left: initial;
      }
    }

    .swiper-container.sec04-swiper01 {
      position: relative;
      margin: 0 auto 9.487179487179487vw;

      .swiper {
        width: 85.64102564102564vw;

        ul {
          li {
            padding: 4.102564102564102vw 0 5.128205128205128vw;

            h4 {
              width: 78.45897435897436vw;
              height: 12.46923076923077vw;
              margin: 0 auto 2.051282051282051vw;
            }

            .point {
              width: 75.64102564102564vw;
              margin: 0 auto 1.7948717948717947vw;
              gap: 2.564102564102564vw 0;

              span {
                width: 36.63076923076923vw;
                height: 7.015384615384615vw;
              }
            }

            .slider-img {
              width: 75.86153846153847vw;
              margin: 0 auto 1.282051282051282vw;
            }

            p {
              width: 75.86153846153847vw;
            }

            .sec04-description {
              width: 75.86153846153847vw;
            }

            .annual_income {
              width: 78.2051282051282vw;
              height: 15.897435897435896vw;
              margin: 2.564102564102564vw auto 0;

              p {
                text-align: center;

                span {
                  font-size: 10vw;
                  margin: 0 1.5384615384615385vw;
                }
              }
            }
          }
        }
      }

      .swiper-button-prev,
      .swiper-button-next {
        background-color: #fff;
        width: 5.384615384615385vw;
        height: 56.635897435897434vw;
        top: 30%;
      }

      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: 0;
      }

      .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
        left: 0;
      }
    }

    .sec04-slider_title02 {
      margin: 0 auto 9.487179487179487vw;

      h2 {
        font-size: 5.641025641025641vw;
      }
    }

    .swiper-container.sec04-swiper02 {
      position: relative;
      margin: 0 auto;
      margin: 0 auto 9.487179487179487vw;

      .swiper {
        width: 85.64102564102564vw;

        ul {
          li {
            padding: 4.102564102564102vw 0 5.128205128205128vw;

            h4 {
              width: 78.45897435897436vw;
              height: 12.46923076923077vw;
              margin: 0 auto 2.051282051282051vw;
            }

            .point {
              width: 75.64102564102564vw;
              margin: 0 auto 1.7948717948717947vw;
              gap: 2.564102564102564vw 0;

              span {
                width: 36.63076923076923vw;
                height: 7.015384615384615vw;
              }
            }

            .slider-img {
              width: 75.86153846153847vw;
              margin: 0 auto 1.282051282051282vw;
            }

            p {
              width: 75.86153846153847vw;
            }

            .sec04-description {
              width: 75.86153846153847vw;
            }

            .annual_income {
              width: 78.2051282051282vw;
              height: 15.897435897435896vw;
              margin: 2.564102564102564vw auto 0;

              p {
                text-align: center;

                span {
                  font-size: 10vw;
                  margin: 0 1.5384615384615385vw;
                }
              }
            }
          }
        }
      }

      .swiper-button-prev,
      .swiper-button-next {
        background-color: #fff;
        width: 5.384615384615385vw;
        height: 56.635897435897434vw;
        top: 30%;
      }

      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: 0;
      }

      .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
        left: 0;
      }
    }
  }

}

/* section05 */

.no-webp .sec05 {
  background: url(../img/sec05_bg.jpg);
}

.sec05 {
  background-image: url(../img/sec05_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5.147058823529411vw 0;
  position: relative;

  .h2-wrap {
    width: 23.38235294117647vw;
    margin: 0 auto 4.852941176470589vw;
  }

  ul {
    flex-wrap: wrap;
    row-gap: 2.2058823529411766vw;
    justify-content: space-between;
    width: 51.24999999999999vw;
    margin: 0 auto;

    li {
      width: 24.558823529411764vw;
      background-color: #1A3C7C;
      padding: 1.5441176470588236vw 0 2.0588235294117645vw;

      .user-img {
        width: 21.754411764705882vw;
        margin: 0 auto 1.8382352941176472vw;
        position: relative;

        p {
          position: absolute;
          bottom: 0;
          background-color: rgba(26, 60, 124, 0.85);
          width: 100%;
          height: 3.6764705882352944vw;
          display: flex;
          align-items: center;
          justify-content: space-around;
          font-weight: 900;
          text-align: center;
        }
      }

      .user-wrap {
        width: 21.764705882352942vw;
        margin: 0 auto;
        text-align: left;

        span {
          margin: 0 auto 0.29411764705882354vw;
          display: inline-block;
          font-weight: 900;
        }

        p {
          line-height: 1.5;
        }
      }
    }
  }
}

@media(max-width:768px) {
  .no-webp .sec05 {
    background: url(../img/sp/sec05_bg.jpg);
  }

  .sec05 {
    background-image: url(../img/sp/sec05_bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 11.282051282051283vw 0 4.615384615384616vw;
    position: relative;

    .h2-wrap {
      width: 81.53846153846153vw;
      margin: 0 auto 12.307692307692308vw;
    }

    ul {
      row-gap: 4.615384615384616vw;
      width: 85.64102564102564vw;

      li {
        width: 85.64102564102564vw;
        padding: 5.384615384615385vw 0 7.179487179487179vw;

        .user-img {
          width: 75.86153846153847vw;
          margin: 0 auto 6.41025641025641vw;

          p {
            height: 13.076923076923078vw;
          }
        }

        .user-wrap {
          width: 75.86153846153847vw;

          span {
            margin: 0 auto 1.7948717948717947vw;
          }
        }
      }
    }
  }
}

/* section06 */

.no-webp .sec06 {
  background: url(../img/sec06_bg.jpg);
}

.sec06 {
  background-image: url(../img/sec06_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5.147058823529411vw 0 7.647058823529412vw;

  .h2-wrap {
    width: 24.264705882352942vw;
    margin: 0 auto 5.147058823529411vw;

    h2 {
      margin: 0 auto 0.7352941176470588vw;
    }
  }

  ul {
    width: 68.01470588235294vw;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.2058823529411766vw 0;
  }

  li {
    width: 21.323529411764707vw;
  }
}

@media(max-width:768px) {
  .no-webp .sec06 {
    background: url(../img/sp/sec06_bg.jpg);
  }

  .sec06 {
    background-image: url(../img/sp/sec06_bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12.82051282051282vw 0 15.384615384615385vw;

    .h2-wrap {
      width: 84.61538461538461vw;
      margin: 0 auto 12.82051282051282vw;

      h2 {
        margin: 0 auto 0.7352941176470588vw;
      }
    }

    .swiper-container {
      position: relative;

      .swiper {
        width: 74.35897435897436vw;
      }

      .swiper-button-prev,
      .swiper-button-next {
        background-color: #fff;
        width: 5.384615384615385vw;
        height: 56.635897435897434vw;
        top: 30%;
      }

      /* 前へ次への矢印カスタマイズ */
      .swiper-button-prev::after,
      .swiper-button-next::after {
        bottom: 0;
        content: "";
        height: 0;
        margin: auto;
        position: absolute;
        top: 0;
        width: 0;
      }

      /* 前への矢印カスタマイズ */
      .swiper-button-prev::after {
        border-bottom: 10px solid transparent;
        border-right: 15px solid #1A3C7C;
        border-top: 10px solid transparent;
      }

      /* 次への矢印カスタマイズ */
      .swiper-button-next::after {
        border-bottom: 10px solid transparent;
        border-left: 15px solid #1A3C7C;
        border-top: 10px solid transparent;
      }

      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: 0;
      }

      .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
        left: 0;
      }
    }

    ul {
      width: initial;
      gap: 0;
      flex-wrap: initial;
    }

    li {
      width: initial;
    }
  }
}

/* section07 */

.sec07 {

  .sec07-top {
    background-color: #3A5FA4;
    padding: 5.147058823529411vw 0;
    clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 98%, 0 85%);

    .h2-wrap {
      width: 24.264705882352942vw;
      margin: 0 auto 5.147058823529411vw;

      h2 {
        margin: 0 auto 0.7352941176470588vw;
      }
    }

    ul {
      width: 68.01470588235294vw;
      margin: 0 auto 5.147058823529411vw;
      flex-wrap: wrap;
      justify-content: space-between;

      li {
        width: 21.323529411764707vw;
      }
    }

    .sec07-text {
      width: 21.764705882352942vw;
      margin: 0 auto;
    }
  }

  .sec07-result {
    width: 42.720588235294116vw;
    margin: 1.911764705882353vw auto 3.308823529411765vw;
  }

}

@media(max-width:768px) {
  .sec07 {

    .sec07-top {
      background-color: #3A5FA4;
      padding: 12.051282051282051vw 0 13.58974358974359vw;
      clip-path: polygon(0% 0%, 100% 0, 100% 95%, 50% 100%, 0 95%);

      .h2-wrap {
        width: 80.51282051282051vw;
        margin: 0 auto 7.179487179487179vw;

        h2 {
          margin: 0 auto 0.7352941176470588vw;
        }
      }

      ul {
        width: 74.35897435897436vw;
        margin: 0 auto 9.487179487179487vw;
        gap: 7.179487179487179vw 0;

        li {
          width: 100%;
        }
      }

      .sec07-text {
        width: 56.666666666666664vw;
        margin: 0 auto;
      }
    }

    .sec07-result {
      width: 64.87179487179488vw;
      margin: 0 auto 17.94871794871795vw;
    }

  }
}

/* section08 */

.no-webp .sec08 {
  background: url(../img/sec08_bg.jpg);
}

.sec08 {
  background-image: url(../img/sec08_bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5.147058823529411vw 0 7.352941176470589vw;

  .h2-wrap {
    width: 24.264705882352942vw;
    margin: 0 auto 5.88235294117647vw;

    h2 {
      margin: 0 auto 0.7352941176470588vw;
    }
  }

  ul {
    width: 73.6029411764706vw;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;

    li {
      width: 23.01470588235294vw;
    }
  }

}


@media(max-width:768px) {
  .no-webp .sec08 {
    background: url(../img/sp/sec08_bg.jpg);
  }

  .sec08 {
    background-image: url(../img/sp/sec08_bg.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12.82051282051282vw 0 17.17948717948718vw;

    .h2-wrap {
      width: 84.61538461538461vw;
      margin: 0 auto 11.538461538461538vw;

      h2 {
        margin: 0 auto 0.7352941176470588vw;
      }
    }

    ul {
      width: 84.61538461538461vw;
      gap: 10.256410256410255vw 0;

      li {
        width: 100%;
      }
    }

  }
}

/* section09 */

.sec09 {
  padding: 6.029411764705882vw 0 5.367647058823529vw;

  .h2-wrap {
    width: 23.08823529411765vw;
    margin: 0 auto 5.147058823529411vw;

    h2 {
      margin: 0 auto 0.7352941176470588vw;
    }
  }

  /* accordion */

  .faq {
    width: 54.48529411764705vw;
    margin: 0 auto;
  }

  .accordion {
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 4.411764705882353vw; */
    position: relative;
    width: 100%;
  }

  .accordion-title {
    cursor: pointer;
    /* padding: 0.8823529411764706vw 0.8088235294117648vw; */
    position: relative;
    text-align: left;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4.044117647058823vw;
    font-weight: 700;
    background-color: #1A3C7C;

    .q {
      width: 2.6470588235294117vw;
      height: 100%;
      text-align: center;
      margin-right: 0.8823529411764706vw;
      font-size: 1.7647058823529411vw;
      font-weight: 900;
      line-height: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: -0.3676470588235294vw;
    }
  }

  .accordion-content {
    display: none;
    padding: 0.7352941176470588vw 0 2.2058823529411766vw 0;
  }

  .content-flex {
    display: flex;

    span {
      font-size: 1.6176470588235297vw;
      font-weight: 600;
      margin-right: 1.397058823529412vw;
    }
  }

  .accordion-content p {
    text-align: left;
    line-height: 1.5;
  }

  /* タイトルの背景色 */
  .accordion-item {
    border-bottom: 1px solid #B6C6E8;
  }

  /* 縦線 */
  .accordion-title::before {
    background: #fff;
    /* 線の色 */
    content: "";
    height: 2px;
    /* 線の太さ */
    position: absolute;
    right: 1.1029411764705883vw;
    top: 50%;
    /* 線の位置を縦中央に */
    transform: rotate(90deg);
    /* 線を縦に */
    transition: transform .3s ease-in-out;
    width: 15px;
    /* 線の幅 */
  }

  /* 横線 */
  .accordion-title::after {
    background: #fff;
    /* 線の色 */
    content: "";
    height: 2px;
    /* 線の太さ */
    position: absolute;
    right: 1.1029411764705883vw;
    top: 50%;
    /* 線の位置を縦中央に */
    transition: opacity .3s ease-in-out;
    width: 15px;
    /* 線の幅 */
  }

  /* 縦線(クリック後) */
  .accordion-title.open::before {
    transform: rotate(180deg);
  }

  /* 横線(クリック後) */
  .accordion-title.open::after {
    opacity: 0;
  }

  .faq-bnr {
    margin: 3.308823529411765vw auto 0;
  }
}

@media(max-width:768px) {

  .sec09 {
    padding: 11.794871794871794vw 0 0;

    .h2-wrap {
      width: 84.61538461538461vw;
      margin: 0 auto 10.256410256410255vw;

      h2 {
        margin: 0 auto 0.7352941176470588vw;
      }
    }

    /* accordion */

    .faq {
      width: 84.61538461538461vw;
    }

    .accordion-title {
      height: 21.28205128205128vw;
      line-height: 1.375;

      .q {
        width: 8.717948717948717vw;
        margin-right: 3.3333333333333335vw;
        font-size: 6.153846153846154vw;
        margin-top: -1.367647vw;
      }
    }

    .accordion-content {
      padding: 4.102564102564102vw 0 7.6923076923076925vw 0;
    }

    .content-flex {
      display: flex;

      span {
        font-size: 1.6176470588235297vw;
        font-weight: 600;
        margin-right: 1.397058823529412vw;
      }
    }

    .accordion-content p {
      text-align: left;
      line-height: 1.5;
    }

    /* タイトルの背景色 */
    .accordion-item {
      border-bottom: 1px solid #B6C6E8;
    }

    /* 縦線 */
    .accordion-title::before {
      background: #fff;
      /* 線の色 */
      content: "";
      height: 2px;
      /* 線の太さ */
      position: absolute;
      right: 1.1029411764705883vw;
      top: 50%;
      /* 線の位置を縦中央に */
      transform: rotate(90deg);
      /* 線を縦に */
      transition: transform .3s ease-in-out;
      width: 15px;
      /* 線の幅 */
    }

    /* 横線 */
    .accordion-title::after {
      background: #fff;
      /* 線の色 */
      content: "";
      height: 2px;
      /* 線の太さ */
      position: absolute;
      right: 1.1029411764705883vw;
      top: 50%;
      /* 線の位置を縦中央に */
      transition: opacity .3s ease-in-out;
      width: 15px;
      /* 線の幅 */
    }

    /* 縦線(クリック後) */
    .accordion-title.open::before {
      transform: rotate(180deg);
    }

    /* 横線(クリック後) */
    .accordion-title.open::after {
      opacity: 0;
    }

    .faq-bnr {
      margin: 12.051282051282051vw auto 0;
    }
  }

}





@media screen and (-webkit-min-device-pixel-ratio:0) {

  ::i-block-chrome,
  :root input::-webkit-input-placeholder {
    line-height: normal;
    position: relative;
    bottom: 0;
  }
}