/* base */
.slider2,.slider3,.slider4,.slider5 {width:100%;overflow:hidden;position:relative;}
.slider2 img,.slider3 img,.slider4 img,.slider5 img{
width:100%;height:auto;vertical-align:top;}
}


/* slide */
.slider2 .slide-wrap {
	width:200%;position:absolute;display:flex;top:0;left:0;z-index:0;
	animation:slider2 10s infinite;animation-delay:5s;}
.slider2 .slide-wrap-main {
	width:100%;z-index:1;
	animation:slider-main2 10s infinite; animation-delay:5s;}
.slider2 .slide {width:100%;}

.slider3 .slide-wrap {
	width:300%;position:absolute;display:flex;top:0;left:0;z-index:0;
	animation:slider3 10s infinite;animation-delay:5s;}
.slider3 .slide-wrap-main {
	width:100%;z-index:1;
	animation:slider-main3 10s infinite;animation-delay:5s;}
.slider3 .slide {width:100%;}

.slider4 .slide-wrap {
	width:400%;position:absolute;display:flex;top:0;left:0;z-index:0;
	animation:slider4 10s infinite; animation-delay:5s;}
.slider4 .slide-wrap-main {
	width:100%;z-index:1;
	animation:slider-main4 10s infinite;animation-delay:5s;}
.slider4 .slide {width:100%;}

.slider5 .slide-wrap {
	width:500%;position:absolute;display:flex;top:0;left:0;z-index:0;
	animation:slider5 10s infinite; animation-delay:5s;}
.slider5 .slide-wrap-main {
	width:100%;z-index:1;
	animation:slider-main5 10s infinite;animation-delay:5s;}
.slider5 .slide {width:100%;}


/* slider animation */
@keyframes slider2 {
0% { transform:translateX(0);}
40% { transform:translateX(calc(1/2* -100%));}
50% { transform:translateX(calc(1/2* -100%));}
90% { transform:translateX(calc(2/2* -100%));}
100% { transform:translateX(calc(2/2* -100%));}
}
@keyframes slider-main2 {
0% { transform:translateX(100%);}
50% { transform:translateX(100%);}
90% { transform:translateX(0%);}
}

@keyframes slider3 {
0% { transform:translateX(0); }
27.3% { transform:translateX(calc(1 / 3 * -100%)); }
33.3% { transform:translateX(calc(1 / 3 * -100%)); }
60.6% { transform:translateX(calc(2 / 3 * -100%)); }
66.6% { transform:translateX(calc(2 / 3 * -100%)); }
94% { transform:translateX(calc(3 / 3 * -100%)); }
100% { transform:translateX(calc(3 / 3 * -100%)); }
}
@keyframes slider-main3 {
0% { transform:translateX(100%); }
66.6% { transform:translateX(100%); }
94% { transform:translateX(0%);}
}

@keyframes slider4 {
0% { transform:translateX(0); }
20% { transform:translateX(calc(1 / 4 * -100%)); }
25% { transform:translateX(calc(1 / 4 * -100%)); }
45% { transform:translateX(calc(2 / 4 * -100%)); }
50% { transform:translateX(calc(2 / 4 * -100%)); }
70% { transform:translateX(calc(3 / 4 * -100%)); }
75% { transform:translateX(calc(3 / 4 * -100%)); }
95% { transform:translateX(calc(4 / 4 * -100%)); }
100% { transform:translateX(calc(4 / 4 * -100%)); }
}
@keyframes slider-main4 {
0% { transform:translateX(100%); }
75% { transform:translateX(100%); }
95% { transform:translateX(0%);}
}

@keyframes slider5 {
0% { transform: translateX(0); }
16% { transform: translateX(calc(1 / 5 * -100%)); }
20% { transform: translateX(calc(1 / 5 * -100%)); }
36% { transform: translateX(calc(2 / 5 * -100%)); }
40% { transform: translateX(calc(2 / 5 * -100%)); }
56% { transform: translateX(calc(3 / 5 * -100%)); }
60% { transform: translateX(calc(3 / 5 * -100%)); }
76% { transform: translateX(calc(4 / 5 * -100%)); }
80% { transform: translateX(calc(4 / 5 * -100%)); }
96% { transform: translateX(calc(5 / 5 * -100%)); }
100% { transform: translateX(calc(5 / 5 * -100%)); }
}

@keyframes slider-main5 {
0% { transform: translateX(100%); }
80% { transform: translateX(100%); }
96% { transform: translateX(0%);}
}