.news_slide {
  position: relative;
  width: 100%;
  /* max-width: 800px;      表示したい横幅に合わせて調整 */
  aspect-ratio: 16 / 9;  /* 画像の比率に合わせて調整 */
  overflow: hidden;
  margin: 0 auto;
}
.news_slide ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news_slide li {
  position: absolute;
  inset: 0;
  opacity: 0;
  animation: newsFade 30s infinite ease-in-out;
}
.news_slide li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  animation: newsZoom 30s infinite ease-in-out;
}

.news_slide li:nth-child(1), .news_slide li:nth-child(1) img { animation-delay: 0s; }
.news_slide li:nth-child(2), .news_slide li:nth-child(2) img { animation-delay: 5s; }
.news_slide li:nth-child(3), .news_slide li:nth-child(3) img { animation-delay: 10s; }
.news_slide li:nth-child(4), .news_slide li:nth-child(4) img { animation-delay: 15s; }
.news_slide li:nth-child(5), .news_slide li:nth-child(5) img { animation-delay: 20s; }
.news_slide li:nth-child(6), .news_slide li:nth-child(6) img { animation-delay: 25s; }

/* 重なり1.5秒 ＝ 周期30秒の5%。 表示キープ終了16.667% */
@keyframes newsFade {
  0%      { opacity: 0; }
  5%      { opacity: 1; }   /* フェードイン完了 */
  16.667% { opacity: 1; }   /* 表示キープ終了（自分の番の終わり） */
  21.667% { opacity: 0; }   /* フェードアウト完了（=次の画像と1.5秒重なる） */
  100%    { opacity: 0; }
}

/* ズームイン 1.0倍→1.12倍。出番終了後すぐ等倍に戻してループ */
@keyframes newsZoom {
  0%      { transform: scale(1); }
  21.667% { transform: scale(1.12); }
  21.677% { transform: scale(1); }
  100%    { transform: scale(1); }
}