@charset "utf-8";
.block-cover-slider {
  position: relative;
  width: 100%;
  margin-bottom: -2rem;
  height: 100vh;
  background-color: #000;
}
.block-cover-slider.init > .bg > .images .image {
  -webkit-transition: 0s;
  transition: 0s;
  opacity: 0;
}
.block-cover-slider > .bg {
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  inset: 0rem;
}
.block-cover-slider > .bg::after {
  content: '';
  display: block;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  inset: 0rem;
  background-color: rgba(0, 0, 0, 0.2);
}
.block-cover-slider > .bg > .images {
  position: absolute;
  width: 100%;
  height: 101%;
  list-style: none;
}
.block-cover-slider > .bg > .images .image {
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  inset: 0rem;
  -webkit-transition: 1s;
  transition: 1s;
}
.block-cover-slider > .bg > .images .image img, .block-cover-slider > .bg > .images .image picture {
  display: block;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  inset: 0rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.block-cover-slider > .bg > .images .image:not(.active) {
  opacity: 0;
}
.block-cover-slider > .bg > .images .image.active {
  -webkit-transition: 1s 1s;
  transition: 1s 1s;
  opacity: 1;
  transform: -webkit- translateX(0rem);
  transform: translateX(0rem);
}
.block-cover-slider > .title {
  display: block;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  inset: 0rem;
  text-align: center;
  font-size: 6rem;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.block-cover-slider > .title > .title_image {
  display: block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
  inset: 2rem;
  margin: auto;
  max-width: 75rem;
  width: 90vw;
  height: auto;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  transform: -webkit- scale(1.05);
  transform: scale(1.05);
}
.block-cover-slider > .controls .thumbnail {
  padding-top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
}
.block-cover-slider > .controls .thumbnail .item {
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 8rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.3;
}
.block-cover-slider > .controls .thumbnail .item.active {
  opacity: 1;
}
.block-cover-slider > .controls .thumbnail .item img {
  width: 100%;
  height: auto;
}
.block-cover-slider.scene0 > .title > .title_image.s0 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scene1 > .title > .title_image.s1 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scene2 > .title > .title_image.s2 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scene3 > .title > .title_image.s3 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scene4 > .title > .title_image.s4 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scene5 > .title > .title_image.s5 {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
.block-cover-slider.scrollspy:not(.visible) > .title {
  opacity: 0;
  transform: -webkit- scale(1.05);
  transform: scale(1.05);
}
.block-cover-slider.scrollspy.visible > .title {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  opacity: 1;
  transform: -webkit- scale(1);
  transform: scale(1);
}
@media (min-width: 960px) {
  .block-cover-slider.mv {
    margin-bottom: 6rem;
  }
}
@media (max-width: 959px) {
  .block-cover-slider > .title {
    font-size: 4rem;
  }
}
/*# sourceMappingURL=./style.css.map */