.slider {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.slider img {
    width: 100%;
    position: relative;
}

/* スライダー全体を画面いっぱいに（PC） */
.represent_slick07 {
    width: 100vw;
    height: auto; /* 高さの自動調整 */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp_device .represent_slick07 {
  padding-top: 90px;
}

.represent_slick07__item {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}

.represent_slick07__item img {
    width: 100%;
    max-width: 100vw;
    object-fit: cover;
    display: block;
    margin-top: 100px;
    position: relative;
}

/* 暗いオーバーレイ */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 90000;
}

.grain-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("common/images/grain.png");
  opacity: 0.2;
  z-index: 90005;
  pointer-events: none;
}

/* ズームアニメーション */
/* === PC用 === */
.add-anime {
    animation: zoom-anime 8s ease-out 0s normal both; /* zoom-anime 10s ← 速度はここを変更！ */
  }

@keyframes zoom-anime {
  0% {
    transform: scale(1);  /* 初期サイズ */
  }
  100% {
    transform: scale(1.2);  /* 拡大率 ← ここを変更！ */
  }
}

/* ここからスマホ用レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .represent_slick07 {
    height: auto; /* 余白をなくすために自動高さ */
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .represent_slick07__item {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 110px;
  }

  .represent_slick07__item img {
    width: 100%;
    height: auto;
    max-height: 100vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    background-color: #1757AB!important; /* 下の空白が目立ちにくくなる */
  }

  .overlay,
  .grain-overlay {
    width: 100vw;
    height: 100%;
  }

  .add-anime {
    animation: zoom-anime 6s ease-out 0s normal both;
  }

  .next-block {
    position: static;
    margin-top: 2vh; /* 適度な接続スペース */
  }
}

/* === アニメーション定義（スマホ用） === */
@keyframes zoom-anime-sp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);  /* スマホでは最小限に */
  }
}