@charset "UTF-8";

/* スライド上書き */
.slidewrap {
  width: 100%;
  margin-bottom: calc(145vw / var(--window));
}
.splide__pagination{
  bottom: calc(40vw / -5) !important;
}
/* .splide__pagination__page {
  width: 10px!important;
  height: 10px!important;
  margin: 5px!important;
  background:#e3a4a7!important;
  border-radius: 0!important;
  opacity: 1!important;
} */
/* .splide__pagination__page.is-active{
  background:#b81c22!important;
} */
.splide__slide{
  opacity: 0.7!important;
}
.splide__slide.is-active{
    opacity: 1!important;
}
  /* .splide__arrow {
  background: none!important;
  } */
/* .splide__arrow.allyear-arrow{
  height: calc(19vw / 7.68);
  width: calc(35vw / 7.68);
  opacity: 1;
}
.splide__arrow.allyear-arrow svg {
  fill: #fff;
  height: calc(19vw / 7.68);
  width: calc(35vw / 7.68);
} */

/* .splide__arrow--prev.allyear1-prev{
left: calc(30vw / 7.68);
}
.splide__arrow--next.allyear1-next{
right: calc(30vw / 7.68);
} */



.sec05-slide01{
  background-image: url(../img/sec05-slide01.webp);
}
.sec05-slide02{
  background-image: url(../img/sec05-slide02.webp);
}
.sec05-slide03{
  background-image: url(../img/sec05-slide03.webp);
}
.sec05-slide04{
  background-image: url(../img/sec05-slide04.webp);
}
.sec05-slide05{
  background-image: url(../img/sec05-slide05.webp);
}
.sec05-slide06{
  background-image: url(../img/sec05-slide06.webp);
}
.sec05-slide07{
  background-image: url(../img/sec05-slide07.webp);
}
.splide__arrow svg,
.splide__arrow svg {
  display: none;
}
.splide__arrow--prev{
  width: calc(55vw / 7.68);
  left: 50%;
  transform: translateX(calc(-280vw / 7.68));
  background: url(../img/arrow_prev.webp) no-repeat center / contain;
}
.splide__arrow--next{
  width: calc(55vw / 7.68);
  right: 50%;
  transform: translateX(calc(280vw / 7.68));
  /* right: calc(80vw / 7.68); */
  background: url(../img/arrow_next.webp) no-repeat center / contain;
}
.sec03 .splide__track--nav > .splide__list > .splide__slide,
.splide__track--nav > .splide__list > .splide__slide.sec05-slide{
  border: none!important;
}
.sec03 .splide__track--nav > .splide__list > .splide__slide.is-active,
.splide__track--nav > .splide__list > .splide__slide.sec05-slide.is-active{
  border: none;

}
.sec05-slide {
  padding: 0 calc(55vw / 7.68) calc(50vw / 7.68);
  color: #001527;
  width: calc(440vw / 7.68);
  height: calc(740vw / 7.68);
  position: relative;
  border-radius: calc(32vw / 7.68);
  background-color: #FFF9EF;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: contain;
}

.sec05-slide h3{
  font-size: calc(33.6vw / 7.68);
  padding-top: calc(300vw / 7.68);
  text-align: center;
  font-weight: 500;
  margin-bottom: 0.2em;
  color: #6E81D2;
}
.sec05-slide .text{
  font-size: clamp(.6875rem,calc(22vw / 7.68),1.375rem);
  line-height: 1.75;
  margin-bottom: 1.5em;
  text-align: left;
}
.sec05-slide-btn{
  background: url(../img/sec05-btn-arr.webp) no-repeat right 4% center #6E81D2;
  background-size: calc(42vw / 7.68);
  text-align: center;
  position: absolute;
  bottom: calc(26vw / 7.68);
  right: 0;
  left: 0;
  width: calc(360vw / 7.68);
  height: calc(60vw / 7.68);
  border-radius: calc(30vw / 7.68);
  margin: auto;
}
.sec05-slide-btn a{
  color: #fff;
  font-size: clamp(1rem,calc(32vw / 7.68),2rem);
  line-height: 1.7;
  width: 100%;
  height: 100%;
  display: block;
}

/* //////////////////////////////////////////////////////////////////////////////// PC //////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 769px) {
  /* スライド上書き */
  /* .slidewrap {
    width: 100%;
  } */
  /* .splide__pagination{
    bottom: -40px!important;
  } */
  .splide__pagination__page {
    width: 10px!important;
    height: 10px!important;
    margin: 5px!important;
    background:#e3a4a7!important;
    border-radius: 0!important;
    opacity: 1!important;
  }
  .splide__pagination__page.is-active{
    background:#b81c22!important;
  }
  .splide__slide{
    opacity: 0.7!important;
  }
  .splide__slide.is-active{
      opacity: 1!important;
  }
  /* .splide__arrow {
    width: calc(55vw / 19.2) ;
  } */
  .splide__arrow--prev{
    width: 60px;
    left: 50%;
    transform: translateX(-300px);
    /* left: calc(650vw / 19.2); */
    /* background: url(../img/arrow_prev.webp) no-repeat center / contain; */
  }
  .splide__arrow--next{
    width: 60px;
    right: 50%;
    transform: translateX(300px);
    /* right: calc(650vw / 19.2); */
    /* background: url(../img/arrow_next.webp) no-repeat center / contain; */
  }

  .splide__arrow.allyear-arrow{
    height: 19px;
    width: 35px;
    opacity: 1;
  }
  .splide__arrow.allyear-arrow svg {
    fill: #fff;
    height: 19px;
    width: 35px;
  }

  /* .splide__arrow--prev.allyear1-prev{
  left: 30px;
  }
  .splide__arrow--next.allyear1-next{
  right: 30px;
  } */
  .slidewrap{
    margin-bottom: calc(140vw / 19.2);
  }

  .splide__arrow--prev.allyear2-prev{
  left: 15px;
  }
  .splide__arrow--next.allyear2-next{
  right: 15px;
  }
  .sec03 .splide__track--nav > .splide__list > .splide__slide,
  .splide__track--nav > .splide__list > .splide__slide.sec05-slide{
    border: none!important;
  }
  .sec03 .splide__track--nav > .splide__list > .splide__slide.is-active,
  .splide__track--nav > .splide__list > .splide__slide.sec05-slide.is-active{
    border: none;

  }
  .sec05-slide{
    padding: 0 50px 54px;
    color: #001527;
    width: 440px;
    height: 692px;
    position: relative;
    border-radius: calc(32vw / 19.2);
  }

  .sec05-slide h3{
    font-size: 32px;
    padding-top: 300px;
    /* text-align: center;
    font-weight: 500; */
    margin-bottom: 0.2em;
    /* color: #d1201a; */
  }
  .sec05-slide .text{
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 1.5em;
    text-align: left;
  }
  .sec05-slide-btn{
    /* background: url(../img/sec05-btn-arr.webp) no-repeat right 4% center#d1201a; */
    background-size: 42px;
    bottom: 54px;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    width: 360px;
    height: 60px;
    border-radius: 35px;
    margin: auto;
  }
  .sec05-slide-btn a{
    color: #fff;
    font-size: 24px;
    line-height: 2.4;
    width: 100%;
    height: 100%;
    display: block;
  }
}