.l-container {
  width: 100%;
  margin: 0 auto;
}

.PC {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.PC .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  height: 6250px;
  position: relative;
}

.PC .hero {
  position: absolute;
  width: 600px;
  height: 900px;
  top: 26px;
  transform: translate(-50%, 0%);
  left: 50%;
  //left: 400px;
}

.PC .hero-ttl {
  position: absolute;
  width: 466px;
  height: 377px;
  top: 523px;
  left: 66px;
}

.PC .img {
  position: absolute;
  width: 466px;
  height: 48px;
  top: 328px;
  left: 1px;
}

.PC .hero-ttl-2 {
  position: absolute;
  width: 291px;
  height: 117px;
  top: 130px;
  left: 88px;
}

.PC .hero-ttl-3 {
  position: absolute;
  width: 340px;
  height: 17px;
  top: 86px;
  left: 64px;
}

.PC .logo {
  position: absolute;
  width: 150px;
  height: 30px;
  top: 0;
  left: 159px;
}

.PC .hero-img {
  position: absolute;
  width: 600px;
  height: 445px;
  top: 0;
  left: 0;
}

.PC .overlap-group {
  position: relative;
  height: 445px;
}

.PC .hero-2 {
  position: absolute;
  width: 311px;
  height: 316px;
  top: 129px;
  left: 0;
  object-fit: cover;
}

.PC .hero-3 {
  position: absolute;
  width: 315px;
  height: 375px;
  top: 0;
  left: 285px;
  object-fit: cover;
}

.PC .sec {
  position: absolute;
  width: 100%;
  //width: 1707px;
  height: 500px;
  top: 1026px;
  left:0px;
}

