/* CSS Document */
/* 400px */
@media screen and (max-width: 25em) {
  /* banner extra */
  section.slideshow .banner.banner-extra {
    display: none;
  }
  section.slideshow .banner.banner-extra.show {
    display: block;
  }
  section.slideshow .banner.banner-extra .index__extra .image {
    background-image: url("/images/index/banner/mobile/forarch-2025-s.jpg?99");
    background-size: contain;
    background-repeat: no-repeat;
  }
  /* banner 1 */
  section.slideshow .banner .index__1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-1-s.jpg?99");
  }
  section.slideshow .banner .index__1-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-1.1-s.jpg?99");
  }
  /* banner 2 */
  section.slideshow .banner .index__2 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-2-s.jpg?99");
  }
  section.slideshow .banner .index__2-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-2.1-s.jpg?99");
  }
  /* banner 3 */
  section.slideshow .banner .index__3 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-3-s.jpg?99");
  }
  section.slideshow .banner .index__3-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-3.1-s.jpg?99");
    background-position: center;
  }
  /* banner 4 */
  section.slideshow .banner .index__4 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-4-s.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-1 {
    background-image: url("/images/index/mobile/gallery_1_s.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-2 {
    background-image: url("/images/index/mobile/gallery_2_s.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-3 {
    background-image: url("/images/index/mobile/gallery_3_s.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-4 {
    background-image: url("/images/index/mobile/gallery_4_s.jpg?99");
  }
}
@media screen and (min-width: 25em) {
  /* banner extra */
  section.slideshow .banner.banner-extra {
    display: none;
  }
  section.slideshow .banner.banner-extra.show {
    display: block;
  }
  section.slideshow .banner.banner-extra .index__extra .image {
    background-image: url("/images/index/banner/mobile/forarch-2025-l.jpg?99");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* banner 1 */
  section.slideshow .banner .index__1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-1-l.jpg?99");
  }
  section.slideshow .banner .index__1-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-1.1-l.jpg?99");
  }
  /* banner 2 */
  section.slideshow .banner .index__2 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-2-l.jpg?99");
  }
  section.slideshow .banner .index__2-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-2.1-l.jpg?99");
  }
  /* banner 3 */
  section.slideshow .banner .index__3 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-3-l.jpg?99");
  }
  section.slideshow .banner .index__3-1 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-3.1-l.jpg?99");
    background-position: center;
  }
  /* banner 4 */
  section.slideshow .banner .index__4 .image {
    background-image: url("/images/index/banner/mobile/bnr-index-4-l.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-1 {
    background-image: url("/images/index/mobile/gallery_1_l.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-2 {
    background-image: url("/images/index/mobile/gallery_2_l.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-3 {
    background-image: url("/images/index/mobile/gallery_3_l.jpg?99");
  }
  .swiper-gallery .banner div.motive.m-4 {
    background-image: url("/images/index/mobile/gallery_4_l.jpg?99");
  }
}