.pl-toppage-slider {
    position: relative;
    width: 100vw;
    height: 70vh;
    margin-left: calc(50% - 50vw);
}

@media screen and (max-width: 781px) {
    .pl-toppage-slider {
        height: 500px;
    }
}

.pl-toppage-slider__slide {
    width: 100%;
    height: 100%;
    background-size: 105%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

@media screen and (max-width: 781px) {
    .pl-toppage-slider__slide  {
        height: 500px;
        background-size: cover;
    }
}

.pl-toppage-slider__slide.active {
    animation-name: panImage;
    animation-duration: 10s;
    animation-fill-mode: forwards;
}

.pl-toppage-slider__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Noto Serif JP", sans-serif;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 900;
	color: #fff;
    text-shadow: 1px 1px 3px #0000008a;
}

@keyframes panImage {
    from {
        background-position: 30% 100%;
    }
    to {
        background-position: 70% 100%;
    }
}