@charset "utf-8";
/* top */
.fadeinTrigger{
	opacity: 0;
}
.fadeinTrigger_right{right: -100%;}
.fadeinTrigger_left{left: -100%;}

.fadein{
	animation: FADEIN forwards 1s ease 0.3s normal;
}
.fadein_right{
	animation: FADEIN_RIGHT forwards 1s ease 0.3s normal;
}
.fadein_left{
	animation: FADEIN_LEFT forwards 1s ease 0.3s normal;
}

@keyframes FADEIN{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes FRONT_CONTENTS{
  0% {
    transform: translateX(-10px);
    opacity: 0;
	}
  50%{
    opacity: 0;
    transform: translateX(-10px);
  }
	100% {
    transform: translateX(0px);
    opacity: 1;
	}
}
.fadein_txt_trigger{
  opacity: 0;
}
.fadein_txt{
  animation: FRONT_TEXT forwards 2s ease 0.3s normal;
  transform: translateY(10px);
}
.fadein_img_right_trigger,
.fadein_img_left_trigger{
  opacity: 0;
}
.fadein_img_left{
  animation: FRONT_IMG_LEFT forwards 1s ease 0.3s normal;
  transform: translateX(-10px);
}

.fadein_img_right{
  animation: FRONT_IMG_RIGHT forwards 1s ease 0.3s normal;
  transform: translateX(10px);
}

@keyframes FRONT_TEXT{

  0%{
    transform: translateY(10px);
    opacity: 0;
  }
  50%{
    transform: translateY(10px);
    opacity: 0;
  }
	100% {
    transform: translateY(0);
    opacity: 1;
	}
}
@keyframes FRONT_IMG_LEFT{
  0%{
    transform: translateX(-10px);
    opacity: 0;
  }
	100% {
    transform: translateX(0);
    opacity: 1;
	}
}
@keyframes FRONT_IMG_RIGHT{
  0%{
    transform: translateX(10px);
    opacity: 0;
  }
	100% {
    transform: translateX(0);
    opacity: .8;
	}
}

/* エントリー */
@keyframes shiny {
	0% {
		transform: scale(0) rotate(60deg);
		opacity: 0.3;
	}
	50% {
		transform: scale(1) rotate(60deg);
		opacity: 1;
	}
	100% {
		transform: scale(50) rotate(60deg);
		opacity: 0;
	}
}
/* 募集職種 */
@-webkit-keyframes masking{
  0%{
    -webkit-transform:translate(0, 101%);
    transform:translate(0, 101%)
  }
  44%,56%{
    -webkit-transform:translate(0, 0%);
    transform:translate(0, 0%)
  }
  100%{
    -webkit-transform:translate(0, -101%);
    transform:translate(0, -101%)
  }
}
@keyframes masking{
  0%{
    -webkit-transform:translate(0, 101%);transform:translate(0, 101%)
  }
  44%,56%{
    -webkit-transform:translate(0, 0%);
    transform:translate(0, 0%)
  }
  100%{
    -webkit-transform:translate(0, -101%);
    transform:translate(0, -101%)
  }
}
@-webkit-keyframes masking_body{
  0%{
    opacity: 0;
  }
  80%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }
}
@keyframes masking_body{
  0%{
    opacity: 0;
  }
  80%{
    opacity: 1;
  }
  100%{
    opacity: 1;
  }

}