/**
 * Project - Achievement Logos Slider
 * 実績ロゴ 無限横スライダー（template-parts/achievement-logos-slider.php）
 */

.p-achievementLogos {
  padding-block: 40px 25px;
}
.p-achievementLogosHeading {
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}
.p-achievementLogosSlider {
  padding-block: 37px;
  background-color: var(--color-bg-white);
  overflow: hidden;
}
.p-achievementLogosSlider__track {
  display: flex;
  width: max-content;
  animation: p-achievementLogosSlide 70s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.p-achievementLogoList {
  display: flex;
  align-items: center;
  gap: 3rem;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 3rem;
  flex-shrink: 0;
}

.p-achievementLogoList > li {
  flex-shrink: 0;
}
.p-achievementLogoList img {
  display: block;
  height: 30px; /* サイズ調整 */
  width: auto;
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}

@keyframes p-achievementLogosSlide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}