/* CSS Document */


    .bf2-block08a1{
        display: flex;
            justify-content: flex-end;
        width: 46%;
    }
    .bf2-block08a2{
        width: 46%;
    }
    .bf2-block08a{
        display: flex;
        width: 57%;
        margin: auto;
        padding-top: 1.7%;
            justify-content: space-between;
    }
    .bf2-block08a a{
        display: block;
        width: 66%
    }
    .bf2-block08a a img{width: 100%;}
    
    .bf2-block-a1{
        text-align: center;
        padding-top: 2.8%
    }
    .bf2-block-a1 a{
        display: block;
        width: 12.5%;
        margin: auto;
    }
    .bf2-block-a1 a img{width: 100%;}
.bf-section {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0;
}

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

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

/* === 画像＆縦横比管理 === */

.bf-block01 {
  background-image: url("../img/bf/bf1_r1_c1.png");
}
.bf-block01::before {
  padding-top: 49.2188%; /* 945 / 1920 */
}

.bf-block02 {
  background-image: url("../img/bf/bf1_r2_c1.png");
}
.bf-block02::before {
  padding-top: 38.3333%; /* 736 / 1920 */
}

.bf-block03,.bf-block08 {
  /*background-image: url("../img/bf/bf1_r3_c1.png");*/
    overflow: hidden;
    width: 100%;
}
.bf-block03::before {
  padding-top: 33.1771%; /* 637 / 1920 */
}

.bf-block04 {
  background-image: url("../img/bf/bf1_r4_c1.png");
}
.bf-block04::before {
  padding-top: 21.9792%; /* 422 / 1920 */
}

.bf-block05 {
  background-image: url("../img/bf/bf1_r5_c1.png");
}
.bf-block05::before {
  padding-top: 31.25%; /* 601 / 1920 */
}

.bf-block06 {
  background-image: url("../img/bf/bf1_r6_c1.png");
}
.bf-block06::before {
  padding-top: 30.4167%; /* 584 / 1920 */
}

.bf-block07 {
  background-image: url("../img/bf/bf1_r7_c1.png");
}
.bf-block07::before {
  padding-top: 32.8646%; /* 631 / 1920 */
}

.bf-block08 {
/*  background-image: url("../img/bf/bf1_r8_c1.png");*/
}
.bf-block08::before {
  padding-top: 15.6771%; /* 301 / 1920 */
}

.bf-block09 {
  background-image: url("../img/bf/bf1_r9_c1.png");
}
.bf-block09::before {
  padding-top: 2.8125%; /* 54 / 1920 */
}

    
/*slider*/
.marquee{
  width: 100vw;
  overflow: hidden;
}

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

.marquee__track img{
  width: 70vw;              /* 画像の表示幅 */
  aspect-ratio: 2018 / 945; /* 指定比率 */
  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;
}

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

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

/* ===== 画像指定 & アスペクト比 ===== */

.bf2-block01 {
  background-image: url("../img/bf/bf2_r1_c1.png");
}
.bf2-block01::before {
  padding-top: 12.6563%; /* 243 / 1920 */
}

.bf2-block02 {
  background-image: url("../img/bf/bf2_r2_c1.png");
}
.bf2-block02::before {
  padding-top: 35.625%; /* 684 / 1920 */
}

.bf2-block03 {
  background-image: url("../img/bf/bf2_r3_c1.png");
}
.bf2-block03::before {
  padding-top: 6.6667%; /* 128 / 1920 */
}

.bf2-block04 {
  background-image: url("../img/bf/bf2_r4_c1.png");
}
.bf2-block04::before {
  padding-top: 61.25%; /* 1176 / 1920 */
}

.bf2-block05 {
/*  background-image: url("../img/bf/bf2_r5_c1.png");*/
    aspect-ratio: 1920 / 166;
}
.bf2-block05::before {
    

  /*padding-top: 8.6458%;*/ /* 166 / 1920 */
}

.bf2-block06 {
  background-image: url("../img/bf/bf2_r6_c1.png");
}
.bf2-block06::before {
  padding-top: 12.8646%; /* 247 / 1920 */
}

.bf2-block07 {
  background-image: url("../img/bf/bf2_r7_c1.png");
}
.bf2-block07::before {
  padding-top: 33.6979%; /* 647 / 1920 */
}

.bf2-block08 {
/*  background-image: url("../img/bf/bf2_r8_c1.png");*/
    aspect-ratio:1920 / 129;

}
.bf2-block08::before {
/*  padding-top: 6.7188%;*/ /* 129 / 1920 */
}

.bf2-block09 {
  background-image: url("../img/bf/bf2_r9_c1.png");
}
.bf2-block09::before {
  padding-top: 7.7083%; /* 148 / 1920 */
}

.bf2-block10 {
  background-image: url("../img/bf/bf2_r10_c1.png");
}
.bf2-block10::before {
  padding-top: 38.6458%; /* 742 / 1920 */
}