body{
        margin:0;
        padding:0;
    }

    .swiper {
      margin-top: 2vw;
      padding: 0 10vw;
      box-sizing: border-box;
      /*3枚用*/
      /*height: 40vw;*/

      /*5枚用*/
      height: 24vw;
    }

    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-radius: 0.5vw;
    }

    .swiper-slide img {
      width: 100%;
      height: auto;

      object-fit: cover;
      border-radius: 0.5vw;

      /*3枚用*/
      /*aspect-ratio: 5/3;*/

      /*5枚用*/
      aspect-ratio: 16/11;
    }

    .swiper-pagination-bullets {
      text-align: center;
    }

    .swiper-pagination-bullet {
      width: 0.7vw;
      height: 0.7vw;
      background: #ddd;
      opacity: 1;
      margin: 0 3vw;
    }

    .swiper-pagination-bullet-active {
      background: #fe0059; /*色を変更できる*/
      width: 0.7vw;
      height: 0.7vw;
    }