/*コメント*/
/* カルーセルコンテナのスタイル */
/* Set the height of the swiper container */
    .swiper-container {
      width: 100%;
      height: 400px; /* Adjust as needed */
      position: relative;
      margin: 50px auto;
      box-sizing: border-box;
    }

    /* Ensure slides take full height */
    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    /* Align images to the top */
    .slide-top {
      align-items: flex-start;
      padding-top: 20px; /* Adjust spacing as needed */
    }

    /* Align images to the bottom */
    .slide-bottom {
      align-items: flex-end;
      padding-bottom: 20px; /* Adjust spacing as needed */
    }

    /* Optional: Style the images */
    .swiper-slide img {
      max-width: 100%;
      height: auto;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* Optional: Style pagination bullets */
    .swiper-pagination-bullet {
      background: #000;
      opacity: 0.7;
    }

    .swiper-pagination-bullet-active {
      background: #007aff;
      opacity: 1;
    }
.swiper-wrapper {
  transition-timing-function: linear;
}