@charset "utf-8";

/* ulタグ */
.scroll-text {
    position: absolute;
    top: 0;
    display: flex;
    list-style: none;
    padding-inline: 0;
    margin-inline: 0;
    gap: 0;
    /* background-color: skyblue; */
    overflow: hidden;
}

/* liタグ */
.scroll-text li {
    color: #ffffff25;
    font-size: 4em;
    font-weight: bold;
    white-space: nowrap;
    padding: 0 1em 0 0;
    margin: 0;
    animation: marquee-left 16s linear infinite;
}

/* PCの時のフォントサイズ */
@media (min-width: 600px) {
    .scroll-text li {
        font-size: 10vw;
    }
}

/* アニメーション */
@keyframes marquee-left {
    100% {
        transform: translateX(-100%);
    }
}