:root {
  --sec1-color: #F7BF6C;
  --sec2-color: #649CE8;
  --sec3-color: #235ad1;
  --sec4-color: #235ad1;
  --sec5-color: #235ad1;
  --sec6-color: #235ad1;
}




/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}

/* ページ共通___________________________*/
.main-area {
  font-family: "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.07em;
  line-height: 1.75;
  font-size: calc(14* (100vw / 375));
  padding-bottom: calc(107* (100vw / 375));
  overflow-x: hidden;
  text-align: left;
}

.main-area img {
  width: 100%;
  height: auto;
}

.main-area a,
.main-area picture {
  display: inline-block;
}

.hira_w6 {
  font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.07em;
}

.main-area .lp_credit {
  position: relative;
  z-index: 2;
  font-size: calc(10* (100vw / 375));
  font-weight: 300;
  line-height: 2.4;
  letter-spacing: 0.1em;
}

.main-area .lp_credit a {
  text-decoration: underline;
}

.js-slider-set2 {
  pointer-events: none;
}

.shadow_img {
  position: relative;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  z-index: 2;
  pointer-events: none;
  transform: translateZ(0);
}

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

@media screen and (min-width: 768px) {
  .main-area {
    font-size: 1.4rem;
    padding-bottom: 10rem;
  }

  .main-area .spOnly {
    display: none;
  }

  .main-area a {
    transition: all 0.3s;
  }

  .main-area .lp_credit {
    font-size: 1rem;
  }
}

/* ▽ sec__fv ▽ */
.sec__fv p {
  width: calc(345* (100vw / 375));
  margin: calc(32* (100vw / 375)) auto 0;
  text-align: left;
  letter-spacing: 0.12em;
  line-height: 2;
}

.sec__fv p span {
  font-size: calc(12* (100vw / 375));
  letter-spacing: 0.12em;
}


@media screen and (min-width: 768px) {
  .sec__fv {
    width: 136.6rem;
    margin: auto;
  }

  .sec__fv p {
    width: 80rem;
    margin: 2.2rem auto 0;
  }

  .sec__fv p span {
    font-size: 1.2rem;
  }
}



/* ▽_____________ sec__style1 ______________▽ */
.sec__style {
  margin-top: calc(40* (100vw / 375));
}

/* 背景色 */
.sec__style {
  position: relative;
}

/* コンテンツ */
/* ▽_____________ style_ttl ______________▽ */
.style_ttl {
  position: relative;
  width: fit-content;
  margin: 0 auto 0;
  text-align: center;
  z-index: 2;
}

.style_ttl::after {
  content: "";
  position: absolute;
  background: #FAEEAA;
  width: calc(10* (100vw / 375));
  height: calc(40* (100vw / 375));
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-55* (100vw / 375));
}

.style_num {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: calc(18* (100vw / 375));
  letter-spacing: 0.04em;
  line-height: 1;
}

.style_ttl h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: calc(40* (100vw / 375));
  margin-top: calc(8* (100vw / 375));
  letter-spacing: 0.04em;
  line-height: 1;
}

.style_ttl_copy {
  font-size: calc(16* (100vw / 375));
  line-height: 1.5;
  margin-top: calc(10* (100vw / 375));
  letter-spacing: 0.1em;
}



/* ▽_____________ img ______________▽ */
.img01 {
  width: calc(375* (100vw / 375));
  margin-top: calc(35* (100vw / 375));
}

.img02 {
  width: calc(200* (100vw / 375));
  margin: calc(22* (100vw / 375)) calc(15* (100vw / 375)) 0 auto;
}

