@charset "utf-8";
/*========================================================
トップページ：スライダー
=========================================================*/
/* スライダー全体のサイズはプロジェクトに合わせて調整してください */
#slider {
  position: relative;
  width: 800px;
  height: 450px;
  overflow: hidden;
}

/* すべてのスライド画像を重ねて配置し、透明度で切り替え */
.slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* 表示中のスライド */
.slide.active {
  opacity: 1;
}