/* ------------common------------ */
 .container {
width: 100%;
height: auto;
background-color: #fff;
}
.slider-area {
position: relative;
width: 100%;
height: 100%;
}
.slider-area div img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* ------------slider-item------------ */
.slider-item5-1 {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 0;
    animation: slideShow5-1 25s linear infinite 0s;
    }
.slider-item3-1 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-1 15s linear infinite 0s;
}
.slider-item3-2 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-2 15s linear infinite 0s;
}
.slider-item3-3 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-3 15s linear infinite 0s;
}
.slider-item3-4 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-4 15s linear infinite 0s;
}
.slider-item3-5 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-5 15s linear infinite 0s;
}
.slider-item3-6 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-6 15s linear infinite 0s;
}
.slider-item3-7 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow3-7 15s linear infinite 0s;
}
.slider-item6-1 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-1 35s linear infinite 0s;
}
.slider-item6-2 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-2 30s linear infinite 0s;
}
.slider-item6-3 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-3 30s linear infinite 0s;
}
.slider-item6-4 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-4 30s linear infinite 0s;
}
.slider-item6-5 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-5 30s linear infinite 0s;
}
.slider-item6-6 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-6 30s linear infinite 0s;
}
.slider-item6-7 {
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
animation: slideShow6-7 30s linear infinite 0s;
}
/* ------------slider-item(nth-child)------------ */
.slider-item5-1:nth-child(2) {
    animation-delay: 5s;
    }
    .slider-item5-1:nth-child(3) {
        animation-delay: 10s;
    }
.slider-item5-1:nth-child(4) {
    animation-delay: 15s;
}
.slider-item5-1:nth-child(5) {
    animation-delay: 20s;
}
.slider-item3-1:nth-child(2) {
animation-delay: 5s;
}
.slider-item3-1:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-1:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-1:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-1:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-1:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-1:nth-child(6) {
animation-delay: 25s;
}
.slider-item6-1:nth-child(7) {
animation-delay: 30s;
}
.slider-item6-2:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-2:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-2:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-2:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-2:nth-child(6) {
animation-delay: 25s;
}
.slider-item6-3:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-3:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-3:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-3:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-3:nth-child(6) {
animation-delay: 25s;
}
.slider-item6-3:nth-child(7) {
animation-delay: 30s;
}
.slider-item6-4:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-4:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-4:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-4:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-4:nth-child(6) {
animation-delay: 25s;
}
.slider-item6-5:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-5:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-5:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-5:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-5:nth-child(6) {
animation-delay: 25s;
}
.slider-item6-6:nth-child(2) {
animation-delay: 5s;
}
.slider-item6-6:nth-child(3) {
animation-delay: 10s;
}
.slider-item6-6:nth-child(4) {
animation-delay: 15s;
}
.slider-item6-6:nth-child(5) {
animation-delay: 20s;
}
.slider-item6-6:nth-child(6) {
animation-delay: 25s;
}
/* ------------keyframes------------ */
@keyframes slideShow5-1 {
    0% {
    opacity: 0;
    animation-timing-function: ease-in;
    }
    4% {
    opacity: 1;
    }
    20% {
    opacity: 1;
    animation-timing-function: ease-out;
    }
    24% {
    opacity: 0;
    }
    100% {
    opacity: 0;
    }
    }
@keyframes slideShow3-1 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
6% {
opacity: 1;
}
33% {
opacity: 1;
animation-timing-function: ease-out;
}
39% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideShow6-1 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideShow6-2 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideShow6-3 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideShow6-4 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}@keyframes slideShow6-5 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideShow6-6 {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
4% {
opacity: 1;
}
20% {
opacity: 1;
animation-timing-function: ease-out;
}
24% {
opacity: 0;
}
100% {
opacity: 0;
}
}