@charset "UTF-8";
/* ========================================================
	top.css => トップページ用CSS
======================================================== */
/* slick
==================================================== */
/*slide
==================================================== */
@media screen and (min-width: 681px), print {
  .slide-module-02 {
    /*    .card_parts .img img {
      height: 25rem;
    } */
  }
  .slide-module-02 .img img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    max-width: 100%;
    width: auto;
    /*   aspect-ratio: 3/1.4; */
  }
  .slide-module-02 .slick-prev,
  .slide-module-02 .slick-next {
    bottom: -12.5rem;
  }
  .slide-module-02 .slick-prev {
    right: 12rem;
  }
  .slick-prev {
    right: 12rem;
  }
  .slick-next {
    right: 5rem;
  }
}
/* @media screen and (max-width: 960px) {
  .slide-module-02 {
    .card_parts .img img {
      height: 48vw;
    }
  }
} */
/* leftCurtainbg rightCurtainbg*/
.Curtainbg {
  display: block;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  animation-duration: 2s;
  animation-name: PageAnimeOn;
  animation-fill-mode: forwards;
  /*   &:before, */
  /*   &:before {
      right: 50%;
      transform: scaleX(0);
      animation-name: curtainAnimeLeft;
      animation-duration: 1.2s;
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
    } */
}
.Curtainbg:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.Curtainbg:after {
  left: 0;
  /* transform: scaleX(1); */
  animation-name: curtainAnimeRight;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

@keyframes curtainAnimeLeft {
  0% {
    transform-origin: right;
    transform: scaleX(1);
  }
  50% {
    transform-origin: left;
  }
  100% {
    transform-origin: left;
    transform: scaleX(0);
  }
}
@keyframes curtainAnimeRight {
  0% {
    transform-origin: left;
    /*  transform: scaleX(0); */
  }
  /*  50% {
     transform-origin: right;
   } */
  100% {
    transform-origin: right;
    left: 100%;
  }
}
@keyframes PageAnimeOn {
  0% {
    display: block;
  }
  100% {
    display: none;
    opacity: 0;
    z-index: -3;
  }
}/*# sourceMappingURL=top.css.map */