/* -------------------------------------------------------------------------- */
/* 複数画像切り替え---------------------------------------------- */

.slider-container {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.slideimg {
  position: absolute;
  inset: 0;/*親要素内にフルサイズで配置*/
  opacity: 0;
  background-size: cover;/* 画像をスライド全体にカバー */
  animation: slideAnime 15s infinite; /* 15秒で1サイクル */
}

@keyframes slideAnime {
  0%, 30%, 100% { opacity: 0; }/* スライドの非表示タイミング */
  10%, 20% { opacity: 10; }/* スライドの表示タイミング */
}

/* 各スライドのアニメーションタイミングを均等にずらす */
.slideimg:nth-of-type(1){
  background-image: url('https://www.futako.com/FM/public/assets/img/11.jpg');
  animation-delay: 0s;
  background-position:100%;
}

.slideimg:nth-of-type(2) {
  background-image: url('https://www.futako.com/FM/public/assets/img/12.jpg');
  animation-delay: 3s;
  background-position:10%;
}

.slideimg:nth-of-type(3) {
  background-image: url('https://www.futako.com/FM/public/assets/img/13.jpg');
  animation-delay: 6s;
  background-position:0%;
}

.slideimg:nth-of-type(4) {
  background-image: url('https://www.futako.com/FM/public/assets/img/14.jpg');
  animation-delay: 9s;
  background-position:60%;
}

.slideimg:nth-of-type(5) {
  background-image: url('https://www.futako.com/FM/public/assets/img/15.jpg');
  animation-delay: 12s;
  background-position:90%;
}


.relative {
    position: relative;
}
.absolute {
    position: absolute;
    right: -400px;
    bottom: -100px;
}

.absolute_font {
    position: absolute;
    right: 100px;
    top: 50px;
}





.pc_only { display: block; }
.sp_only { display: none; }

@media (max-width: 1024px) {
  .pc_only { display: none; }
  .sp_only { display: block; }
}

@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}





/*                                baikal Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */