* {
  margin: 0;
  padding: 0;
}

/* カルーセルの基本スタイル */
.gallery {
    overflow: hidden;
    margin:100px 0 50px 0;
  }
  
  .carousel {
    display: flex;
    width: calc(200%); /* ulの幅を調整 */
    animation: slide 25s linear infinite;
  }
  
  .carousel li {
    flex: 0 0 16.7%;
    list-style-type: none;
  }
  
  .carousel img {
    width: 100%;
    display: block;
    transition: 0.5s;
  }
  
  .carousel img:hover {
    transform: scale(1.1, 1.1);
  }
  
  /* スライドアニメーション */
  @keyframes slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  
  /* レスポンシブ */
  @media screen and (max-width: 767px) {
/* カルーセルの基本スタイル */
.gallery {
    margin:0 0 50px 0;
  }
  
    .carousel {
      animation: slideMobile 20s linear infinite;
    }
  
    .carousel li {
      flex: 0 0 25%; /* アイテムの幅を変更 */
    }
  }
  
  @keyframes slideMobile {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-200%); /* 幅が25%のアイテムをカバーするために調整 */
    }
  }