/* CSS Document */


    .bs-section {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0;
}

.bs-block {
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bs-block::before {
  content: "";
  display: block;
}

/* 画像・縦横比一覧 */
.bs-block01 {
/*  background-image: url("../img/bs/bs_r1_c1.png");*/
}
.bs-block01::before {
  padding-top: 49.1667%; /* 944 / 1920 */
}

.bs-block02 {
  background-image: url("../img/bs/bs_r2_c1.png");
}
.bs-block02::before {
  padding-top: 30.9896%; /* 595 / 1920 */
}

.bs-block03 {
  background-image: url("../img/bs/bs_r3_c1.png");
}
.bs-block03::before {
  padding-top: 13.5417%; /* 260 / 1920 */
}

.bs-block04 {
  background-image: url("../img/bs/bs_r4_c1.png");
}
.bs-block04::before {
  padding-top: 34.4792%; /* 662 / 1920 */
}

.bs-block05 {
  background-image: url("../img/bs/bs_r5_c1.png");
}
.bs-block05::before {
  padding-top: 17.1354%; /* 329 / 1920 */
}

.bs-block06 {
  background-image: url("../img/bs/bs_r6_c1.png");
}
.bs-block06::before {
  padding-top: 31.5104%; /* 605 / 1920 */
}

.bs-block07 {
/*  background-image: url("../img/bs/bs_r7_c1.png");*/
    overflow: hidden;
}
.bs-block07::before {
  padding-top: 20.9375%; /* 402 / 1920 */
}

.bs-block08 {
  background-image: url("../img/bs/bs_r8_c1.png");
}
.bs-block08::before {
  padding-top: 21.4583%; /* 412 / 1920 */
}

.bs-block09 {
  background-image: url("../img/bs/bs_r9_c1.png");
}
.bs-block09::before {
  padding-top: 34.6354%; /* 665 / 1920 */
}

.bs-block10 {
  background-image: url("../img/bs/bs_r10_c1.png");
}
.bs-block10::before {
  padding-top: 17.3438%; /* 333 / 1920 */
}

.bs-block11 {
  background-image: url("../img/bs/bs_r11_c1.png");
}
.bs-block11::before {
  padding-top: 31.1458%; /* 598 / 1920 */
}

.bs-block12 {
/*  background-image: url("../img/bs/bs_r12_c1.png");*/
    overflow: hidden;
}
.bs-block12::before {
  /*padding-top: 20.9375%;*/ /* 402 / 1920 */
}

.bs-block13 {
  background-image: url("../img/bs/bs_r13_c1.png");
}
.bs-block13::before {
  padding-top: 24.3229%; /* 467 / 1920 */
}

.bs-block14 {
  background-image: url("../img/bs/bs_r14_c1.png");
}
.bs-block14::before {
  padding-top: 30.7813%; /* 591 / 1920 */
}

.bs-block15 {
  background-image: url("../img/bs/bs_r15_c1.png");
}
.bs-block15::before {
  padding-top: 38.6458%; /* 742 / 1920 */
}

    

/* スライダー本体 */
.slider{
  position: relative;
  overflow: hidden;
    aspect-ratio: 1920 / 945;
}

/* アスペクト比（画像比率に合わせて調整してね） */
.slider::before{
  content: "";
  display: block;
  padding-top: 40%;  /* ここを画像の縦横比に合わせて変更 */
}

/* 画像3枚を重ねてフェード */
.slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: sliderFade 8s infinite;
}

/* 開始タイミング（2枚なので半分ずらす） */
.slider img:nth-child(1) {
  animation-delay: 0s;
}
.slider img:nth-child(2) {
  animation-delay: 4s;
}

/* クロスフェード用 */
@keyframes sliderFade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }   /* フェードイン */
  45% {
    opacity: 1;
  }   /* 表示キープ */
  65% {
    opacity: 0;
  }   /* 次の画像と重なりながらフェードアウト */
  100% {
    opacity: 0;
  }
}


/* 上に重ねるテキスト画像 */
.slidertext{
  position: absolute;
    bottom: 25%;
    width: 27%;
    height: auto;
    aspect-ratio: 529 / 241;
    left: 16%;
    

  /*inset: 0;*/
  /*display: flex;*/
/*  align-items: center;
  justify-content: center;
  pointer-events: none;*/  /* クリックをスライダーに通すなら */
}
    
    
    
/*横移動slider*/
/*slider*/
.marquee{
  width: 100vw;
  overflow: hidden;
}

.marquee__track{
  display: flex;
  align-items: center;
  gap: 5vw;                 /* 画像間 5vw */
  width: max-content;
  animation: marqueeLeft 40s linear infinite;
  will-change: transform;
}

.marquee__track img{
  width: 31vw;              /* 画像の表示幅 */
  aspect-ratio: 660 / 400; /* 指定比率 */
  height: auto;
  object-fit: cover;
  flex: 0 0 auto;
  display: block;
}
    

/* 1セット分だけ左へ移動してループ（複製してあるので途切れない） */
@keyframes marqueeLeft{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
        .bano-img{
            width: 100%;
            overflow: hidden;
        }
        
        .bano-img.bano2-12{
            margin-top: 1.6%;
        }