.PC .sec img{
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.PC .sec-img {
  width: 333px;
  height: 500px;
  top: 0;
  left: 152px;
  position: absolute;
  object-fit: cover;
}

.PC .img-2 {
  width: 333px;
  height: 500px;
  top: 0;
  left: 343px;
  position: absolute;
  object-fit: cover;
}

.PC .img-3 {
  width: 333px;
  height: 500px;
  top: 0;
  left: 686px;
  position: absolute;
  object-fit: cover;
}

.PC .img-4 {
  width: 333px;
  height: 500px;
  top: 0;
  left: 1029px;
  position: absolute;
  object-fit: cover;
}

.PC .img-5 {
  width: 333px;
  height: 500px;
  top: 0;
  left: 1374px;
  position: absolute;
  object-fit: cover;
}

.PC .ttl {
    position: absolute;
    width: 570px;
    height: 50px;
    top: 1626px;
    transform: translate(-50%, 0%);
    left: 50%;
    //    left: 414px;
}

.PC .sec-ttl {
  position: absolute;
  width: 945px;
  height: 52px;
  top: 1737px;
  transform: translate(-50%, 0%);
  left: 50%;
  //  left: 227px;
}

.PC .overlap-wrapper {
  position: absolute;
  width: 841px;
  height: 1206px;
  top: 1880px;
  transform: translate(-50%, 0%);
  left: 50%;
  //  left: 280px;
}

.PC .overlap {
  position: relative;
  height: 1206px;
}

.PC .overlap-2 {
  position: absolute;
  width: 841px;
  height: 920px;
  top: 286px;
  left: 0;
}

.PC .img-b {
  position: absolute;
  width: 287px;
  height: 385px;
  top: 258px;
  left: 240px;
  object-fit: cover;
}

.PC .img-6 {
  width: 400px;
  height: 550px;
  top: 370px;
  left: 441px;
  position: absolute;
  object-fit: cover;
}

.PC .img-7 {
  width: 320px;
  height: 480px;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
}

.PC .overlap-3 {
  position: absolute;
  width: 279px;
  height: 406px;
  top: 0;
  left: 450px;
}

.PC .sec-img-b {
  position: absolute;
  width: 230px;
  height: 380px;
  top: 0;
  left: 49px;
  object-fit: cover;
}

.PC .img-8 {
  width: 250px;
  height: 375px;
  top: 31px;
  left: 0;
  position: absolute;
  object-fit: cover;
}

.PC .component-wrapper {
  position: absolute;
  width: 100%;
  height: 500px;
  top: 3385px;
  /* left: -321px;*/
}

.PC .component-wrapper img{
  width: 100%;
  height: 500px;
  object-fit: cover;

}

.PC .component {
  position: relative;
  height: 500px;
}

.PC .img-9 {
  width: 400px;
  height: 500px;
  top: 0;
  left: 321px;
  position: absolute;
  object-fit: cover;
}

.PC .img-10 {
  width: 400px;
  height: 500px;
  top: 0;
  left: 411px;
  position: absolute;
  object-fit: cover;
}

.PC .img-11 {
  width: 400px;
  height: 500px;
  top: 0;
  left: 821px;
  position: absolute;
  object-fit: cover;
}

.PC .img-12 {
  width: 400px;
  height: 500px;
  top: 0;
  left: 1231px;
  position: absolute;
  object-fit: cover;
}

.PC .img-13 {
  width: 400px;
  height: 500px;
  top: 0;
  left: 1642px;
  position: absolute;
  object-fit: cover;
}

.PC .ttl-2 {
  position: absolute;
  width: 945px;
  height: 84px;
  top: 4100px;
  transform: translate(-50%, 0%);
  left: 50%;
  //  left: 228px;
}

.PC .ttl-3 {
  position: absolute;
  width: 570px;
  height: 50px;
  top: 3991px;
  transform: translate(-50%, 0%);
  left: 50%;
  //  left: 415px;
}

.PC .overlap-group-wrapper {
  position: absolute;
  width: 1141px;
  height: 1462px;
  top: 4257px;
  transform: translate(-50%, 0%);
  left: calc(50% - 130px);
  //  left: 0;
}

.PC .overlap-4 {
  position: relative;
  height: 1462px;
}

.PC .overlap-5 {
  position: absolute;
  width: 925px;
  height: 1127px;
  top: 335px;
  left: 0;
}

.PC .img-b-2 {
  position: absolute;
  width: calc(100% + 31%);
  height: 340px;
  top: 307px;
  object-fit: cover;
  transform: translate(-50%, 0%);
  left: calc(-50%);
}

.PC .img-14 {
  width: 450px;
  height: 618px;
  top: 509px;
  left: 475px;
  position: absolute;
  object-fit: cover;
}

.PC .img-15 {
  width: 250px;
  height: 390px;
  top: 0;
  left: 321px;
  position: absolute;
  object-fit: cover;
}

.PC .overlap-6 {
  position: absolute;
  width: 410px;
  height: 585px;
  top: 0;
  left: 731px;
}

.PC .img-b-3 {
  position: absolute;
  width: 350px;
  height: 510px;
  top: 0;
  left: 60px;
  object-fit: cover;
}

.PC .img-16 {
  width: 350px;
  height: 525px;
  top: 60px;
  left: 0;
  position: absolute;
  object-fit: cover;
}

.PC .btn-cti {
  top: 5970px;
  transform: translate(-50%, 0%);
  left: calc(50% - 260px);
  //  left: 199px;
  position: absolute;
  width: 482px;
  height: 82px;
}

.PC .btn-ast {
  top: 5970px;
  transform: translate(-50%, 0%);
  left: calc(50% + 264px);
  //  left: 723px;
  position: absolute;
  width: 482px;
  height: 82px;

}



.feature .js-inview {
  opacity: 0;
  transition-duration: 1s;
}
.feature .js-inview.is-active {
  opacity: 1;
}

.slick-slide {
  margin-right: 10px;
}


/* fadeUp */
.fadeUp {
  animation-name:fadeUpAnime;
  animation-duration:1.5s;
  animation-fill-mode:forwards;
  opacity: 0;
  }
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(0);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }
  
  .delay-time02{
    animation-delay: 0.75s;
    }
    
    .delay-time04{
    animation-delay: 1.25s;
    }

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(0px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


 
.fadeUpTrigger{
    opacity: 0;
}