@charset "UTF-8";
@media screen and (min-width: 768px) {
  .view--pc {
    display: block;
  }
  .view--sp {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .view--pc {
    display: none;
  }
  .view--sp {
    display: block;
  }
}

.index_kv_area .swiper-slide01,
.index_kv_area .swiper-slide02,
.index_kv_area .swiper-slide03,
.index_kv_area .swiper-slide04 {
  width: 100px;
  /* height: calc(100vh + -129px - 0.5vw); */
  height: 58.4vw;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
}

.swiper-slide01 {
  background-image: url(/ec/img/usr/pg/campaign/formal/index/index_kv_main_01.jpg);
}
.swiper-slide02 {
  background-image: url(/ec/img/usr/pg/campaign/formal/index/index_kv_main_02.jpg);
}
.swiper-slide03 {
  background-image: url(/ec/img/usr/pg/campaign/formal/index/index_kv_main_03.jpg);
}
.swiper-slide04 {
  background-image: url(/ec/img/usr/pg/campaign/formal/index/index_kv_main_04.jpg);
}

.index_kv_heading {
  /* bottom:auto;
  top: 6vw; */
}

/* .l-cont_wrap {
  padding-top: 0;
}

.l-header_space {
  height: auto;
} */

.swiper-slide{
  opacity: 0;
  transition: opacity .3s linear;
}
.swiper-slide.swiper-container-initialized{
  opacity: 1;
}

@media screen and (max-width: 767px) {
  /* .swiper-slide01,
  .swiper-slide02,
  .swiper-slide03,
  .swiper-slide04 {
    height: calc(100vh + -113px - 0.5vw);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    min-height: -webkit-fill-available;
  } */

  .index_kv_area .swiper-slide {
    height: 100vh; /* カスタムプロパティ未対応ブラウザ用のフォールバック */
    height: calc(var(--vh, 1vh) * 100 + -113px + -1.0vw);
    /* height: -webkit-fill-available; */
  }
}