@charset "UTF-8";

/*
要素 {
	animation: 1-name 2-duration 3-timing 4-delay 5-iteration 6-direction 7-fill 8-play;

	--内訳
	1.animation-name: アニメーション名;
	2.animation-duration: 時間(値);
	3.animation-timing-function: 値;
	4.animation-delay: 時間(値);
	5.animation-iteration-count: 値;
	6.animation-direction: 値;
	7.animation-fill-mode: 値;
	8.animation-play-state: 値;
	
	.con{
		animation: name 1s ease-in-out 0.5s infinite alternate ,
		name2 1s 1.5s ease-in-out infinite;
	}

}
*/

/*----------------------------------------
 * 個別アニメーション
 *----------------------------------------*/

/*----------------------------------------
 * トップページ
 *----------------------------------------*/

/* インタビュースライド */

.recruit.recruit_top .ca_rec_top_interview_1 .inner{
	animation:ca_rec_top_interview_1 0.5s  ease-out 0s forwards;
}

@keyframes ca_rec_top_interview_1  {
	0% {
		margin-top:100px;
	}
	100% {
		opacity:1;
		margin-top:0px;
	}
}

.recruit.recruit_top .ca_rec_top_interview_2 {
	animation:ca_rec_top_interview_2 0.5s  ease-out 0s forwards;
}

@keyframes ca_rec_top_interview_2  {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

/* インタビュースライド flex */
.recruit.recruit_top .ca_interview_flex .column.col1 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.10s forwards;}
.recruit.recruit_top .ca_interview_flex .column.col2 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.15s forwards;}
.recruit.recruit_top .ca_interview_flex .column.col3 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.20s forwards;}
.recruit.recruit_top .ca_interview_flex .column.col4 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.25s forwards;}
.recruit.recruit_top .ca_interview_flex .column.col5 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.30s forwards;}
.recruit.recruit_top .ca_interview_flex .column.col6 .inner{animation:ca_interview_flex 1.0s ease-in-out 0.35s forwards;}


@keyframes ca_interview_flex  {
	0% {
		margin-left:-100%;
		opacity:0;
	}
	100% {
		margin-left:0;
		opacity:1;
	}
}

/* 数字で見る */
.number_flex .column:nth-child(1) .inner:after,
.number_flex .column:nth-child(1) .inner2 { animation-delay:0s;}

.number_flex .column:nth-child(2) .inner:after,
.number_flex .column:nth-child(2) .inner2 { animation-delay:0.1s;}

.number_flex .column:nth-child(3) .inner:after,
.number_flex .column:nth-child(3) .inner2 { animation-delay:0.2s;}

.number_flex .column:nth-child(4) .inner:after,
.number_flex .column:nth-child(4) .inner2 { animation-delay:0.3s;}

.number_flex .column:nth-child(5) .inner:after,
.number_flex .column:nth-child(5) .inner2 { animation-delay:0.4s;}

.number_flex .column:nth-child(6) .inner:after,
.number_flex .column:nth-child(6) .inner2 { animation-delay:0.5s;}

.number_flex .column:nth-child(7) .inner:after,
.number_flex .column:nth-child(7) .inner2 { animation-delay:0.6s;}

.number_flex .column:nth-child(8) .inner:after,
.number_flex .column:nth-child(8) .inner2 { animation-delay:0.7s;}

/* aboutus */
.aboutus_main .std_column2 .left .inner:after,
.aboutus_main .std_column2 .left .inner2 { animation-delay:0s;}

.aboutus_main .std_column2 .right .inner:after,
.aboutus_main .std_column2 .right .inner2 { animation-delay:0.2s;}

.aboutus_main .ca_image_naname_color .std_column2 .text_wrapper {
	animation:ca_aboutus_main_text_wrapper 0.8s  ease-in-out 1s forwards;
}
@keyframes ca_aboutus_main_text_wrapper  {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.aboutus_main .std_flex3 .column:nth-child(1) .inner:after,
.aboutus_main .std_flex3 .column:nth-child(1) .inner2 { animation-delay:0s;}

.aboutus_main .std_flex3 .column:nth-child(2) .inner:after,
.aboutus_main .std_flex3 .column:nth-child(2) .inner2 { animation-delay:0.2s;}

.aboutus_main .std_flex3 .column:nth-child(3) .inner:after,
.aboutus_main .std_flex3 .column:nth-child(3) .inner2 { animation-delay:0.4s;}



.aboutus_main .ca_image_naname_color .std_flex3 .text_wrapper {
	animation:ca_aboutus_main_text_wrapper 0.8s  ease-in-out 1s forwards;
}

.aboutus_main .ca_image_naname_color .std_flex3 .column:nth-child(1) .text_wrapper {animation-delay:0.5s;}
.aboutus_main .ca_image_naname_color .std_flex3 .column:nth-child(2) .text_wrapper {animation-delay:0.7s;}
.aboutus_main .ca_image_naname_color .std_flex3 .column:nth-child(3) .text_wrapper {animation-delay:0.9s;}


@keyframes ca_aboutus_main_text_wrapper  {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/*
.info .std_flex2 .right .inner {animation-delay:1s;}
*/