.img03_wrap {
  width: calc(290* (100vw / 375));
  margin: calc(-21* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img03_wrap .lp_credit {
  margin-top: calc(13* (100vw / 375));
}

.img04 {
  width: calc(375* (100vw / 375));
  margin-top: calc(32* (100vw / 375));
}

.img05_wrap {
  width: calc(310* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.img05_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.detail_tx {
  width: calc(345* (100vw / 375));
  margin: calc(27* (100vw / 375)) auto 0;
  font-size: calc(13* (100vw / 375));
  letter-spacing: 0.12em;
  line-height: 1.923;
}


@media screen and (min-width: 768px) {
  .sec__style {
    margin-top: 5.3rem;
  }

  .relative_wrap {
    position: relative;
    width: 108.2rem;
    height: 219rem;
    margin: auto;
  }

  .relative_wrap>div,
  .relative_wrap>p {
    position: absolute;
    margin: initial;
  }

  .sec__style1 .style_ttl {
    top: 5.3rem;
    left: 5rem;
  }

  .style_ttl::after {
    width: 2rem;
    height: 8rem;
    bottom: -9.5rem;
  }

  .style_num {
    font-size: 2.4rem;
  }

  .style_ttl h3 {
    font-size: 7rem;
    margin-top: 1rem;
  }

  .style_ttl_copy {
    font-size: 1.4rem;
    line-height: 1.714;
    margin-top: 1.3rem;
  }

  /* ▽_____________ img ______________▽ */
  .img01 {
    width: 90rem;
    left: 0;
    top: 27rem;
  }

  .img02 {
    width: 40rem;
    right: 0;
    top: 0;
  }

  .img03_wrap {
    width: 40rem;
    left: 50%;
    transform: translateX(-50%);
    top: 91rem;
  }

  .img03_wrap .lp_credit {
    margin-top: 1.3rem;
  }

  .img04 {
    width: 51rem;
    left: 13.1rem;
    bottom: 0;
  }

  .img05_wrap {
    width: 40rem;
    right: 6.1rem;
    bottom: 10.2rem;
  }

  .img05_wrap .lp_credit {
    margin: 1.3rem 0 0 6rem;
  }

  .detail_tx {
    width: 80rem;
    margin: 3.3rem auto 0;
    font-size: 1.3rem;
  }

  .lp_credit {
    margin-top: 1.3rem;
  }
}


/* ▽_____________ sec__style2 ______________▽ */
.sec__style2 {
  margin-top: calc(55* (100vw / 375));
}

.img06 {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img07 {
  width: calc(280* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img08_wrap {
  width: calc(375* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.img08_wrap .lp_credit {
  margin: calc(14* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img09_wrap {
  width: calc(300* (100vw / 375));
  margin-top: calc(32* (100vw / 375));
}

.img09_wrap .lp_credit {
  margin: calc(15* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img10 {
  width: calc(300* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 auto;
}

.img11 {
  width: calc(200* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.sec__style2 .detail_tx {
  margin-top: calc(35* (100vw / 375));
}

@media screen and (min-width: 768px) {

  /* ▽_____________ sec__style2 ______________▽ */
  .sec__style2 {
    margin-top: 20.4rem;
  }

  .sec__style2 .relative_wrap {
    width: 136.6rem;
    height: 218rem;
  }

  .sec__style2 .style_ttl {
    top: -10.8rem;
    right: 13.9rem;
  }

  .img06 {
    width: 90rem;
    top: 0;
    left: 0;
  }

  .img07 {
    width: 40rem;
    left: 24.3rem;
    top: 90rem;
  }

  .img08_wrap {
    width: 51rem;
    top: 64rem;
    right: 23.3rem;
  }

  .img08_wrap .lp_credit {
    margin: 1.3rem 0 0 6.1rem;
  }

  .img09_wrap {
    width: 40rem;
    bottom: 7.9rem;
    left: 8.2rem;
  }

  .img09_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img10 {
    width: 40rem;
    left: 50%;
    transform: translateX(-35.2%);
    bottom: 6rem;
  }

  .img11 {
    width: 28.2rem;
    right: 8.2rem;
    bottom: 0;
  }

  .sec__style2 .detail_tx {
    margin-top: 3.4rem;
  }
}



/* ▽_____________ sec__style3______________▽ */
.sec__style3 {
  margin-top: calc(54* (100vw / 375));
}

.img12_wrap {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img12_wrap .lp_credit {
  margin: calc(14* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img13 {
  width: calc(315* (100vw / 375));
  margin: calc(33* (100vw / 375)) calc(15* (100vw / 375)) 0 auto;
}

.img14 {
  width: calc(210* (100vw / 375));
  margin: calc(-21* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img15 {
  width: calc(375* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.sec__style3 .detail_tx {
  margin-top: calc(34* (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__style3 {
    margin-top: 9.7rem;
  }

  .sec__style3 .relative_wrap {
    width: 136.6rem;
    height: 199.1rem;
    margin: auto;
  }

  .sec__style3 .style_ttl {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .sec__style3 .style_ttl_copy {
    margin-top: 0.8rem;
  }

  .img12_wrap {
    width: 90rem;
    left: 50%;
    transform: translateX(-50%);
    top: 19.1rem;
  }

  .img12_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img13 {
    width: 51rem;
    right: 8.2rem;
    top: 85.1rem;
  }

  .img14 {
    width: 36rem;
    left: 45.4rem;
    top: 93.1rem;
  }

  .img15 {
    width: 68.3rem;
    left: 0;
    bottom: 0;
  }

  .sec__style3 .detail_tx {
    width: 45rem;
    right: 14.2rem;
    bottom: 5.4rem;
  }
}



/* ▽_____________ sec__style4______________▽ */
.sec__style4 {
  margin-top: calc(55* (100vw / 375));
}

.img16_wrap {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img16_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img17 {
  width: calc(310* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 auto;
}

.img18_wrap {
  width: calc(375* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.img18_wrap .lp_credit {
  margin: calc(14* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img19 {
  width: calc(330* (100vw / 375));
  margin: calc(32* (100vw / 375)) 0 0 auto;
}

.img20 {
  width: calc(378* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 0;
}

.sec__style4 .detail_tx {
  margin-top: calc(34* (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__style4 {
    margin-top: 9rem;
  }

  .sec__style4 .relative_wrap {
    width: 136.6rem;
    height: 223rem;
  }

  .sec__style4 .style_ttl {
    top: 0.3rem;
    left: 23.5rem;
  }

  .img16_wrap {
    width: 40rem;
    top: 19.8rem;
    left: 21.2rem;
  }

  .img16_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img17 {
    width: 51rem;
    right: 8.2rem;
    top: 0;
  }

  .img18_wrap {
    width: 40rem;
    right: 27.4rem;
    top: 70.5rem;
  }

  .img18_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img19 {
    width: 51rem;
    left: 0;
    top: 85.8rem;
  }

  .img20 {
    width: 67rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  .sec__style4 .detail_tx {
    margin-top: 3.4rem;
  }
}


/* ▽_____________ sec__style5______________▽ */
.sec__style5 {
  margin-top: calc(55* (100vw / 375));
}

.img21_wrap {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img21_wrap .lp_credit {
  margin: calc(12* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img22 {
  width: calc(320* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 auto;
}

.img23_wrap {
  width: calc(345* (100vw / 375));
  margin: calc(40* (100vw / 375)) auto 0;
}

.img23_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 0;
}

.img24 {
  width: calc(300* (100vw / 375));
  margin: calc(32* (100vw / 375)) 0 0 0;
}

.sec__style5 .detail_tx {
  margin-top: calc(35* (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__style5 {
    margin-top: 15.4rem;
  }

  .sec__style5 .relative_wrap {
    width: 120rem;
    height: 196rem;
  }

  .sec__style5 .style_ttl {
    top: -5.8rem;
    right: 12.7rem;
  }

  .img21_wrap {
    width: 67rem;
    left: 0;
    top: 0;
  }

  .img21_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img22 {
    width: 60rem;
    right: 0;
    top: 49.5rem;
  }

  .img23_wrap {
    display: flex;
    gap: 4rem;
    align-items: flex-end;
    justify-content: flex-start;
    top: 96rem;
    left: 50%;
    transform: translateX(-22.7%);
    width: 110rem;
  }

  .img23 {
    width: 50rem;
  }

  .img23_wrap .lp_credit {
    margin: 0 0 -0.7rem 0;
  }

  .img24 {
    width: 48rem;
    left: 5.9rem;
    bottom: 0;
  }

  .sec__style5 .detail_tx {
    width: 54.2rem;
    bottom: 8.5rem;
    right: 5.9rem;
    margin: 0;
  }
}


/* ▽_____________ sec__style6______________▽ */
.sec__style6 {
  margin-top: calc(55* (100vw / 375));
}

.img25_wrap {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img25_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img26 {
  width: calc(300* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 auto;
}

.img27_wrap {
  width: calc(270* (100vw / 375));
  margin: calc(40* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img27_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 0;
}

.img28 {
  width: calc(375* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 0;
}

.img29 {
  width: calc(300* (100vw / 375));
  margin: calc(31* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.sec__style6 .detail_tx {
  margin-top: calc(34* (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__style6 {
    margin-top: 18.4rem;
  }

  .sec__style6 .relative_wrap {
    width: 120rem;
    height: 221rem;
  }

  .sec__style6 .style_ttl {
    top: -8.1rem;
    left: 4.8rem;
  }

  .sec__style6 .style_ttl_copy {
    margin-top: 0.8rem;
  }

  .img25_wrap {
    width: 62rem;
    left: 0;
    top: 11rem;
  }

  .img25_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img26 {
    width: 51rem;
    right: 0;
    top: 0;
  }

  .img27_wrap {
    width: 40rem;
    left: 12.1rem;
    top: 105rem;
  }

  .img27_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img28 {
    width: 52rem;
    right: 6rem;
    top: 99rem;
  }

  .img29 {
    width: 68.3rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }

  .sec__style6 .detail_tx {
    margin-top: 3.4rem;
  }
}


/* ▽_____________ sec__style7______________▽ */
.sec__style7 {
  margin-top: calc(54* (100vw / 375));
}

.img30_wrap {
  width: calc(375* (100vw / 375));
  margin-top: calc(36* (100vw / 375));
}

.img30_wrap .lp_credit {
  margin: calc(12* (100vw / 375)) 0 0 calc(15* (100vw / 375));
}

.img31_wrap {
  width: calc(280* (100vw / 375));
  margin: calc(33* (100vw / 375)) calc(15* (100vw / 375)) 0 auto;
}

.img31_wrap .lp_credit {
  margin: calc(13* (100vw / 375)) 0 0 0;
}

.img32 {
  width: calc(375* (100vw / 375));
  margin: calc(33* (100vw / 375)) 0 0 0;
}

.sec__style7 .detail_tx {
  margin-top: calc(34* (100vw / 375));
}

@media screen and (min-width: 768px) {
  .sec__style7 {
    margin-top: 9.7rem;
  }

  .sec__style7 .relative_wrap {
    width: 108rem;
    height: 172.4rem;
  }

  .sec__style7 .style_ttl {
    top: 0;
    left: 50%;
    transform: translateX(-49.6%);
  }

  .img30_wrap {
    width: 62rem;
    left: 50%;
    transform: translate(-50%);
    top: 22rem;
  }

  .img30_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img31_wrap {
    width: 40rem;
    right: 0;
    top: 102rem;
  }

  .img31_wrap .lp_credit {
    margin: 1.3rem 0 0 0;
  }

  .img32 {
    width: 61rem;
    left: 0;
    bottom: 0;
  }

  .sec__style7 .detail_tx {
    margin-top: 3.4rem;
  }
}


/* ▽_____________ sec__style8______________▽ */
.sec__style8 {
  width: calc(345* (100vw / 375));
  margin: calc(64* (100vw / 375)) auto 0;
}

.sec__style8 h3 {
  font-family: "shelby", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(50* (100vw / 375));
  letter-spacing: 0;
  text-align: center;
}

.sec__style8 .inner {
  width: 100%;
  padding: calc(35* (100vw / 375)) 0 calc(30* (100vw / 375)) 0;
  margin-top: calc(-42* (100vw / 375));
  background: #E1F4F3;
  border-radius: 10px;
}

.sec__style8 .inner>p {
  width: calc(305* (100vw / 375));
  margin: auto;
  letter-spacing: 0.12em;
  line-height: 1.785;
}

.sec__style8 .inner_inner {
  background: #fff;
  border-radius: 10px;
  width: calc(305* (100vw / 375));
  margin: calc(15* (100vw / 375)) auto 0;
  padding: calc(14* (100vw / 375)) 0 calc(13* (100vw / 375)) 0;
}

.sec__style8 .inner_inner .main {
  font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.785;
}

.sec__style8 .inner_inner .sub {
  width: calc(280* (100vw / 375));
  text-align: left;
  margin: calc(8* (100vw / 375)) auto 0;
  font-size: calc(12* (100vw / 375));
  letter-spacing: 0.12em;
  line-height: 2.08;
}

.sec__style8 .campaign_link {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #11829D;
  width: calc(240* (100vw / 375));
  height: calc(50* (100vw / 375));
  color: #fff;
  letter-spacing: 0.1em;
  font-size: calc(13* (100vw / 375));
  line-height: 1;
  margin: calc(20 * (100vw / 375)) auto 0;
}

@media screen and (min-width: 768px) {
  .sec__style8 {
    width: 90rem;
    margin: 3.6rem auto 0;
  }

  .sec__style8 h3 {
    font-size: 6rem;
  }

  .sec__style8 .inner {
    padding: 5.5rem 0 3rem 0;
    margin-top: -5.6rem;
  }

  .sec__style8 .inner>p {
    width: 74rem;
  }

  .sec__style8 .inner_inner {
    width: 74rem;
    margin: 1.5rem auto 0;
    padding: 2.3rem 0 2.2rem 0;
  }

  .sec__style8 .inner_inner .main {
    letter-spacing: 0.12em;
    line-height: 2;
  }

  .sec__style8 .inner_inner .sub {
    width: 61rem;
    margin: 0.8rem auto 0;
    font-size: 1.2rem;
  }

  .sec__style8 .campaign_link {
    width: 24rem;
    height: 5rem;
    font-size: 1.3rem;
    margin: 2rem auto 0;
  }
}




/* ▽_____________ lp_foot_btn ______________▽ */
.main-area .lp_foot_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(240* (100vw / 375));
  height: calc(50* (100vw / 375));
  margin: calc(31* (100vw / 375)) auto 0;
  line-height: 1;
  background: #000;
  color: #fff;
  font-family: "HiraKakuProN-W6", "Hiragino Kaku Gothic ProN W6", "Hiragino Sans", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(13* (100vw / 375));
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  .main-area .lp_foot_btn {
    width: 24rem;
    height: 5rem;
    font-size: 1.3rem;
    margin: 3.1rem auto 0;
  }
}


/* ▽ imganime ▽ */
/* .js-fadeIn {
  opacity: 0;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.showFade {
  opacity: 1;
} */

@media (max-width: 1366px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1366));
  }
}