@charset "utf-8";




/* TOPページ 社内風景スクロール
-------------------------------*/

/* 縦スクロール */
@keyframes vertical-animation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
/* 縦スクロール　逆 */
@keyframes vertical-animation-rev {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
/* 横スクロール */
@keyframes horizontal-animation {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
/* 横スクロール　逆 */
@keyframes horizontal-animation-rev {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}


.top_company_slider_wrapper {
    display: grid; /* slideのmargin-bottom値を全て内包させる為 */
    animation: vertical-animation 30s linear infinite;
}
.top_company_slider_wrapper.rev {
    display: grid; /* slideのmargin-bottom値を全て内包させる為 */
    animation: vertical-animation-rev 30s linear infinite;
}
.top_company_slider_wrapper li {
    width: 100%;
    margin-bottom: 20px;
}
.top_company_slider_wrapper li img {
    border-radius: 20px;
    width: 100%;
    aspect-ratio: 1.37 / 1;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width:910px){
    .ifs-box {
        display: flex;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .top_company_slider_wrapper {
        display: flex;
        animation: horizontal-animation 30s linear;
    }
    .top_company_slider_wrapper.rev {
        display: flex;
        animation: horizontal-animation-rev 30s linear;
    }

    .top_company_slider_wrapper li {
        width: 30vw;
        margin-bottom: 0;
        margin-right: 2vw;
    }
}
@media screen and (max-width:640px){
    .top_company_slider_wrapper li {
        width: 48vw;
        margin-right: 2vw;
    }
    .top_company_slider_wrapper li img {
        border-radius: 15px;
    }

}