.client-list-area { overflow: hidden; padding: 100px 0 115px; background-color: #f5f5f5; }

.client-list-area .client-ttl { text-align: center; line-height: 1.17; }

.client-list-area .client-list-wrapper { display: flex; overflow: visible; width: 100%; }

.client-list-area .client-list-wrapper .client-list { align-items: center; animation: 40s auto-scroll linear infinite; display: flex; flex-shrink: 0; }

.client-list-area .client-list-wrapper .client-list .client-list-inner-loop { align-items: center; display: flex; flex-shrink: 0; }

.client-list-area .client-list-wrapper .client-list .client-list-inner-loop .client-item { flex-shrink: 0; margin: 0 25px; width: auto; }

.client-list-area .client-list-wrapper .client-list .client-list-inner-loop .client-item img { display: block; height: 50px !important; width: auto; }

.client-list-area .client-list-wrapper .client-list:hover { animation-play-state: paused; }

@media screen and (max-width: 767px) { .client-list-area { padding: 60px 0 80px; }
  .client-list-area .client-ttl { font-size: 24px; margin-bottom: 30px; }
  .client-list-area .client-list-wrapper .client-list .client-list-inner-loop .client-item { margin: 0 10px; }
  .client-list-area .client-list-wrapper .client-list .client-list-inner-loop .client-item img { height: 30px !important; } }

@keyframes auto-scroll { 0% { transform: translateX(-33.33%); }
  100% { transform: translateX(-66.66%); } }