@charset "utf-8";

/*---------top-js------------*/

.main-gazou{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.main-gazousp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

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

.content-page-title{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.content-page-text{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

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

.service-display{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.service-display.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.work-select{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.work-select.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.work-selectsp{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.work-selectsp.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.recruit-block{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.recruit-block.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.campany{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.campany.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.campanysp{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.campanysp.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.oshirase{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.oshirase.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.white-right{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.white-right.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}

.map{
    opacity: 0;
    transform: translate(0,80px);
    transition: all 600ms;
}
.map.scrolln{
    opacity: 1;
    transform: translate(0,0px);
}


.main-sl {
	animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}

.main-slsp {
	animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}