@charset "UTF-8";

/* MVの背景　MVと連動してないからMV変更時に手動で変更しないとだめ */
#mv .mv_img li:first-of-type {
  background: url(/common/upload_data/azcalljp/image/20240426160634.jpg) no-repeat center center/cover;
}

#mv .mv_img li:nth-of-type(2) {
  background: url(/common/upload_data/azcalljp/image/20240426160630.jpg) no-repeat center center/cover;
}

#mv .mv_img li:nth-of-type(3) {
  background: url(/common/upload_data/azcalljp/image/20240426160637.jpg) no-repeat center center/cover;
}

#mv .mv_img li:nth-of-type(4) {
  background: url(/common/upload_data/azcalljp/image/20240426160641.jpg) no-repeat center center/cover;
}

#mv .mv_img li::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* その他の調整 */
.loop-image-container {
  display: flex;
  overflow: hidden;
}

.image-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-animation: moveToLeft 20s infinite linear 0.5s both;
          animation: moveToLeft 20s infinite linear 0.5s both;
}

.image-item {
  padding: 1rem 2rem;
  width: 8.3333333333vw;
}

@-webkit-keyframes moveToLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes moveToLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media screen and (max-width: 900px) {
  .image-item {
    width: 16.6666666667vw;
  }
}
@media screen and (max-width: 600px) {
  .image-item {
    width: 50vw;
  }
}


/*-------------TOP_MV（SP用の画像入れ込み）-------------*/
@media screen and (max-width: 900px) {
  #mv.slide04 .mv_img li img {
    display: none !important;
    -webkit-animation-name: initial;
            animation-name: initial;
    -webkit-animation-timing-function: initial;
            animation-timing-function: initial;
    -webkit-animation-duration: initial;
            animation-duration: initial;
  }
  #mv.slide04 .mv_img li a {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
  }
  #mv.slide04 .mv_img li:nth-of-type(1) a {
    background-image: url(/common/upload_data/azcalljp/image/20241030153215.jpg);
  }
  #mv.slide04 .mv_img li:nth-of-type(2) a {
    background-image: url(/common/upload_data/azcalljp/image/20241030153211.jpg);
  }
  #mv.slide04 .mv_img li:nth-of-type(3) a {
    background-image: url(/common/upload_data/azcalljp/image/20251001100410.jpg);
  }
  #mv.slide04 .mv_img li:nth-of-type(4) a {
    background-image: url(/common/upload_data/azcalljp/image/20251001100410_1.jpg);
  }
  #mv.slide04 .mv_img li.show a {
    -webkit-animation-name: slide04;
            animation-name: slide04;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-duration: 14000ms;
            animation-duration: 14000ms;
  }
}

#mv .mv_img li::before {
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}

/* SP時変更 */
@media screen and (max-width: 900px) {
    a[id^=top_btn] + .contents_btn01 {
        display: none;
    }
}