[mn="2100"] {
  --anime_direction: initial;
  font-family: var(--ft-t1);
}
[mn="2100"] .marquee {
  position: relative;
  /* overflow: hidden; */
  /* --offset: 17px;  */
  --offset: 20vw; 
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));

  font-size: 6vw;

  ._imgobj {
    margin: 0;
  }
  & img { 
    /* margin: 6px 0;
    padding: 0 25px; */
    /* filter: drop-shadow(-4px 4px 3px rgba(0, 0, 0, .23)); */
    max-width: 50vw;
    max-height: 120px;
  } 
  .marquee__inner {
    --time: 12s;
      white-space: nowrap;
      width: fit-content;
      display: flex;
      position: relative;
      transform: translate3d(var(--move-initial), 0, 0);
      animation: marquee var(--time) linear infinite;
      align-items: center;
      flex-wrap: nowrap;
      gap: 50px;

      &:hover{
        animation-play-state: paused;
      }
      
  }


} 

[mn="2100"] .marquee__inner:nth-child(odd) {
  animation-direction: var(--anime_direction);
}

/* .marquee span {
  
  padding: 0 2vw;
} */

[mn="2100"] .marquee:hover .marquee__inner {
  /* animation-play-state: running; */
}

@keyframes marquee {
  0% {
      transform: translate3d(var(--move-initial), 0, 0);
  }

  100% {
      transform: translate3d(var(--move-final), 0, 0);
  }
}
/* 
 [mn="2100"] .item {
  text-align: center; 
  font-size: 90%;
 } 
 [mn="2100"] .profilebx .bimgw {
  --bw: 69px; 
 }  
 [mn="2100"] .profilebx .bimg { 
     border-radius: 50%
 }  
 [mn="2100"] .rate .bimgw {
  --bw: 100%; 
 }  
 [mn="2100"] .rate .bimg { 
  --bpt: 15px;
  background-image: url(src/star-5.png);
  margin: 0 0 12px;
 }  
 [mn="2100"] .ttl {
    line-height: 1.1;
    margin: 0 0 9px; 
    font-family: var(--ft-t1);
    font-size: 80%;
 }   


 [mn="2100"] .swiper-slide {
  width: auto;
 }
 [mn="2100"] .swiper {
   overflow: visible;
 }
 [mn="2100"] .swiper img {
   max-height: 60px;
 }
 [mn="2100"] .swiper-wrapper {
    align-items: center;
 }   
 [mn="2100"] .swiper-pagination {
  position: relative;
  margin: 15px 0 0;
 }  
 [mn="2100"] .swiper-button-next, 
 [mn="2100"] .swiper-button-prev {
  aspect-ratio: 1 / 1 !important;
  background-color: var(--clr01);
  width: 40px;
  height: auto;
  border-radius: 50%;
}
 [mn="2100"] .swiper-button-next:after, 
 [mn="2100"] .swiper-button-prev:after {
  color: #fff;
  font-size: 15px;
}
 [mn="2100"] .swiper-pagination-bullet-active {
  background-color: var(--clr01);
}
 [mn="2100"] .swiper-wrapper{
   transition-timing-function: linear;
}
 @media only screen and (max-width: 767px) {  
 } */