/* 合作夥伴 */
.partners {
    padding: 60px 0;
    background: var(--white);
}

.slider {
	--totSlides: 24;
	--slideWidth: 180px;
	--slideHeight: 100px;
	--animationSpeed: calc(4s * var(--totSlides));
	height: var(--slideHeight);
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.slider .slides-track {
	animation: scroll var(--animationSpeed) linear infinite;
	animation-delay: 0.5s;
	display: flex;
	width: calc(var(--slideWidth) * var(--totSlides) * 2);
	transform: translateX(0);
}

.slider .slide {
	height: 100px;
	width: var(--slideWidth);
	overflow: hidden;
	flex-shrink: 0;
}

.slider .slide img {
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(var(--slideWidth) * var(--totSlides) * -1));
	}
}

/* Media Queries */
@media (max-width: 768px) {
    .partners {
        padding: 40px 0;
    }

    .slide {
        flex: 0 0 160px;
        height: 80px;
        padding: 0 10px;
    }
}

@media (max-width: 480px) {
    .slide {
        flex: 0 0 130px;
        height: 60px;
        padding: 0 8px;
    }
}