/* Google Fontsの読み込みはHTML側で済ませる */
html {
  scroll-behavior: smooth;
}

.scroll-mt-28 {
  scroll-margin-top: 7rem; /* ヘッダー分オフセット */
}

/* ===========================
   無限スクロールスライダー
=========================== */

/* ラッパー */
.scroll-infinity__wrap {
  width: 100vw;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.scroll-infinity__list {
  display: flex;
  width: calc(100vw * 2); /* 画像セット2巡分 */
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 40s linear infinite;
}
.scroll-infinity__item {
  width: calc(100vw / 3); /* 3枚横表示 */
  height: 100%;
  flex-shrink: 0;
}
.scroll-infinity__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
}
/* 無限スクロールのキーフレーム */
@keyframes infinity-scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-100vw); }
}

/* 画面サイズに応じて画像サイズを調整したい場合はメディアクエリで調整 */



/* メディアクエリでヘッダーの高さが変わる場合は調整 */
@media (max-width: 768px) {
  .scroll-mt-28 {
    scroll-margin-top: 5rem;
  }
}

/* カード・テーブルなど、Tailwindに上書きしたいときだけ追加 */