* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
:root {
  --primary: #0096ff;
  --secondary: #0a6ac9;
  --title: #212121;
  --text: #4d4e4f;
  --bg: linear-gradient(to right, var(--secondary), var(--primary));
}
html {
  scroll-behavior: smooth;
  font-size: clamp(7.5px, 0.520834vw, 10px);
}
li {
  list-style: none;
}
li.swiper-slide {
  height: auto;
}
body {
  font-size: 1.6rem;
  word-break: break-word;
  color: var(--title);
}
.img.img_ct img {
  object-fit: contain;
}
.img.img_ab {
  position: relative;
}
.img.img_ab img {
  position: absolute;
  left: 0px;
  top: 0px;
}
.img img {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  aspect-ratio: inherit;
}
.section_customer .section_customer_swiper {
  max-width: 256rem;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
}
.section_customer .section_customer_swiper::before,
.section_customer .section_customer_swiper::after {
  content: "";
  display: block;
  width: 23.75%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(
    to right,
    rgb(255, 255, 255) 0%,
    rgb(255, 255, 255) 25%,
    transparent 100%
  );
}
.section_customer .section_customer_swiper::after {
  left: unset;
  right: 0px;
  transform: rotate(180deg);
}
.section_customer .section_customer_swiper .swiper-wrapper {
  transition: linear;
}
.section_customer .section_customer_swiper .swiper-slide {
  max-width: 21.4rem;
}
.section_customer .section_customer_swiper .img {
  padding-bottom: 44.3925%;
}
@media screen and (min-width: 769px) {
  ul::-webkit-scrollbar,
  div::-webkit-scrollbar {
    width: 4px;
  }
  ul::-webkit-scrollbar-thumb,
  div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgb(139, 139, 139);
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 10px;
  }
  body {
    font-size: 1.4rem;
  }
  .section_customer .section_customer_swiper .swiper-slide {
    max-width: 120px;
  }
}