.country_roll {
  display: flex;
  align-items: center;
  width: 200vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background: linear-gradient(
    to bottom,
    #EC6C00 50%,
    #9159FC 50%,
    #9159FC 100%
   );
}
.flag-item, 
.flag-item-two {
  margin-right: 1rem;

}

.flag-item img, 
.flag-item-two img{
  width: 100%;
}

.flag-list-one, 
.flag-list-two {
  display: flex;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}

.flag-list-one li,
.flag-list-two li {
  list-style: none;
}

.flag-list-one {
  animation: flagAnimation1 40s  linear infinite;
}

.flag-list-two {
  animation: flagAnimation2 40s -20s linear infinite; /* アニメーションの設定 */
}

@keyframes flagAnimation1 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes flagAnimation2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}


@media screen and (max-width:1536px ) {
  .country_roll {
     width: 250vw;
  }
}
@media screen and (max-width:1024px ) {
  .country_roll {
     width: 350vw;
  }
}
@media screen and (max-width:768px ) {
  .country_roll {
     width: 400vw;
  }
}
@media screen and (max-width:499px ) {
  .country_roll {
     width: 570vw;
  }
}