@charset "utf-8";
/* CSS Document */
.top3-more {
  position: absolute;
  top: 28.8vw;
  right: 54%;
  width: calc(100% * (117 / 1920));
}
.top3-more img {
  width: 100%;
}
.top5-more {
  position: absolute;
  top: 8.5vw;
  right: 34%;
  width: calc(100% * (117 / 1920));
}
.top5-more img {
  width: 100%;
}
.top7-more {
  position: absolute;
  top: 34.2vw;
  right: 39.5%;
  width: calc(100% * (201 / 1920));
}
.top7-more img {
  width: 100%;
}
.top9-more {
  position: absolute;
  top: 20.3vw;
  right: 76.7%;
  width: calc(100% * (116 / 1920));
}
.top9-more img {
  width: 100%;
}
.top11-more {
  position: absolute;
  top: 20.3vw;
  right: 76.7%;
  width: calc(100% * (116 / 1920));
}
.top11-more img{width: 100%;}
.top9-more img {
  width: 100%;
}
.top13-more {
  position: absolute;
  top: 20.3vw;
  right: 76.7%;
  width: calc(100% * (116 / 1920));
}
.top13-more img {
  width: 100%;
}
.nanuka-googlemap {
  display: block;
  position: absolute;
  top: 6.8vw;
  left: 40.5%;
  height: 77%;
  width: 42%;
}
.top15-more {
  position: absolute;
  top: 26.5vw;
  right: 76.7%;
  width: calc(100% * (116 / 1920));
}
.top15-more img {
  width: 100%;
}
/* 外枠：はみ出た部分を隠す */
.slide-container {
  width: 100%;
  overflow: hidden;
  /*background: #f0f0f0;*/ /* 確認用背景色 */
}
/* スライドの器：画像を横に並べる */
.slide-track {
  display: flex;
  width: fit-content; /* 中身のサイズに合わせる */
  animation: loop-slide 20s linear infinite; /* 20秒で一周、等速、無限 */
}
.slide-track img {
  padding-right: 1.5%;
  width: 100vw; /* 画像の幅（画面いっぱいに表示する場合） */
  height: auto;
  display: block;
}
/* アニメーション：左へ1枚分（50%）移動したらリセット */
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/* 共通設定 */
.top-container section, .nanuka-footer {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
/* 各セクションの設定 */
.top1 {
  background-image: url('../img/top/top_r1_c1.png');
  aspect-ratio: 1920 / 901;
}
.top2 {
  background-image: url('../img/top/top_r2_c1.png');
  aspect-ratio: 1920 / 313;
}
.top3 {
  background-image: url('../img/top/top_r3_c1.png');
  aspect-ratio: 1920 / 1483;
}
.top4 {
  background-image: url('../img/top/top_r4_c1.png');
  aspect-ratio: 1920 / 508;
}
.top5 {
  background-image: url('../img/top/top_r5_c1.png');
  aspect-ratio: 1920 / 278;
}
.top6 {
  background-image: url('../img/top/top_r6_c1.png');
  aspect-ratio: 1920 / 1550;
}
.top7 {
  background-image: url('../img/top/top_r7_c1.png');
  aspect-ratio: 1920 / 802;
}
.top8 {
  background-image: url('../img/top/top_r8_c1.png');
  aspect-ratio: 1920 / 317;
}
.top9 {
  background-image: url('../img/top/top_r9_c1.png');
  aspect-ratio: 1920 / 487;
}
.top10 {
  background-image: url('../img/top/top_r10_c1.png');
  aspect-ratio: 1920 / 247;
}
.top11 {
  background-image: url('../img/top/top_r11_c1.png');
  aspect-ratio: 1920 / 482;
}
.top12 {
  background-image: url('../img/top/top_r12_c1.png');
  aspect-ratio: 1920 / 264;
}
.top13 {
  background-image: url('../img/top/top_r13_c1.png');
  aspect-ratio: 1920 / 479;
}
.top14 {
  background-image: url('../img/top/top_r14_c1.png');
  aspect-ratio: 1920 / 248;
}
.top15 {
  background-image: url('../img/top/top_r15_c1.png');
  aspect-ratio: 1920 / 571;
}
.top16 {
  background-image: url('../img/top/top_r16_c1.png');
  aspect-ratio: 1920 / 258;
}
.top17 {
  background-color: #F9F5F2; /*background-image: url('../img/top/top_r17_c1.png');*/ aspect-ratio: 1920 / 567;
}
.top18 {
  background-image: url('../img/top/top_r18_c1.png');
  aspect-ratio: 1920 / 248;
}