.swiper {
  overflow: hidden !important; /* .swiper 全体ははみ出さないように */
  padding-bottom: 50px !important; /* ページネーションが隠れないように */
}

.swiper-slide {
  width: 100% !important; /* スライドが親要素を超えないようにする */
}
.swiper-wrapper {
  display: flex;
}

.swiper-pagination {
  bottom: -40px !important; /* 画像の下40pxに配置 */
  left: 0;
  right: 0;
  width: 100%;
  text-align: center; /* ページネーションを中央配置 */
}

.swiper-pagination {
  position: relative !important;
  top: 40px !important; /* ページネーションの位置 */
  height: 96px !important; /* ページネーションの高さ */
}

.swiper-pagination-bullet {
  background: linear-gradient(
    180deg,
    #9655ff,
    #004bff
  ) !important; /* アクティブなドットのグラデーション */
  width: 16px !important; /* ドットのサイズ */
  height: 16px !important;
  opacity: 0.3 !important; /* 非アクティブ時の透明度 */
}

.swiper-pagination-bullet-active {
  background: linear-gradient(
    180deg,
    #9655ff,
    #004bff
  ) !important; /* アクティブなドットのグラデーション */
  width: 16px !important; /* アクティブなドットのサイズ */
  height: 16px !important;
  opacity: 1 !important; /* アクティブ時の透明度 */
}

.award-note {
  border: 2px solid #26A7BD;   /* 枠線の色 */
  border-radius: 8px;           /* 角丸 */
  padding: 12px 16px;           /* 内側余白 */
  margin-top: 12px;             /* 上との余白 */
  font-weight: bold;            /* 太字 */
  line-height: 1.6;             /* 行間調整 */

  text-indent: -1em;   /* 先頭行を左にずらす */
  padding-left: 2em;   /* 全体を右に押して揃える */
}

.highlight {
  color: #E60000;      /* 赤字 */
  background-color: #FFF3F3; /* 薄い赤背景で強調 */
  padding: 2px 6px;    /* 文字の周りに余白 */
  border-radius: 4px;  /* 少し角丸 */
  font-weight: bold;
}