/* CSS Document */

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

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

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

/* ----- 画像＋縦横比 ----- */

.fj-block01 {
  background-image: url("../img/fj/fj_r1_c1.png");
}
.fj-block01::before { padding-top: 49.1146%; } /* 943 / 1920 */

.fj-block02 {
  background-image: url("../img/fj/fj_r2_c1.png");
}
.fj-block02::before { padding-top: 29.5313%; } /* 567 / 1920 */

.fj-block03 {
  background-image: url("../img/fj/fj_r3_c1.png");
}
.fj-block03::before { padding-top: 16.7188%; } /* 321 / 1920 */

.fj-block04 {
  background-image: url("../img/fj/fj_r4_c1.png");
}
.fj-block04::before { padding-top: 31.3542%; } /* 602 / 1920 */

.fj-block05 {
  background-image: url("../img/fj/fj_r5_c1.png");
}
.fj-block05::before { padding-top: 17.5%; } /* 336 / 1920 */

.fj-block06 {
    overflow: hidden;
  /*background-image: url("../img/fj/fj_r6_c1.png");*/
    /*aspect-ratio: 1920/408;*/

}
/*.fj-block06::before { padding-top: 21.25%; }*/ /* 408 / 1920 */

.fj-block07 {
  background-image: url("../img/fj/fj_r7_c1.png");
}
.fj-block07::before { padding-top: 23.4896%; } /* 451 / 1920 */

.fj-block08 {
  background-image: url("../img/fj/fj_r8_c1.png");
}
.fj-block08::before { padding-top: 31.25%; } /* 600 / 1920 */

.fj-block09 {
  background-image: url("../img/fj/fj_r9_c1.png");
}
.fj-block09::before { padding-top: 14.5313%; } /* 279 / 1920 */

.fj-block10 {
  background-image: url("../img/fj/fj_r10_c1.png");
}
.fj-block10::before { padding-top: 43.6458%; } /* 838 / 1920 */

.fj-block11 {
  background-image: url("../img/fj/fj_r11_c1.png");
}
.fj-block11::before { padding-top: 35.3125%; } /* 678 / 1920 */

.fj-block12 {
  background-image: url("../img/fj/fj_r12_c1.png");
}
.fj-block12::before { padding-top: 38.5938%; } /* 741 / 1920 */

/*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: 30vw;              /* 画像の表示幅 */
  aspect-ratio: 644 / 390; /* 指定比率 */
  height: auto;
  object-fit: cover;
  flex: 0 0 auto;
  display: block;
}
.marquee__track2 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%;
        }
        .bf2-section {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0;
}