.p-header__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 44px;
}

/* Hero Slider Styles */
#heroSlider {
  position: relative;
  padding-bottom: 40px; /* ページネーション用のスペース */
  overflow: visible; /* バッジが切れないようにする */
}

#heroSlider .splide__track {
  overflow: visible;
}

#heroSlider .splide__list {
  padding-top: 20px; /* 上部のバッジ用スペース */
}

#heroSlider .splide__pagination {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  padding: 10px;
  z-index: 10;
}

#heroSlider .splide__pagination__page {
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  border: none;
  padding: 0;
  margin: 0;
  transition: all 0.3s;
  cursor: pointer;
}

#heroSlider .splide__pagination__page.is-active {
  background: #333;
  width: 24px;
  border-radius: 4px;
}