@charset "UTF-8";

#mv .splide .splide__slide::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #000;
z-index: 2;
}
#mv .splide .splide__slide.is-active::before {
animation: splideAnime forwards 0.5s 1 cubic-bezier(.5, 0, .2, 1) 0.1s normal;
}
@keyframes splideAnime {
0% {
width: 100%;
}
100% {
width: 0;
}
}

#mv .splide .slide-media {
width: 100%;
aspect-ratio: 1 / 0.4;
background: #ffffff;
}
#mv .splide .slide-media img {
object-fit: cover;
}
#mv .splide .slide-media.is-active img {
animation: splideImg forwards 6.5s 1 ease-in 0s normal;
transform: scale(1);
}
@keyframes splideImg {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}



@keyframes mv02-fadeIn {
0% {
transform: translateY(-7rem);
opacity: 0;
}

100% {
transform: translateY(0);
opacity: 1;
}
}

@keyframes mv02-fadeOut {
0% {
transform: translateY(0);
opacity: 1;
}

100% {
transform: translateY(7rem);
opacity: 0;
}
}

/*PC*/
@media print, screen and (min-width: 768px) {
/* slider */
.slide-media,
.thumb-media {
position: relative;
overflow: hidden;
}

.slide-media img,
.thumb-media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.splide {
z-index: 0;
}

.splide-wrapper {
position: relative;
}

.splide__arrow>svg {
display: none;
}

.mv02 {
}

.mv02 .l-inner {
padding-bottom: 0;
}

.mv02 .slide {
display: grid;
place-content: center;
height: 100vh;
text-align: center;
}

.mv02 .slide-media {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mv02 .slide-media img {
transition: 7s 1s linear;
transform: translateX(-1.5%) scale(1.1);
}

.mv02 .splide__slide[class*=-active] .slide-media img {
transition-delay: 0s;
transform: translateX(1.5%) scale(1.05);
}

.splide__pagination {
display: none;
}

}
/*SP*/
@media print, screen and (max-width: 767px) {
/* slider */
.slide-media,
.thumb-media {
position: relative;
overflow: hidden;
}

.slide-media img,
.thumb-media img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.splide {
z-index: 0;
}

.splide-wrapper {
position: relative;
}

.splide__arrow>svg {
display: none;
}

.mv02 {
}

.mv02 .l-inner {
padding-bottom: 0;
}

.mv02 .slide {
display: grid;
place-content: center;
height: 100vh;
text-align: center;
}

.mv02 .slide-media {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mv02 .slide-media img {
transition: 7s 1s linear;
transform: translateX(-1.5%) scale(1.1);
}

.mv02 .splide__slide[class*=-active] .slide-media img {
transition-delay: 0s;
transform: translateX(1.5%) scale(1.05);
}

.splide__pagination {
display: none;
}

}