@charset "utf-8";
/* dot部分の調整 */
.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-pagination-bullet {
    opacity: 1;
    transition: all .5s ease-in-out;
    position: relative;
    width: 5px;
    height: 5px;
	background: #B2E5E1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    background-color: #00A99D;

}
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    content: "";
    width:25px;
    height:1px;
    top: 0;
    bottom: 0;
    left: -7px;
    margin: auto;
    background:#00A99D;
    animation: anim 8s  forwards;
    transform-origin: left top !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:first-of-type:before{
    left: 2px;
    animation: anim02 8s  forwards;
  }
.swiper-pagination-bullet.swiper-pagination-bullet-active:last-of-type:before{
    animation: anim03 5.5s  forwards;
  }
@keyframes anim {
    0% {
    /* width: 0; */
    transform: scale(0.4,1)  translateX(10%) ;
    }
    10% {
        transform: scale(0.6 ,1)   translateX(50%) ;

    }
    60% {
        transform: scale(0.7 ,1)  translateX(70%) ;

    }
    100% {
    /* width: 100%; */
    transform: scale(1,1);
    }
  }
@keyframes anim02 {
    0% {
    /* width: 0; */
    transform: scale(0,1);
    }
    10% {
        transform: scale(0.6 ,1)   translateX(20%) ;

    }
    60% {
        transform: scale(0.7 ,1)   translateX(30%) ;

    }
    100% {
    /* width: 100%; */
    transform: scale(1,1);
    }
  }
@keyframes anim03 {
    0% {
    /* width: 0; */
    transform: scale(0.4,1)  translateX(20%) ;
    }
    /* 60% {
        transform: scale(0.5 ,1)   translateX(30%) ;

    } */
    /* 70% {
        transform: scale(0.5 ,1)   translateX(50%) ;

    } */
    30% {
        transform: scale(0.3 ,1)   translateX(70%) ;

    }
    100% {
    /* width: 100%; */
    transform: scale(0.3,1)   translateX(100%);
    }
  }
  .slick-dots li {
    margin: 0;
    width: 25px;
}
.slick-dots li:last-child {
    width: 8px;
}
.slick-dots li button {
    width: auto;
    height: auto;
    padding: 0;
}
.slick-dots li button:before {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    content: "";
    background-color: #00A99D;
    opacity: .25;
    border-radius: 50%;
    transition: all .5s ease-in-out;
}
.slick-dots li.slick-active button:before {
    width: 8px;
    height: 8px;
    opacity: 1;
}
.slick-dots li button:after{
    transition: translate .5s ease-in-out;
}
.slick-dots li.slick-active button:after{
    position: absolute;
    content: "";
    width:20px;
    height:1px;
    top: 0;
    bottom: 0;
    left: -7px;
    margin: auto;
    opacity: .75;
    background:#00A99D;
    animation: anim 5s  infinite;
    /* transition-delay: 2s;
    transition: translate .1s linear; */
    transform-origin: left top !important;
  }
  .slick-dots li:first-child.slick-active button:after{
    left: 2px;
    animation: anim02 5s  infinite;
  }
  .slick-dots li:last-child.slick-active button:after{
    animation: anim03 5s  infinite;
  }

  .top__mv-wrap .top-mv__img.mv-img03 .top_mv-slide::before {
      background-attachment:fixed;
  }
  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
  }