@charset "UTF-8";

.slide {
    position: relative;
    width: 100%;
    height: 90vh;
    max-height: 1200px;
    min-height: 850px;
    overflow: hidden;
}

.slide-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: slider-1 48s linear infinite;
}

.slide-image:nth-child(1) {
    background-image: url(/material/img/potential/top/top_slide_01.webp);
    animation-delay: -3s;
}

.slide-image:nth-child(2) {
    background-image: url(/material/img/potential/top/top_slide_02.webp);
    animation-delay: 5s;
}

.slide-image:nth-child(3) {
    background-image: url(/material/img/potential/top/top_slide_03.webp);
    animation-delay: 13s;
}
.slide-image:nth-child(4) {
    background-image: url(/material/img/potential/top/top_slide_04.webp);
    animation-delay: 21s;
}

.slide-image:nth-child(5) {
    background-image: url(/material/img/potential/top/top_slide_05.webp);
    animation-delay: 29s;
}

.slide-image:nth-child(6) {
    background-image: url(/material/img/potential/top/top_slide_06.webp);
    animation-delay: 37s;
}

@keyframes slider-1 {
    0% {
    opacity: 0;
    transform: scale(1);
    }
    12.5% {
    opacity: 1;
    }
    20% {
    opacity: 1;
    }
    25.5% {
    opacity: 0;
    transform: scale(1.2);
    }
    100% {
    opacity: 0;
    }
}

.top_text.pc img{
    min-width: 720px;
    max-width: 900px;
}

@media screen and (max-width: 768px){
.slide {
    position: relative;
    width: 100%;
    height: 35vh;
    max-height: auto;
    min-height: auto;
    overflow: hidden;
}

.slide-image:nth-child(1) {
    background-image: url(/material/img/potential/top/top_slide_01_sp.webp);
    background-size: 100%;
    animation-delay: -3s;
}

.slide-image:nth-child(2) {
    background-image: url(/material/img/potential/top/top_slide_02_sp.webp);
    background-size: 100%;
    animation-delay: 5s;
}

.slide-image:nth-child(3) {
    background-image: url(/material/img/potential/top/top_slide_03_sp.webp);
    background-size: 100%;
    animation-delay: 13s;
}
.slide-image:nth-child(4) {
    background-image: url(/material/img/potential/top/top_slide_04_sp.webp);
    background-size: 100%;
    animation-delay: 21s;
}

.slide-image:nth-child(5) {
    background-image: url(/material/img/potential/top/top_slide_05_sp.webp);
    animation-delay: 29s;
}

.slide-image:nth-child(6) {
    background-image: url(/material/img/potential/top/top_slide_06_sp.webp);
    animation-delay: 37s;
}

}