@charset "UTF-8";


.l-con {
  margin: 0 auto;
  max-width: calc( 1156px + 15vw);
  padding: 0 calc( 15vw / 2);
}
@media only screen and (max-width: 767px) {
  .l-con {
    max-width: calc(100%);
    padding: 0 calc(40px / 2);
  }
}

.a-fadein {
  opacity: 0;
  transform: translate3d(0, 60px, 0);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.a-fadein.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.a-body-fadein {
  animation: a-body-fadein 2s both 0s ease;
  visibility: visible !important;
  backface-visibility: hidden;
}
@keyframes a-body-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}