@charset "utf-8";
/* ===== 初期アニメーション無効化 ===== */

html{
    opacity:1 !important;
}

.in-view{
    opacity:1 !important;
}

.top .bg,
.top .sec_kv .kv_bg_item,
.top .sec_kv .text_wrapper .copy,
.top .sec_kv .text_wrapper .ttl,
.top .sec_kv .kv_slider,
.top .sec_kv .kv_slider .swiper-pagination,
.header_top,
.header_nav_trigger.header_top{
    opacity:1 !important;
    transition:none !important;
    animation:none !important;
}

/* loaded時のアニメーション無効 */
.loaded .top .bg picture.img02,
.loaded .top .bg picture.img03,
.loaded .top .sec_kv .kv_bg_item {
  animation: none !important;
}

.top .sec_kv .kv_slider {
  opacity: 1;
  transition: none;
}

.top .sec_kv .kv_slider a,
.top .sec_kv .kv_slider picture {
  display: block;
  width: 100%;
}

.top .sec_kv .kv_slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Swiper初期化前は表示を隠す */
.top .sec_topics .topic_slider {
  visibility: hidden;
}

/* Swiper初期化完了後に表示 */
.top .sec_topics .topic_slider.swiper-initialized {
  visibility: visible;
}