/* Connect Force Clients Section */
.cf-clients {
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.cf-clients__header {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}


.cf-clients__content {
  display: flex;
  justify-content: center;
}

.cf-clients__logos {
  position: relative;
  width: 100%;
  height: 160px;
  background-color: var(--color-white);
  overflow: hidden;
}

.cf-clients__logos.swiper {
  overflow: visible;
}

.cf-clients__logos .swiper-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  transition-timing-function: linear;
}
.cf-clients__logos .swiper-slide {
  width: 160px;
}


.cf-clients__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 160px; /* 黄金比の基準幅 */
  margin-right: var(--spacing-2xl);
}

.cf-clients__logo:last-child {
  margin-right: 0;
}

.cf-clients__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Specific logo sizing based on Figma design */


/* Duplicated logos (created by JavaScript) inherit the same styles */

/* Responsive adjustments */
@media screen and (max-width: 960px) {
  .cf-clients {
    padding: var(--spacing-xl) 0;
  }
}

@media screen and (max-width: 767px) {
  .cf-clients {
    padding: var(--spacing-lg) 0;
  }
  .cf-clients__header {
    margin-bottom: var(--spacing-md);
  }
  .cf-clients__content {
    gap: var(--spacing-lg);
  }
  .cf-clients__logos {
    height: 100px;
    padding-block: 16px;
  }
  
  .cf-clients__logos .swiper-slide {
    width: 100px;
  }
  
  .cf-clients__logo {
    width: 100px; /* スマホ用の黄金比幅 */
    margin-right: var(--spacing-md);
  }
  
  .cf-clients__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
}