@media screen and (max-width: 959px) {
    .pc-only {
        display: none !important
    }
}

@media screen and (min-width: 960px) {
    .mobile-only {
        display: none !important
    }
}

@keyframes infinity-scroll-right {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes infinity-scroll-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.listed-companies * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.listed-companies>.text {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.listed-companies>.text>svg {
    height: 58px
}

@media screen and (min-width: 960px) {
    .listed-companies>.text>svg {
        height: 96px
    }
}

.listed-companies>.text>p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center
}

@media screen and (min-width: 960px) {
    .listed-companies>.text>p {
        font-size: 28px;
        line-height: 1.6
    }
}

.listed-companies .logos {
    display: flex;
    flex-direction: column;
    /* margin-top: 32px; */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .listed-companies .logos {
        margin-top: 40px;
        row-gap: 16px
    }
}

.listed-companies .logos .scroll-line {
    display: flex
}

.listed-companies .logos .scroll-line .left-to-right {
    display: flex;
    animation: infinity-scroll-right 20s infinite linear .5s both
}

.listed-companies .logos .scroll-line .right-to-left {
    display: flex;
    animation: infinity-scroll-left 20s infinite linear .5s both
}

.listed-companies .logos .scroll-line .logo-wrapper {
    width: 150px;
    height: 75px;
    margin: 0 16px
}

@media screen and (min-width: 960px) {
    .listed-companies .logos .scroll-line .logo-wrapper {
        width: 200px;
        height: 100px
    }
}

.listed-companies .logos .scroll-line .logo-wrapper.iagroup,
.listed-companies .logos .scroll-line .logo-wrapper.hokto,
.listed-companies .logos .scroll-line .logo-wrapper.asahikasei-phama {
    padding: 16px
}

.listed-companies .logos .scroll-line .logo-wrapper.grunabi {
    padding: 24px
}

.listed-companies .logos .scroll-line .logo-wrapper.euglena {
    margin-right: 0
}

.listed-companies .logos .scroll-line .logo-wrapper.persol {
    margin-inline: 0
}

.listed-companies .logos .scroll-line .logo-wrapper>img {
    object-fit: contain;
    width: 100%;
    height: 100%
}