/* CSS Document */


/* それぞれの画像＋縦横比（元：幅1920px） */
.re1-block01 {
  /*background-image: url("../img/re/re1_r1_c1.png");*/
}
.re1-block01::before {
  padding-top: 49.1146%; /* 943 / 1920 */
}

.re1-block02 {
  background-image: url("../img/re/re1_r2_c1.png");
}
.re1-block02::before {
  padding-top: 31.875%; /* 612 / 1920 */
}

.re1-block03 {
  background-image: url("../img/re/re1_r3_c1.png");
}
.re1-block03::before {
  padding-top: 14.5833%; /* 280 / 1920 */
}

.re1-block04 {
  background-image: url("../img/re/re1_r4_c1.png");
}
.re1-block04::before {
  padding-top: 34.4271%; /* 661 / 1920 */
}

.re1-block05 {
  background-image: url("../img/re/re1_r5_c1.png");
}
.re1-block05::before {
  padding-top: 23.0208%; /* 442 / 1920 */
}

.re1-block06 {
  background-image: url("../img/re/re1_r6_c1.png");
}
.re1-block06::before {
  padding-top: 26.1458%; /* 502 / 1920 */
}

.re1-block07 {
  background-image: url("../img/re/re1_r7_c1.png");
}
.re1-block07::before {
  padding-top: 46.8229%; /* 899 / 1920 */
}

.re1-block08 {
  background-image: url("../img/re/re1_r8_c1.png");
}
.re1-block08::before {
  padding-top: 9.5312%; /* 183 / 1920 */
}

.re1-block09 {
  background-image: url("../img/re/re1_r9_c1.png");
}
.re1-block09::before {
  padding-top: 26.4062%; /* 507 / 1920 */
}

.re1-block10 {
  background-image: url("../img/re/re1_r10_c1.png");
}
.re1-block10::before {
  padding-top: 26.7188%; /* 513 / 1920 */
}
.re2-section {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 0; /* ブロック間のスキマ防止 */
}

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

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

/* それぞれの画像＋縦横比（元画像：1920px幅） */
.re2-block01 {
  background-image: url("../img/re/re2_r1_c1.png");
}
.re2-block01::before {
  padding-top: 51.7708%; /* 994 / 1920 */
}

.re2-block02 {
  background-image: url("../img/re/re2_r2_c1.png");
}
.re2-block02::before {
  padding-top: 12.7083%; /* 244 / 1920 */
}

.re2-block03 {
  background-image: url("../img/re/re2_r3_c1.png");
}
.re2-block03::before {
  padding-top: 35.9896%; /* 691 / 1920 */
}

.re2-block04 {
  background-image: url("../img/re/re2_r4_c1.png?2");
}
.re2-block04::before {
  padding-top: 51.3542%; /* 986 / 1920 */
}

.re2-block05 {
  background-image: url("../img/re/re2_r5_c1.png");
}
.re2-block05::before {
  padding-top: 28.4896%; /* 547 / 1920 */
}

.re2-block06 {
/*  background-image: url("../img/re/re2_r6_c1.png");*/
}
.re2-block06 {
  /*padding-top: 14.5313%; *//* 279 / 1920 */
    aspect-ratio: 1920 / 279;

}

.re2-block07 {
  background-image: url("../img/re/re2_r7_c1.png");
}
.re2-block07::before {
  padding-top: 14.5313%; /* 279 / 1920 */
}

.re2-block08 {
  background-image: url("../img/re/re2_r8_c1.png");
}
.re2-block08::before {
  padding-top: 34.7917%; /* 668 / 1920 */
}

.re2-block09 {
  background-image: url("../img/re/re2_r9_c1.png");
}
.re2-block09::before {
  padding-top: 15.0521%; /* 289 / 1920 */
}

.re2-block10 {
  background-image: url("../img/re/re2_r10_c1.png");
}
.re2-block10::before {
  padding-top: 35.4167%; /* 680 / 1920 */
}

.re2-block11 {
  background-image: url("../img/re/re2_r11_c1.png");
}
.re2-block11::before {
  padding-top: 38.75%; /* 744 / 1920 */
}

    
/* スライダー本体 */
.slider {
  position: relative;
  overflow: hidden;
    /*height: 100vh;*/
    aspect-ratio: 1920 / 945;
}
/* アスペクト比（画像比率に合わせて調整してね） */
.slider::before {
  content: "";
  display: block;
  padding-top: 40%; /* ここを画像の縦横比に合わせて変更 */
}
/* 画像3枚を重ねてフェード */
/* 画像3枚を重ねてクロスフェード */
.slider img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: sliderFade 12s infinite;
}

/* 開始タイミング */
.slider img:nth-child(1) { animation-delay: 0s; }
.slider img:nth-child(2) { animation-delay: 4s; }
.slider img:nth-child(3) { animation-delay: 8s; }

@keyframes sliderFade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }   /* ゆっくりフェードイン */
  40% {
    opacity: 1;
  }   /* 表示を長めにキープ */
  60% {
    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;*/  /* クリックをスライダーに通すなら */
}