@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;
	}

}
*/

/*----------------------------------------
 * 共通アニメーション
 *----------------------------------------*/
.anim_inner {
	width:100%;
	opacity:0;
	position:absolute;
}

.chunky_anim_inner_absolute {
	position:relative;
}

/* 下から上にフェード出現 */
.ca_slow_up {
	position:relative;
}
.ca_slow_up .inner,
.ca_slow_up .anim_inner{
	width:100%;
	animation:ca_slow_up 1.0s  ease-in-out 0s forwards;
}

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

/* 上から下ににクリップフェード出現 */
.ca_clip_fade_down {
	position:relative;
}
.ca_clip_fade_down .inner,
.ca_clip_fade_down .anim_inner{
	width:100%;
	animation:ca_clip_fade_down 1.0s  ease-in-out 0s forwards;
}

@keyframes ca_clip_fade_down  {
	0% {
		opacity:0;
		margin-top:40px;
		clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0);
	}
	100% {
		opacity:1;
		margin-top:0px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}


/* 左から右にクリップ出現 */
.ca_clip_left_to_right{
	animation:ca_clip_left_to_right 0.5s  ease-out 0s forwards;
}

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

/* 左から右にクリップ出現 */
.ca_clip_right_to_left {
	animation:ca_clip_right_to_left 0.5s  ease-out 0s forwards;
}

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

/* 左上から右下にクリップ出現 */
.anim_lefttop_rightbottom {
	clip-path: polygon(0 0, 0 0, 0 0);
}

.ca_clip_lefttop_to_rightbottom {
	animation:ca_clip_lefttop_to_rightbottom 1.0s  ease-out 0s forwards;
}

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

/* 共通フェードイン */
.anime_opacity { opacity:0;}
.ca_std_fade_in {
	animation:ca_std_fade_in 1s  ease-out 0s forwards;
}

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


/* h3見出しのセット */
.ca_h3_midashi_set h3 { animation:ca_h3_midashi_set_h3 1s  ease-out 0.2s forwards;}

@keyframes ca_h3_midashi_set_h3  {
	0% {
		margin-top:30px;
		opacity:0;
	}
	100% {
		margin-top:1em;
		opacity:1;
	}
}

.ca_h3_midashi_set .lead { animation:ca_h3_midashi_set_other 1s  ease-out 0.4s forwards;}
.ca_h3_midashi_set .eng_sub { animation:ca_h3_midashi_set_other 1s  ease-out 0.6s forwards;}
.ca_h3_midashi_set .text { animation:ca_h3_midashi_set_other 1s  ease-out 0.8s forwards;}

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

/* 画像の斜めのカラースライドで表示 */
.ca_image_naname_color .inner {
	position:relative;
	overflow:hidden;
}
.ca_image_naname_color .inner2 {
	opacity:0;
	animation:ca_image_naname_color_inner2 0.8s  ease-in-out 0s forwards;
}

@keyframes ca_image_naname_color_inner2 {
	0% {
		opacity:0;
	}
	45% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}

.ca_image_naname_color .inner:after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	background-color:#3f9eea;
	top:0;
	left:0;
	animation:ca_image_naname_color_after 0.8s  ease-in-out 0s forwards;
	opacity:0;
}

.ca_image_naname_color.red .inner:after {
	background-color:#ff0015;
}

@keyframes ca_image_naname_color_after {
	0% {
		opacity:0;
		clip-path: polygon(100% -200%, 100% 100%, -200% 100%);
		margin-left:-100%;
	}
	40% {
		opacity:1;
		margin-left:0%;
		clip-path: polygon(100% -200%, 100% 100%, -200% 100%);
	}
	100% {
		opacity:1;
		clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
	}
}



/* シンプルに画像の斜めのカラースライドで表示2 */

.ca_simple_naname_color { 
	position:relative;
	animation:ca_simple_naname_color 1.2s  ease-in-out 0s forwards;
}
.ca_simple_naname_color:before {
	animation:ca_simple_naname_color_before 1.2s  ease-in-out 0s forwards;
}

.anim_bg_red:before,
.anim_bg_blue:before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}


.anim_bg_red:before {background-color:#e60113;}
.anim_bg_blue:before {background-color:#3f9eea;}

@keyframes ca_simple_naname_color_ {
	0% {
		opacity:0;
	}
	45% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}


@keyframes ca_simple_naname_color_before {
	0% {
		opacity:1;
		clip-path: polygon(100% -200%, 100% 100%, -200% 100%);
		margin-left:-100%;
	}
	40% {
		opacity:1;
		margin-left:0%;
		clip-path: polygon(100% -200%, 100% 100%, -200% 100%);
	}
	100% {
		opacity:1;
		clip-path: polygon(100% 100%, 100% 100%, 100% 100%);
	}
}


/* 公式ページのleadエリアのセット */
.ca_lead_area_set .lead_en{ animation:ca_lead_area_set 1s  ease-out 0.2s forwards;}
.ca_lead_area_set .lead_copy { animation:ca_lead_area_set 1s  ease-out 0.5s forwards;}
.ca_lead_area_set .lead_text { animation:ca_lead_area_set 1s  ease-out 1.0s forwards;}

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

.ca_lead_area_set .right img { animation:ca_lead_area_set_img 1.0s  ease-out 1.2s forwards;}
@keyframes ca_lead_area_set_img  {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.ca_lead_area_set .std_width:before,
.ca_lead_area_set .std_width .right:before { animation:ca_lead_area_set_std_width 0.5s  ease-out 1.8s forwards;}
@keyframes ca_lead_area_set_std_width  {
	0% {
		margin-left:0;
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

/* h2見出しのセット */
.ca_h2_midashi_set .inner div.kakomi { animation:ca_h2_midashi_set_div_other 1s  ease-out 0s forwards;}
.ca_h2_midashi_set .inner h2 { animation:ca_h2_midashi_set_div_other 1s  ease-out 0.2s forwards;}
.ca_h2_midashi_set .inner strong { animation:ca_h2_midashi_set_div_other 1s  ease-out 0.8s forwards;}


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


.ca_h2_midashi_set h2 { animation:ca_h2_midashi_set_h2 1s  ease-out 0.2s forwards;}

@keyframes ca_h3_midashi_set_h3  {
	0% {
		margin-top:30px;
		opacity:0;
	}
	100% {
		margin-top:1em;
		opacity:1;
	}
}

.ca_h3_midashi_set .lead { animation:ca_h3_midashi_set_other 1s  ease-out 0.4s forwards;}
.ca_h3_midashi_set .eng_sub { animation:ca_h3_midashi_set_other 1s  ease-out 0.6s forwards;}
.ca_h3_midashi_set .text { animation:ca_h3_midashi_set_other 1s  ease-out 0.8s forwards;}

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


/*----------------------------------------
 * Section 1
 *----------------------------------------*/

.ca_sec1_flex1 .col1 .inner2{
	animation:ca_sec1_flex1_01 1s  ease-out 0s forwards;
}

.ca_sec1_flex1 .col1 .bg{
	animation:ca_sec1_flex1_01 0.8s  ease-out 0.5s forwards;
}


.ca_sec1_flex1 .col2 .inner{
	animation:ca_sec1_flex1_02 0.6s  ease 0.6s forwards;
}

.ca_sec1_flex1 .col3 .inner{
	animation:ca_sec1_flex1_02 0.6s  ease 0.7s forwards;
}

.ca_sec1_flex1 .col4 .inner {
	animation:ca_sec1_flex1_02 0.6s  ease 0.8s forwards;
}

.ca_sec1_flex1 .col1 .num_area{
	animation:ca_sec1_flex1_03 0.5s  ease 0.9s forwards;
}

.ca_sec1_flex1 .col2 .num_area{
	animation:ca_sec1_flex1_03 0.5s  ease 1.0s forwards;
}

.ca_sec1_flex1 .col3 .num_area{
	animation:ca_sec1_flex1_03 0.5s  ease 1.1s forwards;
}

.ca_sec1_flex1 .col4 .num_area{
	animation:ca_sec1_flex1_03 0.5s  ease 1.2s forwards;
}


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


@keyframes ca_sec1_flex1_02 {
	0% {
		margin-left:-100%;
	}
	100% {
		margin-left:0;
	}
}

@keyframes ca_sec1_flex1_03 {
	0% {
		opacity:0;
		bottom:-150px;
	}
	100% {
		opacity:1;
		bottom:0px;
	}
}


/*----------------------------------------
 * Section 2
 *----------------------------------------*/
.ca_sec2 .inner {
	animation:ca_sec2_01 0.8s ease 0s forwards;
}


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

/*----------------------------------------
 * Section 3
 *----------------------------------------*/
.ca_sec3 {
	animation:ca_sec3_01 1s ease-in 0s forwards;
}

.ca_sec3 h2 {
	animation:ca_sec3_02 1s ease-in-out 0s forwards;
}

.ca_sec3 .eng_sub {
	animation:ca_sec3_03 2s ease-in-out 0s forwards;
}

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

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

@keyframes ca_sec3_03 {
	0% {
		margin-top:40px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		margin-top:0px;
		opacity:1;
	}
}

/*----------------------------------------
 * Section 4
 *----------------------------------------*/
section.sec4_future.ca_sec4 {
	animation:ca_sec4_01 0.5s ease-in 0s forwards;
}

section.sec4_future.ca_sec4 img.sec4_future_text {
	animation:ca_sec4_02 2s ease 0s forwards;
}

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

	}
}

@keyframes ca_sec4_02 {
	0% {
		right:40px;
		}
	100% {
		right:10px;

	}
}

.ca_sec4_02 {
	animation:ca_sec4_02_1 1s ease-in 0s forwards;
}

.ca_sec4_02 h3 {
	animation:ca_sec4_02_2 1s ease-in-out 0s forwards;
}

.ca_sec4_02 .eng_sub {
	animation:ca_sec4_02_3 2s ease-in-out 0s forwards;
}

.ca_sec4_02 .sec4_1 {
	animation:ca_sec4_02_4 2s ease-in-out 0s forwards;
}

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

@keyframes ca_sec4_02_2 {
	0% {margin-top:60px;opacity:0;}
	100% {margin-top:20px;opacity:1;}
}

@keyframes ca_sec4_02_3 {
	0% {margin-top:60px;opacity:0;}
	30% {opacity:0;}
	100% {margin-top:20px;opacity:1;}
}

@keyframes ca_sec4_02_4 {
	0% {margin-top:60px;opacity:0;}
	50% {opacity:0;}
	100% {margin-top:20px;opacity:1;}
}

@media screen and (max-width: 768px) {
	@keyframes ca_sec4_02_2 {
		0% {margin-top:30px;opacity:0;}
		100% {margin-top:10px;opacity:1;}
	}
	
	@keyframes ca_sec4_02_3 {
		0% {margin-top:30px;opacity:0;}
		30% {opacity:0;}
		100% {margin-top:10px;opacity:1;}
	}
	
	@keyframes ca_sec4_02_4 {
		0% {margin-top:30px;opacity:0;}
		50% {opacity:0;}
		100% {margin-top:10px;opacity:1;}
	}
}




.ca_sec4_youtube {
	animation:ca_sec4_youtube 0.5s ease-in 0s forwards;
}

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


.ca_sec4_slider {
	animation:ca_sec4_slider 0.5s ease-in 0s forwards;
}

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



.ca_sec4_03 {
	animation:ca_sec4_03_1 1s ease-in 0s forwards;
}

.ca_sec4_03 h3 {
	animation:ca_sec4_03_2 1s ease-in-out 0s forwards;
}

.ca_sec4_03 .eng_sub {
	animation:ca_sec4_02_3 2s ease-in-out 0s forwards;
}

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

@keyframes ca_sec4_03_2 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec4_03_3 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}


.ca_sec4_flex4 {
	animation:ca_sec4_flex4_01 0.5s ease-in 0s forwards;
}

.ca_sec4_flex4 .column.col1 .inner	{ animation:ca_sec4_flex4_02 0.3s ease 0s forwards;}
.ca_sec4_flex4 .column.col1 a.photo_area:after {	animation:ca_sec4_flex4_03 0.5s ease 0.2s forwards;}
.ca_sec4_flex4 .column.col1 h4	{ animation:ca_sec4_flex4_04 1s ease 0.3s forwards;}
.ca_sec4_flex4 .column.col1 .text_area	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}
.ca_sec4_flex4 .column.col1 .more	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}

.ca_sec4_flex4 .column.col2 .inner	{ animation:ca_sec4_flex4_02 0.3s ease 0.2s forwards;}
.ca_sec4_flex4 .column.col2 a.photo_area:after {	animation:ca_sec4_flex4_03 0.5s ease 0.4s forwards;}
.ca_sec4_flex4 .column.col2 h4	{ animation:ca_sec4_flex4_04 1s ease 0.5s forwards;}
.ca_sec4_flex4 .column.col2 .text_area	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}
.ca_sec4_flex4 .column.col2 .more	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}

.ca_sec4_flex4 .column.col3 .inner	{ animation:ca_sec4_flex4_02 0.3s ease 0.4s forwards;}
.ca_sec4_flex4 .column.col3 a.photo_area:after {	animation:ca_sec4_flex4_03 0.5s ease 0.6s forwards;}
.ca_sec4_flex4 .column.col3 h4	{ animation:ca_sec4_flex4_04 1s ease 0.7s forwards;}
.ca_sec4_flex4 .column.col3 .text_area	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}
.ca_sec4_flex4 .column.col3 .more	{ animation:ca_sec4_flex4_01 1s ease 0.8s forwards;}

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

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

@keyframes ca_sec4_flex4_03 {
	0%{	clip-path: polygon(100% -200%, 100% 100%, -200% 100%);}
	100%{clip-path: polygon(100% 100%, 100% 100%, 100% 100%);}
}

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


/*----------------------------------------
 * Section 5
 *----------------------------------------*/
section.sec5_history.ca_sec5 {
	animation:ca_sec5_01 0.5s ease-in 0s forwards;
}

section.sec5_history.ca_sec5 img.sec5_history_text {
	animation:ca_sec5_02 2s ease 0s forwards;
}

@keyframes ca_sec5_01 {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 105%, 0 105%);

	}
}

@keyframes ca_sec5_02 {
	0% {
		right:40px;
		}
	100% {
		right:10px;

	}
}

/*
section.sec5_history .ca_sec5_photo img.p1 { animation:ca_sec5_img 0.3s ease 0s forwards;}
section.sec5_history .ca_sec5_photo img.p2 { animation:ca_sec5_img 0.3s ease 0.2s forwards;}
section.sec5_history .ca_sec5_photo img.p3 { animation:ca_sec5_img 0.3s ease 0.4s forwards;}
section.sec5_history .ca_sec5_photo img.p4 { animation:ca_sec5_img 0.3s ease 0.6s forwards;}
section.sec5_history .ca_sec5_photo img.p5 { animation:ca_sec5_img 0.3s ease 0.8s forwards;}
section.sec5_history .ca_sec5_photo img.p6 { animation:ca_sec5_img 0.3s ease 1.0s forwards;}
section.sec5_history .ca_sec5_photo img.p7 { animation:ca_sec5_img 0.3s ease 1.2s forwards;}
section.sec5_history .ca_sec5_photo img.p8 { animation:ca_sec5_img 0.3s ease 1.4s forwards;}
section.sec5_history .ca_sec5_photo img.p101 { animation:ca_sec5_img 0.3s ease 1.6s forwards;}
section.sec5_history .ca_sec5_photo img.p102 { animation:ca_sec5_img 0.3s ease 1.8s forwards;}
section.sec5_history .ca_sec5_photo img.p103 { animation:ca_sec5_img 0.3s ease 2.0s forwards;}
section.sec5_history .ca_sec5_photo img.p104 { animation:ca_sec5_img 0.3s ease 2.2s forwards;}
section.sec5_history .ca_sec5_photo img.p105 { animation:ca_sec5_img 0.3s ease 2.4s forwards;}
*/

section.sec5_history .ca_sec5_photo img.p1 { animation:ca_sec5_img 1.0s ease-in-out 0s forwards;}
section.sec5_history .ca_sec5_photo img.p2 { animation:ca_sec5_img 1.0s ease-in-out 0.1s forwards;}
section.sec5_history .ca_sec5_photo img.p3 { animation:ca_sec5_img 1.0s ease-in-out 0.2s forwards;}
section.sec5_history .ca_sec5_photo img.p4 { animation:ca_sec5_img 1.0s ease-in-out 0.3s forwards;}
section.sec5_history .ca_sec5_photo img.p5 { animation:ca_sec5_img 1.0s ease-in-out 0.4s forwards;}
section.sec5_history .ca_sec5_photo img.p6 { animation:ca_sec5_img 1.0s ease-in-out 0.5s forwards;}
section.sec5_history .ca_sec5_photo img.p7 { animation:ca_sec5_img 1.0s ease-in-out 0.6s forwards;}
section.sec5_history .ca_sec5_photo img.p8 { animation:ca_sec5_img 1.0s ease-in-out 0.7s forwards;}
section.sec5_history .ca_sec5_photo img.p101 { animation:ca_sec5_img 1.0s ease-in-out 0.8s forwards;}
section.sec5_history .ca_sec5_photo img.p102 { animation:ca_sec5_img 1.0s ease-in-out 0.9s forwards;}
section.sec5_history .ca_sec5_photo img.p103 { animation:ca_sec5_img 1.0s ease-in-out 1.0s forwards;}
section.sec5_history .ca_sec5_photo img.p104 { animation:ca_sec5_img 1.0s ease-in-out 1.1s forwards;}
section.sec5_history .ca_sec5_photo img.p105 { animation:ca_sec5_img 1.0s ease-in-out 1.2s forwards;}


@keyframes ca_sec5_img {
	0% {
		opacity:0.3;
		transform: scale(0, 0);
		transform-origin: left bottom;
		filter:grayscale(100%);
		margin-left:-650px;
		z-index:1;
		margin-top:20px;
		}
	80% {
		opacity:0.5;
		filter:grayscale(50%);
	}
	100% {
		opacity:1;
		transform: scale(1, 1);
		margin-left:0;
		z-index:2;
		filter:grayscale(0%);
		margin-top:0px;
	}
}



.ca_sec5_02 .inner{
	animation:ca_sec5_02_1 1s ease-in 0s forwards;
}

.ca_sec5_02 h3 {
	animation:ca_sec5_02_2 1s ease-in-out 0s forwards;
}

.ca_sec5_02 .eng_sub {
	animation:ca_sec5_02_3 2s ease-in-out 0s forwards;
}

.ca_sec5_02 .sec5_1 {
	animation:ca_sec5_02_4 2s ease-in-out 0s forwards;
}

.ca_sec5_02 .std_button_more {
	animation:ca_sec5_02_5 3s ease-in-out 0s forwards;
}

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

@keyframes ca_sec5_02_2 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_02_3 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_02_4 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_02_5 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
		margin-top:50px;
	}
	100% {
		margin-top:10px;
		opacity:1;
	}
}


.ca_sec5_03 img.graph_1{
	animation:ca_sec5_03_1 0.5s ease-in 0.5s forwards;
}

.ca_sec5_03 img.graph_2{
	animation:ca_sec5_03_2 3s ease-in 0.5s forwards;
}

.ca_sec5_03 img.graph_3{
	animation:ca_sec5_03_1 1s ease-in 3.2s forwards;
}

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

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



.ca_sec5_04 {
	animation:ca_sec5_04_1 0.5s ease-in 0.5s forwards;
}

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



.ca_sec5_05 {
	animation:ca_sec5_05_1 1s ease-in 0.5s forwards;
}

.ca_sec5_05 h3 {
	animation:ca_sec5_05_2 1s ease-in-out 0.5s forwards;
}

.ca_sec5_05 .eng_sub {
	animation:ca_sec5_05_3 2s ease-in-out 0.5s forwards;
}

.ca_sec5_05 .sec5_2 {
	animation:ca_sec5_05_4 2s ease-in-out 0.5s forwards;
}

.ca_sec5_05 .std_button_more {
	animation:ca_sec5_05_5 3s ease-in-out 0.5s forwards;
}

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

@keyframes ca_sec5_05_2 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_05_3 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_05_4 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec5_05_5 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
		margin-top:50px;
	}
	100% {
		margin-top:10px;
		opacity:1;
	}
}

.ca_sec5_06 {
	animation:ca_sec5_06_1 1s ease-in 1s forwards;
}

@keyframes ca_sec5_06_1_未使用 {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.ca_sec5_06:after{
	animation:ca_sec5_06_2 0.8s ease-in 0.8s forwards;
}

@keyframes ca_sec5_06_2 {
	0%{	clip-path: polygon(100% -200%, 100% 100%, -200% 100%);}
	100%{clip-path: polygon(100% 100%, 100% 100%, 100% 100%);}
}



/*----------------------------------------
 * Section 6
 *----------------------------------------*/

.ca_sec6 {
	animation:ca_sec6_01 1s ease-in 0s forwards;
}

.ca_sec6 h2 {
	animation:ca_sec6_02 1s ease-in-out 0s forwards;
}

.ca_sec6 .eng_sub {
	animation:ca_sec6_03 2s ease-in-out 0s forwards;
}

.ca_sec6 .sec6_lead {
	animation:ca_sec6_04 2.5s ease-in-out 1s forwards;
}

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

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

@keyframes ca_sec6_03 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	90% {
		margin-top:0px;
		opacity:1;
	}
}

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

.ca_sec6_flex {
	animation:ca_sec6_flex_01 0.5s ease-in 0s forwards;
}

.ca_sec6_flex .column.col1		{ animation:ca_sec6_flex_02 3s ease-out 0s forwards;}
.ca_sec6_flex .col1 a			{ animation:ca_sec6_flex_03 0.6s ease 0.1s forwards;}
.ca_sec6_flex .col1 a:before	{ animation:ca_sec6_flex_04 0.6s ease 0.5s forwards;}

.ca_sec6_flex .column.col2		{ animation:ca_sec6_flex_02 3s ease-out 0s forwards;}
.ca_sec6_flex .col2 a			{ animation:ca_sec6_flex_03 0.6s ease 0.2s forwards;}
.ca_sec6_flex .col2 a:before	{ animation:ca_sec6_flex_04 0.6s ease 0.7s forwards;}

.ca_sec6_flex .column.col3		{ animation:ca_sec6_flex_02 3s ease-out 0s forwards;}
.ca_sec6_flex .col3 a			{ animation:ca_sec6_flex_03 0.6s ease 0.4s forwards;}
.ca_sec6_flex .col3 a:before	{ animation:ca_sec6_flex_04 0.6s ease 0.9s forwards;}

.ca_sec6_flex .column.col4		{ animation:ca_sec6_flex_02 3s ease-out 0s forwards;}
.ca_sec6_flex .col4 a			{ animation:ca_sec6_flex_03 0.6s ease 0.6s forwards;}
.ca_sec6_flex .col4 a:before	{ animation:ca_sec6_flex_04 0.6s ease 1.1s forwards;}


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

@keyframes ca_sec6_flex_02 {
	0% {
		overflow:hidden;
		left:-50px;
	}
	30% {
		overflow:hidden;
		left:0px;
	}
	99% {
		overflow:hidden;
	}
	100% {
		overflow:visible;
	}
}


@keyframes ca_sec6_flex_03 {
	0% {
		opacity:0;
		left:-101%;
	}
	100% {
		opacity:1;
		left:0;
	}
}


@keyframes ca_sec6_flex_04 {
	0%{	clip-path: polygon(102% -200%, 102% 102%, -200% 102%);}
	100%{clip-path: polygon(100% 100%, 100% 100%, 100% 100%);}
}


/*----------------------------------------
 * Section 7
 *----------------------------------------*/

.ca_sec7 {
	animation:ca_sec7_1 1s ease-in 0s forwards;
}

.ca_sec7 h2 {
	animation:ca_sec7_2 1s ease-in-out 0s forwards;
}

.ca_sec7 .eng_sub {
	animation:ca_sec7_3 2s ease-in-out 0s forwards;
}

.ca_sec7_bottom:after {
	animation:ca_sec7_4 0.8s ease-in-out 1s forwards;
}


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

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

@keyframes ca_sec7_3 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	90% {
		margin-top:0px;
		opacity:1;
	}
}

@keyframes ca_sec7_4 {
	0% {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	100% {
		margin-top:0px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}


.ca_sec7_02 {
	animation:ca_sec7_02_1 1s ease-in 0s forwards;
}

.ca_sec7_02 h3 {
	animation:ca_sec7_02_2 1s ease-in-out 0s forwards;
}

.ca_sec7_02 .eng_sub {
	animation:ca_sec7_02_3 2s ease-in-out 0s forwards;
}

.ca_sec7_02 .sec7_1 {
	animation:ca_sec7_02_4 2s ease-in-out 0s forwards;
}

.ca_sec7_02 .std_button_more {
	animation:ca_sec7_02_5 3s ease-in-out 0s forwards;
}

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

@keyframes ca_sec7_02_2 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec7_02_3 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec7_02_4 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		margin-top:20px;
		opacity:1;
	}
}

@keyframes ca_sec7_02_5 {
	0% {
		margin-top:60px;
		opacity:0;
	}
	50% {
		opacity:0;
		margin-top:50px;
	}
	100% {
		margin-top:10px;
		opacity:1;
	}
}


.ca_sec7_03 {
	animation:ca_sec7_03_1 1s ease 1s forwards;
}
.ca_sec7_03 .bx-viewport{
	animation:ca_sec7_03_2 1s ease 1s forwards;
}

.ca_sec7_03 .bx-viewport:before{
	animation:ca_sec7_03_3 1s ease 1.5s forwards;
}

@keyframes ca_sec7_03_1 {
	0%{
		opacity:0;
		/*
		transform: scale(0.5, 0.5);
		transform-origin: left center;
		*/
	}
	50%{
		/*
		transform: scale(1, 1);
		*/
	}
	100%{
		opacity:1;
	}
}

@keyframes ca_sec7_03_2 {
	0%{
		opacity:0;
		clip-path: polygon(250px 0, 250px 0, 195px 100%, 195px 100%);
	}
	50% {
		opacity:1;
	}
	100%{
		opacity:1;
		clip-path: polygon(250px 0, 100% 0, 100% 100%, 195px 100%);
	}
}

@keyframes ca_sec7_03_3 {
	0%{
		clip-path: polygon(250px 0, 100% 0, 100% 100%, 195px 100%);
	}
	100%{
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
}

@media screen and (max-width: 768px) {
@keyframes ca_sec7_03_2 {
	0%{
		opacity:0;
		clip-path: polygon(250px 0, 250px 0, 195px 100%, 222px 100%);
	}
	50% {
		opacity:1;
	}
	100%{
		opacity:1;
		clip-path: polygon(250px 0, 100% 0, 100% 100%, 222px 100%);
	}
}

@keyframes ca_sec7_03_3 {
	0%{
		clip-path: polygon(250px 0, 100% 0, 100% 100%, 222px 100%);
	}
	100%{
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
}
}

/*----------------------------------------
 * 種鶏部
 *----------------------------------------*/
.gyoumu.syukei .sec_1 .ca_1_1 .std_h3 { opacity:0;}
.gyoumu.syukei .sec_1 .ca_1_1 div { opacity:0;}
.gyoumu.syukei .sec_1 .ca_1_1_map img { opacity:0;}

.gyoumu.syukei .ca_sec_1_1 .std_h3 { animation:gyoumu_syukei_ca_sec_1_1 1s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_1_1 div { animation:gyoumu_syukei_ca_sec_1_1 1s  ease-out 0.5s forwards;}
.gyoumu.syukei .ca_sec_1_1_map img { animation:ca_std_fade_in 1.5s  ease-out 1.0s forwards;}

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

.gyoumu.syukei .sec_2_bg:after { 
    clip-path: polygon(0 100px, 0 100px, 0 calc(100% - 100px), 0 0);
	opacity:0;
}
.gyoumu.syukei .ca_sec_2_bg:after { 
	animation:gyoumu_syukei_sec_2_bg 0.5s ease-out 0s forwards;
}
@keyframes gyoumu_syukei_sec_2_bg {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
    clip-path: polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);
	}
}

@media screen and (max-width: 768px) {
.gyoumu.syukei .sec_2_bg:after { 
    clip-path: polygon(0 50px, 0 50px, 0 calc(100% - 50px), 0 0);
	opacity:0;
}
@keyframes gyoumu_syukei_sec_2_bg {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
    clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
	}
}
}


.gyoumu.syukei .anim_ca_sec_2_1,
.gyoumu.syukei .anim_ca_sec_2_1 h3,
.gyoumu.syukei .anim_ca_sec_2_1 .text{
	opacity:0;
}
.gyoumu.syukei .ca_sec_2_1 { animation:gyoumu_syukei_sec_2_1 1s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_2_1 .std_h3 { animation:ca_std_fade_in 1s  ease-out 1.0s forwards;}
.gyoumu.syukei .ca_sec_2_1 .text { animation:ca_std_fade_in 1s  ease-out 1.5s forwards;}
@keyframes gyoumu_syukei_sec_2_1 {
	0% {
		margin-top:30px;
		opacity:0;
	}
	100% {
		margin-top:0;
		opacity:1;
	}
}



.gyoumu.syukei .anim_ca_sec_2_2,
.gyoumu.syukei .anim_ca_sec_2_2 h3,
.gyoumu.syukei .anim_ca_sec_2_2 .text1,
.gyoumu.syukei .anim_ca_sec_2_2 img,
.gyoumu.syukei .anim_ca_sec_2_2 .text2{
	opacity:0;
}

.gyoumu.syukei .ca_sec_2_2 { animation:gyoumu_syukei_sec_2_2 1.5s  ease-out 0s forwards;}
@keyframes gyoumu_syukei_sec_2_2  {
	0% {
		margin-top:80px;
		opacity:0;
	}
	100% {
		margin-top:0;
		opacity:1;
	}
}

.gyoumu.syukei .ca_sec_2_2 h3{ animation:ca_std_fade_in 1.5s  ease-out 0.5s forwards;}
.gyoumu.syukei .ca_sec_2_2 .text1{ animation:ca_std_fade_in 1.5s  ease-out 1.5s forwards;}
.gyoumu.syukei .ca_sec_2_2 img { animation:ca_std_fade_in 1.5s  ease-out 2.0s forwards;}
.gyoumu.syukei .ca_sec_2_2 .text2{ animation:ca_std_fade_in 1.5s  ease-out 2.5s forwards;}




.gyoumu.syukei .anim_ca_sec_2_3,
.gyoumu.syukei .anim_ca_sec_2_3 h3,
.gyoumu.syukei .anim_ca_sec_2_3 .text,
.gyoumu.syukei .anim_ca_sec_2_3 img {
	opacity:0;
}

.gyoumu.syukei .ca_sec_2_3 { animation:gyoumu_syukei_sec_2_3 1.5s  ease-out 0s forwards;}
@keyframes gyoumu_syukei_sec_2_3  {
	0% {
		margin-top:80px;
		opacity:0;
	}
	100% {
		margin-top:0;
		opacity:1;
	}
}

.gyoumu.syukei .ca_sec_2_3 h3{ animation:ca_std_fade_in 1.5s  ease-out 0.5s forwards;}
.gyoumu.syukei .ca_sec_2_3 .text { animation:ca_std_fade_in 1.5s  ease-out 1.5s forwards;}
.gyoumu.syukei .ca_sec_2_3 img { animation:ca_std_fade_in 1.5s  ease-out 2.0s forwards;}




.gyoumu.syukei .sec_3_bg:after { 
    clip-path: polygon(0 100px, 0 100px, 0 calc(100% - 100px), 0 0);
	opacity:0;
}
.gyoumu.syukei .ca_sec_3_bg:after { 
	animation:gyoumu_syukei_sec_3_bg 0.5s ease-out 0s forwards;
}
@keyframes gyoumu_syukei_sec_3_bg {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
    clip-path: polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);
	}
}

@media screen and (max-width: 768px) {
.gyoumu.syukei .sec_3_bg:after { 
    clip-path: polygon(0 50px, 0 50px, 0 calc(100% - 50px), 0 0);
	opacity:0;
}
@keyframes gyoumu_syukei_sec_3_bg {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
    clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
	}
}


}




.gyoumu.syukei .anim_sec_3_midashi h2 { 
	opacity:0;
}
.gyoumu.syukei .ca_sec_3_midashi h2 { 
	animation:ca_sec_3_midashi 1.5s ease-out 0s forwards;
}
@keyframes ca_sec_3_midashi {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}


.gyoumu.syukei .anim_sec_3_1,
.gyoumu.syukei .anim_sec_3_1 img,
.gyoumu.syukei .anim_sec_3_1 .text{
	opacity:0;
}
.gyoumu.syukei .ca_sec_3_1 { animation:gyoumu_syukei_sec_3_1 1s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_3_1 img { animation:ca_std_fade_in 1s  ease-out 1.0s forwards;}
.gyoumu.syukei .ca_sec_3_1 .text { animation:ca_std_fade_in 1s  ease-out 1.5s forwards;}
@keyframes gyoumu_syukei_sec_3_1 {
	0% {
		padding-top:40px;
		opacity:0;
	}
	100% {
		padding-top:0;
		opacity:1;
	}
}

.gyoumu.syukei .anim_sec_3_2,
.gyoumu.syukei .anim_sec_3_2 h3,
.gyoumu.syukei .anim_sec_3_2 img,
.gyoumu.syukei .anim_sec_3_2 .text{
	opacity:0;
}
.gyoumu.syukei .ca_sec_3_2 { animation:gyoumu_syukei_sec_3_2 1s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_3_2 h3 { animation:ca_std_fade_in 1.5s  ease-out 0.5s forwards;}
.gyoumu.syukei .ca_sec_3_2 .text { animation:ca_std_fade_in 1.5s  ease-out 1.0s forwards;}
.gyoumu.syukei .ca_sec_3_2 img { animation:ca_std_fade_in 1.5s  ease-out 1.5s forwards;}
@keyframes gyoumu_syukei_sec_3_2 {
	0% {
		padding-top:40px;
		opacity:0;
	}
	100% {
		padding-top:0;
		opacity:1;
	}
}


.gyoumu.syukei .anim_sec_3_3,
.gyoumu.syukei .anim_sec_3_3 h3,
.gyoumu.syukei .anim_sec_3_3 img,
.gyoumu.syukei .anim_sec_3_3 .text{
	opacity:0;
}

.gyoumu.syukei .ca_sec_3_3 { animation:gyoumu_syukei_sec_3_3 1s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_3_3 h3 { animation:ca_std_fade_in 1.5s  ease-out 0.5s forwards;}
.gyoumu.syukei .ca_sec_3_3 img { animation:ca_std_fade_in 1s  ease-out 1.0s forwards;}
.gyoumu.syukei .ca_sec_3_3 .text { animation:ca_std_fade_in 2.0s  ease-out 1.5s forwards;}
@keyframes gyoumu_syukei_sec_3_3 {
	0% {
		padding-top:40px;
		opacity:0;
	}
	100% {
		padding-top:0;
		opacity:1;
	}
}

.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(1) .inner:after,
.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(1) .inner2 {animation-delay: 0.0s;}
.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(2) .inner:after,
.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(2) .inner2 {animation-delay: 0.2s;}
.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(3) .inner:after,
.gyoumu.syukei .sec_4_2 .ca_image_naname_color .column:nth-child(3) .inner2 {animation-delay: 0.4s;}

.gyoumu.syukei .sec_4_3 .std_h3,
.gyoumu.syukei .sec_4_3 .std_lead,
.gyoumu.syukei .sec_4_3 .text,
.gyoumu.syukei .sec_4_3 .right img{
	opacity:0;
}
.gyoumu.syukei .ca_sec_4_3 .std_h3{ animation:ca_slow_up 1.2s  ease-out 0s forwards;}
.gyoumu.syukei .ca_sec_4_3 .std_lead { animation:ca_slow_up 1.2s  ease-out 0.2s forwards;}
.gyoumu.syukei .ca_sec_4_3 .text { animation:ca_slow_up 1.2s  ease-out 0.4s forwards;}
.gyoumu.syukei .ca_sec_4_3 img { animation:ca_slow_up 1.2s  ease-out 0.6s forwards;}



/*----------------------------------------
 * チャンキー種
 *----------------------------------------*/
.gyoumu.chunky .sec_1 .ca_1_1 div { opacity:0;}
.gyoumu.chunky .ca_sec_1_1 div { animation:gyoumu_chunky_ca_sec_1_1 1s  ease-out 0.5s forwards;}
@keyframes gyoumu_chunky_ca_sec_1_1 {
	0%{
		opacity:0;
		margin-top:50px;
	}
	100%{
		opacity:1;
		margin-top:0px;
	}
}
.gyoumu.chunky .sec_1 .flex .column .inner2 {opacity:0;}
.gyoumu.chunky .sec_1 .flex .column p {opacity:0;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(2) .inner:after,
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(2) .inner2 {animation-delay: 0.2s;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(3) .inner:after,
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(3) .inner2 {animation-delay: 0.4s;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(4) .inner:after,
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(4) .inner2 {animation-delay: 0.6s;}

.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(1) p { animation:ca_std_fade_in 0.5s  ease-out 0.3s forwards;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(2) p { animation:ca_std_fade_in 0.5s  ease-out 0.6s forwards;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(3) p { animation:ca_std_fade_in 0.5s  ease-out 0.9s forwards;}
.gyoumu.chunky .sec_1 .ca_image_naname_color .flex .column:nth-child(4) p { animation:ca_std_fade_in 0.5s  ease-out 1.2s forwards;}

.gyoumu.chunky .sec_2 .sec_2_1 div.text .inner { opacity:0;}


.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner { opacity:1;}
.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner .std_padding_top2 { position:relative;}
.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner .slide1 { opacity:0;position:relative;z-index:5;}
.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner .slide2 { opacity:0;position:absolute;width:100%;height:auto;left:0;z-index:6;}
.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner .slide3 { opacity:0;position:absolute;width:100%;height:auto;left:0;z-index:7;}
.gyoumu.chunky .sec_2 .sec_2_2_aviagen .inner .slide4 { opacity:0;position:absolute;width:100%;height:auto;left:0;z-index:8;}

.gyoumu.chunky .sec_2 .ca_sec_2_2_aviagen .inner .slide1 { animation:ca_std_fade_in 1s  ease-out 0s forwards;}
.gyoumu.chunky .sec_2 .ca_sec_2_2_aviagen .inner .slide2 { animation:ca_std_fade_in 1s  ease-out 1s forwards;}
.gyoumu.chunky .sec_2 .ca_sec_2_2_aviagen .inner .slide3 { animation:ca_std_fade_in 1s  ease-out 2.5s forwards;}
.gyoumu.chunky .sec_2 .ca_sec_2_2_aviagen .inner .slide4 { animation:ca_std_fade_in 1s  ease-out 4s forwards;}

.gyoumu.chunky .sec_2 .anim_sec_2_3 .inner { opacity:0;}
.gyoumu.chunky .sec_2 .sec_2_3 .inner_area .chunky_anim:nth-child(2) .inner {animation-delay: 0.5s;}

.gyoumu.chunky .sec_3 .std_h3,
.gyoumu.chunky .sec_3 .std_lead,
.gyoumu.chunky .sec_3 .text{
	opacity:0;
}
.gyoumu.chunky .ca_sec_3 .std_h3{ animation:ca_slow_up 1.2s  ease-out 0s forwards;}
.gyoumu.chunky .ca_sec_3 .std_lead { animation:ca_slow_up 1.2s  ease-out 0.2s forwards;}
.gyoumu.chunky .ca_sec_3 .text { animation:ca_slow_up 1.2s  ease-out 0.4s forwards;}

.gyoumu.chunky .ca_sec_4:before { animation:gyoumu_chunky_ca_sec_4 0.5s  ease-out 0s forwards;}
@keyframes gyoumu_chunky_ca_sec_4 {
	0%{
		opacity:0;
		margin-left:-110%;
	}
	100%{
		opacity:1;
		margin-left:0;
	}
}

.gyoumu.chunky .sec_4 .keitou {
	position:relative;
	z-index:-1;
}

.gyoumu.chunky .sec_4 .keitou .fig {
	position:relative;
	z-index:1;
}

.gyoumu.chunky .sec_4 .keitou .line {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	opacity:0;
}

.gyoumu.chunky .ca_sec_4 .keitou.keitou_fig1.ca_std_fade_in img.line { animation:gyoumu_chunky_ca_sec_4_keitou_1 0.5s  ease-out 0.5s forwards;}
@keyframes gyoumu_chunky_ca_sec_4_keitou_1 {
	0%{
		opacity:0;
		top:72%;
	}
	100%{
		opacity:1;
		top:82%;
	}
}

.gyoumu.chunky .ca_sec_4 .keitou.keitou_fig2.ca_std_fade_in img.line { animation:gyoumu_chunky_ca_sec_4_keitou_2 0.5s  ease-out 0.5s forwards;}
@keyframes gyoumu_chunky_ca_sec_4_keitou_2 {
	0%{
		opacity:0;
		top:60%;
	}
	100%{
		opacity:1;
		top:69%;
	}
}

.gyoumu.chunky .ca_sec_4 .keitou.keitou_fig3.ca_std_fade_in img.line { animation:gyoumu_chunky_ca_sec_4_keitou_3 0.5s  ease-out 0.5s forwards;}
@keyframes gyoumu_chunky_ca_sec_4_keitou_3 {
	0%{
		opacity:0;
		top:67%;
	}
	100%{
		opacity:1;
		top:73%;
	}
}

/*----------------------------------------
 * お知らせ
 *----------------------------------------*/
.news .ca_goaisatsu .main_bg:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}

/*----------------------------------------
 * 企業情報
 *----------------------------------------*/
 /* ごあいさつ */
.aboutus.goaisatsu .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

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

.aboutus.goaisatsu .ca_goaisatsu .main_photo:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}

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

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



 /* 企業理念 */
.aboutus.rinen .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.aboutus.rinen .ca_goaisatsu .main_photo:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}

 /* 会社概要 */
.aboutus.gaiyou .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.aboutus.gaiyou .ca_goaisatsu .main_bg:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}

 /* 沿革 */
.aboutus.history .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.aboutus.history .ca_goaisatsu .main_bg {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}

 /* 数字で見る日本チャンキー */
.aboutus.suuji .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.aboutus.suuji .ca_goaisatsu .main_bg:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}


/*----------------------------------------
 * 事業所
 *----------------------------------------*/
.office .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.office .ca_goaisatsu .main_bg:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}




/*----------------------------------------
 * 業務案内
 *----------------------------------------*/
 /* 当社の役割 */
.gyoumu.yakuwari .sec_1 .ca_1_1 div { opacity:0;}
.gyoumu.yakuwari .ca_sec_1_1 div { animation:gyoumu_yakuwari_ca_sec_1_1 1s  ease-out 0.5s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_1 {
	0%{
		opacity:0;
		margin-top:50px;
	}
	100%{
		opacity:1;
		margin-top:0px;
	}
}

.gyoumu.yakuwari .sec_1 .ca_1_2 div { opacity:0;}
.gyoumu.yakuwari .ca_sec_1_2 div { animation:gyoumu_yakuwari_ca_sec_1_2 1s  ease-out 0.5s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2 {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.gyoumu.yakuwari .graph_area {
	position:relative;
}
.gyoumu.yakuwari .graph_area img.fig_3 {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.gyoumu.yakuwari .graph_area img.fig_2 {
	position:absolute;
	top:0;
	left:0;
	clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);
}

.gyoumu.yakuwari .graph_area img.fig_1 {
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area img.fig_2 { animation:gyoumu_yakuwari_ca_sec_1_2_img_2 5s linear 0s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_img_2 {
	0%{
		clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);
	}
	100%{
		clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area img.fig_3 { animation:gyoumu_yakuwari_ca_sec_1_2_img_3 0.5s ease-in 5.1s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_img_3 {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.gyoumu.yakuwari .graph_area .icon_area {
	position:absolute;
	width:8.8%;
	height:100%;
	z-index:10;
	opacity:1 !important;
}

.gyoumu.yakuwari .graph_area .icon_area img {
	position:absolute;
	right:0;
	top:70%;
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area .icon_area { animation:gyoumu_yakuwari_ca_sec_1_2_icon_area 5.2s linear 0s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_icon_area {
	0%{
		left:3%;
	}
	10%{
		left:3%;
	}
	90%{
		left:90%;
	}
	100%{
		left:90%;
	}
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area .icon_area .tori { animation:gyoumu_yakuwari_ca_sec_1_2_icon_area_tori 5.2s linear 0s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_icon_area_tori {
	0%{	top:70%;z-index:2;}
	10%{ top:70%;}
	15%{ top:62%;}
	20%{ top:59%;}
	25%{ top:50%;}
	30%{ top:46%;}
	35%{ top:38%;}
	40%{ top:32%;}
	45%{ top:30%;}
	50%{ top:28%;}
	55%{ top:27%;}
	60%{ top:26%;}
	65%{ top:25%;}
	70%{ top:24%;}
	75%{ top:21%;z-index:2;}
	80%{ top:18%;z-index:3;}
	85%{ top:10%;}
	90%{ top:7%;}
	100%{ top:7%;z-index:3;}
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area .icon_area .buta { animation:gyoumu_yakuwari_ca_sec_1_2_icon_area_buta 5.2s linear 0s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_icon_area_buta {
	0%{	top:70%;z-index:3;}
	10%{ top:70%;}
	15%{ top:60%;}
	20%{ top:52%;}
	25%{ top:42%;}
	30%{ top:38%;}
	35%{ top:29%;}
	40%{ top:29%;}
	45%{ top:27%;}
	50%{ top:25%;}
	55%{ top:25%;}
	60%{ top:25%;}
	65%{ top:20%;}
	70%{ top:20%;}
	75%{ top:20%;z-index:3;}
	80%{ top:18%;z-index:2;}
	85%{ top:13%;}
	90%{ top:12%;}
	100%{ top:12%;z-index:2;}
}

.gyoumu.yakuwari .ca_sec_1_2 .graph_area .icon_area .ushi { animation:gyoumu_yakuwari_ca_sec_1_2_icon_area_ushi 5.2s linear 0s forwards;}
@keyframes gyoumu_yakuwari_ca_sec_1_2_icon_area_ushi {
	0%{	top:70%;}
	10%{ top:70%;}
	15%{ top:65%;}
	20%{ top:65%;}
	25%{ top:60%;}
	30%{ top:60%;}
	35%{ top:55%;}
	40%{ top:51%;}
	45%{ top:50%;}
	50%{ top:46%;}
	55%{ top:40%;}
	60%{ top:39%;}
	65%{ top:42%;}
	70%{ top:45%;}
	75%{ top:44%;}
	80%{ top:43%;}
	85%{ top:42%;}
	90%{ top:42%;}
	100%{ top:42%;}
}




.gyoumu.yakuwari .sec_2_2 .photo_1 {animation-delay: 0.0s;}
.gyoumu.yakuwari .sec_2_2 .photo_2 {animation-delay: 0.1s;}
.gyoumu.yakuwari .sec_2_2 .photo_3 {animation-delay: 0.2s;}

.gyoumu.yakuwari .sec_2_3 h3, .gyoumu.yakuwari .sec_2_3 img {opacity:0;}
.gyoumu.yakuwari .sec_2_3 .fig {
	position:relative;
}
.gyoumu.yakuwari .sec_2_3 img.fig_img { position:relative;z-index:1;}
.gyoumu.yakuwari .sec_2_3 img.next { position:absolute;z-index:2;top:100%;left:0;}

.gyoumu.yakuwari .sec_2_3 .ca_sec_2_3 img.fig_img{ animation:ca_sec_2_3_img 1s ease-in 0s forwards;}
.gyoumu.yakuwari .sec_2_3 .ca_sec_2_3 img.next{ animation:ca_sec_2_3_next 0.5s ease-in 1s forwards;}

.gyoumu.yakuwari .sec_2_3 .ca_sec_2_3.fig_2 img.next{ animation:ca_sec_2_3_next2 0.5s ease-in 1s forwards;}
.gyoumu.yakuwari .sec_2_3 .ca_sec_2_3.fig_3 img.next{ animation:ca_sec_2_3_next3 0.5s ease-in 1s forwards;}
.gyoumu.yakuwari .sec_2_3 .ca_sec_2_3.fig_4 img.next{ animation:ca_sec_2_3_next4 0.5s ease-in 1s forwards;}



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

@keyframes ca_sec_2_3_next {
	0%	{ opacity:0;margin-top:-40px;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0);}
	100%{ opacity:1;margin-top:-25px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@keyframes ca_sec_2_3_next2 {
	0%	{ opacity:0;margin-top:-90px;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0);}
	100%{ opacity:1;margin-top:-76px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@keyframes ca_sec_2_3_next3 {
	0%	{ opacity:0;margin-top:-85px;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0);}
	100%{ opacity:1;margin-top:-70px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@keyframes ca_sec_2_3_next4 {
	0%	{ opacity:0;margin-top:-65px;clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0);}
	100%{ opacity:1;margin-top:-40px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

.gyoumu.yakuwari .sec_3 .std_lead .inner { opacity:0;}

.gyoumu.yakuwari .sec_3 .fig1 {
	position:relative;
	opacity:1 !important;
}

.gyoumu.yakuwari .sec_3 .fig1 .map1 {
	position:relative;
	opacity:0;
	z-index:1;
}

.gyoumu.yakuwari .sec_3 .fig1 .map2 {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity:0;
}

.gyoumu.yakuwari .sec_3 .fig1 .map3 {
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	opacity:1;
	clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .map1 {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_map1 1s ease-out 0s forwards;
}
@keyframes ca_gyoumu_yakuwari_sec_3_fig1_map1 {
	0%	{ opacity:0;}
	100%{ opacity:1;}
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .map2 {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_map2 3s ease-out 0s forwards;
}
@keyframes ca_gyoumu_yakuwari_sec_3_fig1_map2 {
	0%	{ opacity:0;}
	100%{ opacity:0.5;}
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .map3 {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_map3 3.0s ease-out 2.5s forwards;
}
@keyframes ca_gyoumu_yakuwari_sec_3_fig1_map3 {
	0%		{ clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%	{ clip-path:polygon(0 0, 90% 0, 90% 100%, 0 100%);}
}

.gyoumu.yakuwari .sec_3 .fig2 {
	position:relative;
	opacity:1 !important;
}

.gyoumu.yakuwari .sec_3 .fig2 .graph1 {
	position:relative;
	opacity:0;
	z-index:1;
}

.gyoumu.yakuwari .sec_3 .fig2 .graph2 {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	opacity:1;
	clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .graph1 {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_graph1 1s ease-out 0s forwards;
}
@keyframes ca_gyoumu_yakuwari_sec_3_fig1_graph1 {
	0%	{ opacity:0;}
	100%{ opacity:1;}
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .graph2 {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_graph2 6s ease-out 0s forwards;
}
@keyframes ca_gyoumu_yakuwari_sec_3_fig1_graph2 {
	0%		{ clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);}
	100%	{ clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

.gyoumu.yakuwari .sec_3 .ca_sec3_fig1 .number:after {
	animation:ca_gyoumu_yakuwari_sec_3_fig1_number 6s ease-out 0s forwards;
}

@keyframes ca_gyoumu_yakuwari_sec_3_fig1_number {
	0%		{ content:'';}
	5%		{ content:'';}
	7.5%	{ content:'15';}
8.75%	{ content:'15';}
	10%		{ content:'15';}
11.25%	{ content:'18';}
	12.5%	{ content:'20';}
13.75%	{ content:'25';}
	15%		{ content:'30';}
16.25%	{ content:'32';}
	17.5%	{ content:'35';}
18.75%	{ content:'42';}
	20%		{ content:'46';}
21.25%	{ content:'47';}
	22.5%	{ content:'47';}
23.75%	{ content:'46';}
	25%		{ content:'45';}
26.25%	{ content:'47';}
	27.5%	{ content:'50';}
28.75%	{ content:'47';}
	30%		{ content:'43';}
31.25%	{ content:'43';}
	32.5%	{ content:'44';}
33.75%	{ content:'44';}
	35%		{ content:'45';}
36.25%	{ content:'46';}
	37.5%	{ content:'48';}
38.75%	{ content:'48';}
	40%		{ content:'44';}
41.25%	{ content:'39';}
	42.5%	{ content:'40';}
43.75%	{ content:'45';}
	45%		{ content:'50';}
46.25%	{ content:'52';}
	47.5%	{ content:'55';}
48.75%	{ content:'57';}
	50%		{ content:'60';}
51.25%	{ content:'63';}
	52.5%	{ content:'62';}
53.75%	{ content:'61';}
	55%		{ content:'65';}
56.25%	{ content:'68';}
	57.5%	{ content:'72';}
58.75%	{ content:'76';}
	60%		{ content:'78';}
61.25%	{ content:'79';}
	62.5%	{ content:'81';}
63.75%	{ content:'82';}
	65%		{ content:'82';}
66.25%	{ content:'83';}
	67.5%	{ content:'79';}
68.75%	{ content:'77';}
	70%		{ content:'78';}
71.25%	{ content:'80';}
	72.5%	{ content:'82';}
73.75%	{ content:'87';}
	75%		{ content:'88';}
76.25%	{ content:'88';}
	77.5%	{ content:'89';}
78.75%	{ content:'89';}
	80%		{ content:'89';}
81.25%	{ content:'88';}
	82.5%	{ content:'88';}
83.75%	{ content:'89';filter: brightness(100%)}
	85%		{ content:'90';filter: brightness(120%)}
	90%		{ content:'90';}
	95%		{ content:'90';}
	100%	{ content:'90';filter: brightness(100%)}
}

.gyoumu.yakuwari .sec_5 .std_lead .inner { opacity:0;}

.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(1) .inner:after,
.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(1) .inner2 {animation-delay: 0.0s;}
.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(2) .inner:after,
.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(2) .inner2 {animation-delay: 0.2s;}
.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(3) .inner:after,
.gyoumu.yakuwari .sec_5 .ca_image_naname_color .column:nth-child(3) .inner2 {animation-delay: 0.4s;}

 /* 孵卵部 */
.gyoumu.furan .sec_1_1 .ca_sec_1_1  { animation:ca_slow_up 1s ease-in 1s forwards;}
.gyoumu.furan .sec_1_1 .right h2,
.gyoumu.furan .sec_1_1 .right strong,
.gyoumu.furan .sec_1_1 .right div.std_h2_set div{
	opacity:0;
}

.gyoumu.furan .sec_1_2 .left .ca_1_2_h3 .inner,
.gyoumu.furan .sec_1_2 .left .ca_1_2_lead .inner,
.gyoumu.furan .sec_1_2 .left .ca_1_2_text .inner {
	opacity:0;
}

.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(1)  { animation:ca_gyoumu_furan_sec_1_2_right_1 1s ease-out 0s forwards;}
.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(2)  { animation:ca_gyoumu_furan_sec_1_2_right_2 1s ease-out 0s forwards;}
.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(3)  { animation:ca_gyoumu_furan_sec_1_2_right_3 1s ease-out 0s forwards;}

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

@keyframes ca_gyoumu_furan_sec_1_2_right_2 {
	0%	{ opacity:0;margin-left:-20%;margin-top:-100px}
	100%{ opacity:1;margin-left:6%;margin-top:90px}
}

@keyframes ca_gyoumu_furan_sec_1_2_right_3 {
	0%	{ opacity:0;margin-left:-20%;margin-top:-100px}
	100%{ opacity:1;margin-left:30%;margin-top:270px}
}

@media screen and (max-width: 768px) {
.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(1)  { animation:unset;}
.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(2)  { animation:unset;}
.gyoumu.furan .sec_1_2 .ca_sec_1_2_right img:nth-child(3)  { animation:unset;}
}
.gyoumu.furan .sec_1_3 .ca_1_3 .inner,
.gyoumu.furan .sec_1_3_2 .ca_1_3_2 .inner,
.gyoumu.furan .sec_1_4 .ca_1_4 .inner,
.gyoumu.furan .sec_1_5 .ca_1_5 .inner,
.gyoumu.furan .sec_1_6 .ca_1_6 .inner,
.gyoumu.furan .sec_1_7 .ca_1_7 .inner,
.gyoumu.furan .sec_1_8 .ca_1_8 .inner,
.gyoumu.furan .sec_1_9 .chunky_anim .inner,
.gyoumu.furan .sec_2 .ca_2 .inner {
	opacity:0;
}

.gyoumu.furan .sec_1_9 .std_column2.col2_36_60 {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.gyoumu.furan .sec_2 .map img,
.gyoumu.furan .sec_2 .hina {
	opacity:0;
}

 /* 技術指導 */
.gyoumu.sidou .sec_2 .std_flex3  {
	opacity:0;
}

.gyoumu.sidou .sec_2 .ca_image_naname_color .std_flex3  {
	animation:ca_sidou_sec_2 1s ease-out 0s forwards;
}
@keyframes ca_sidou_sec_2 {
	0%	{ opacity:0;}
	100%{ opacity:1;}
}


.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(1) .inner:after,
.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(1) .inner2 {animation-delay: 0.0s;}
.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(2) .inner:after,
.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(2) .inner2 {animation-delay: 0.2s;}
.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(3) .inner:after,
.gyoumu.sidou .sec_2 .ca_image_naname_color .column:nth-child(3) .inner2 {animation-delay: 0.4s;}


 /* バイオセキュリティ */
.gyoumu.bio .sec_1_2 .inner {
	opacity:0;
}

.gyoumu.bio .sec_2_1 .text .inner,
.gyoumu.bio .sec_2_1 .image .inner,
.gyoumu.bio .sec_2_1 .image_src,
.gyoumu.bio .sec_2_2 .text .inner,
.gyoumu.bio .sec_3 .text .inner {
	opacity:0;
}

.gyoumu.bio .std_flex3 .inner:after { background-color:#03babd;}
.gyoumu.bio .std_flex3 .inner2 { opacity:0;}

.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(1) .inner:after,
.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(1) .inner2 {animation-delay: 0.0s;}
.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(2) .inner:after,
.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(2) .inner2 {animation-delay: 0.2s;}
.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(3) .inner:after,
.gyoumu.bio .ca_image_naname_color .std_flex3 .column:nth-child(3) .inner2 {animation-delay: 0.4s;}



/*----------------------------------------
 * お問い合わせ
 *----------------------------------------*/
.pub_contact .ca_goaisatsu .top_red:before {
	animation:ca_aboutus_goaisatsu_top_red 0.3s ease-out 0.6s forwards;
}

.pub_contact .ca_goaisatsu .main_bg:after {
	animation:ca_aboutus_goaisatsu_main_photo 0.8s ease-in-out 0s forwards;
}




/*----------------------------------------
 * リクルート
 *----------------------------------------*/




/* リクルート 先輩社員 */
.recruit .anim_sec_intro img.interview_title {
	animation:interview_title 1.5s  ease-out 0s forwards;
}
@keyframes interview_title {
	0%{
		opacity:0;
		margin-left:-200px;
	}
	100%{
		opacity:1;
		margin-left:-128px;
	}
}

.recruit .anim_sec_intro .inner { opacity:0;}

.recruit .anim_sec_intro .anim_h2   .inner{ animation:intro_anim 0.8s  ease-out 0.4s forwards;}
.recruit .anim_sec_intro .anim_img  .inner{ animation:intro_anim 0.8s  ease-out 0.5s forwards;}
.recruit .anim_sec_intro .anim_dl_1 .inner{ animation:intro_anim 0.8s  ease-out 0.6s forwards;}
.recruit .anim_sec_intro .anim_dl_2 .inner{ animation:intro_anim 0.8s  ease-out 0.7s forwards;}
.recruit .anim_sec_intro .anim_dl_3 .inner{ animation:intro_anim 0.8s  ease-out 0.8s forwards;}
.recruit .anim_sec_intro .anim_dl_4 .inner{ animation:intro_anim 0.8s  ease-out 0.9s forwards;}

.recruit .anim_sec_intro .anim_dl_1 .inner:before{ animation:intro_anim_before 1.0s  ease-out 0.5s forwards;}
.recruit .anim_sec_intro .anim_dl_2 .inner:before{ animation:intro_anim_before 1.0s  ease-out 0.6s forwards;}
.recruit .anim_sec_intro .anim_dl_3 .inner:before{ animation:intro_anim_before 1.0s  ease-out 0.7s forwards;}
.recruit .anim_sec_intro .anim_dl_4 .inner:before{ animation:intro_anim_before 1.0s  ease-out 0.8s forwards;}
.recruit .anim_sec_intro .anim_dl_4 .inner:after{ animation:intro_anim_before 1.0s  ease-out 0.9s forwards;}


.recruit .anim_sec_intro .anim_dl_1 .inner:before,
.recruit .anim_sec_intro .anim_dl_2 .inner:before,
.recruit .anim_sec_intro .anim_dl_3 .inner:before,
.recruit .anim_sec_intro .anim_dl_4 .inner:before,
.recruit .anim_sec_intro .anim_dl_4 .inner:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:1px;
	width:0;
	border-top:1px solid #ccc;
	opacity:0;
}
.recruit .anim_sec_intro .anim_dl_4 .inner:after {
	top:auto;
	bottom:0;
}

.recruit.eigyou .anim_sec_intro .anim_dl_1 .inner:before,
.recruit.eigyou .anim_sec_intro .anim_dl_2 .inner:before,
.recruit.eigyou .anim_sec_intro .anim_dl_3 .inner:before,
.recruit.eigyou .anim_sec_intro .anim_dl_4 .inner:before,
.recruit.eigyou .anim_sec_intro .anim_dl_4 .inner:after { border-color:#bbe0ea;}

@keyframes intro_anim {
	0%{
		opacity:0;
		margin-top:50px;
	}
	100%{
		opacity:1;
		margin-top:0px;
	}
}
@keyframes intro_anim_before {
	0%{
		opacity:0;
		width:0;
	}
	100%{
		opacity:1;
		width:100%;
	}
}

.recruit.senior .intro_area:after { 
	opacity:0;
	animation:ca_std_fade_in 1.5s  ease-out 0.5s forwards;
}

.recruit.senior .mission_area .chunky_anim_inner_absolute .inner,
.recruit.senior .mission_area:after,
.recruit.senior .mission_area .right img {
	opacity:0;
}

.recruit.senior .ca_mission.mission_area:after { 
	animation:ca_std_fade_in 1.5s  ease-out 0s forwards;
}

.recruit.senior .ca_sec_message .right { 
	animation:ca_clip_lefttop_to_rightbottom 1.0s  ease-out 0.5s forwards;
}

/* 種鶏_01 */
.recruit.senior.syukei_01 .sec_1 .chunky_anim_inner_absolute .inner,
/*
.recruit.senior.syukei_01 .sec_1 .std_column2,
*/
.recruit.senior.syukei_01 .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.syukei_01 .sec_2:after,
.recruit.senior.syukei_01 .anim_message_area .inner,
.recruit.senior.syukei_01 .message_area .right {
	opacity:0;
}

.recruit.senior.syukei_01 .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}


/* 種鶏_02 */
.recruit.senior.syukei_02 .sec_1 .chunky_anim_inner_absolute .inner,
/*
.recruit.senior.syukei_01 .sec_1 .std_column2,
*/
.recruit.senior.syukei_02 .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.syukei_02 .sec_2:after,
.recruit.senior.syukei_02 .anim_message_area .inner,
.recruit.senior.syukei_02 .message_area .right {
	opacity:0;
}

.recruit.senior.syukei_02 .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}

/* 孵卵部 */
.recruit.senior.furan .sec_1 .chunky_anim_inner_absolute .inner,
/*
.recruit.senior.furan .sec_1 .std_column2,
*/
.recruit.senior.furan .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.furan .sec_2:after,
.recruit.senior.furan .sec_3 .chunky_anim_inner_absolute .inner,
.recruit.senior.furan .sec_3 img,
.recruit.senior.furan .sec_4 .chunky_anim_inner_absolute .inner,
.recruit.senior.furan .anim_message_area .inner,
.recruit.senior.furan .message_area .right {
	opacity:0;
}

.recruit.senior.furan .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}


/* バイオセキュリティ部 */
.recruit.senior.bio .sec_1 .chunky_anim_inner_absolute .inner,
/*
.recruit.senior.furan .sec_1 .std_column2,
*/
.recruit.senior.bio .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.bio .sec_2:after,
.recruit.senior.bio .sec_3 .chunky_anim_inner_absolute .inner,
.recruit.senior.bio .sec_3 img,
.recruit.senior.bio .sec_4 .chunky_anim_inner_absolute .inner,
.recruit.senior.bio .anim_message_area .inner,
.recruit.senior.bio .message_area .right {
	opacity:0;
}

.recruit.senior.bio .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}



/* 営業 */
.recruit.senior.eigyou .sec_1 .chunky_anim_inner_absolute .inner,
.recruit.senior.eigyou .sec_1 .std_column2,
.recruit.senior.eigyou .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.eigyou .sec_2:after,
.recruit.senior.eigyou .sec_3 .chunky_anim_inner_absolute .inner,
.recruit.senior.eigyou .sec_3 img,
.recruit.senior.eigyou .sec_4 .chunky_anim_inner_absolute .inner,
.recruit.senior.eigyou .anim_message_area .inner,
.recruit.senior.eigyou .message_area .right {
	opacity:0;
}

.recruit.senior.eigyou .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}


/* 技術部 */
.recruit.senior.tech .sec_1 .chunky_anim_inner_absolute .inner,
/*
.recruit.senior.furan .sec_1 .std_column2,
*/
.recruit.senior.tech .sec_2 .chunky_anim_inner_absolute .inner,
.recruit.senior.tech .sec_2:after,
.recruit.senior.tech .sec_3 .chunky_anim_inner_absolute .inner,
.recruit.senior.tech .sec_3 img,
.recruit.senior.tech .sec_4 .chunky_anim_inner_absolute .inner,
.recruit.senior.tech .anim_message_area .inner,
.recruit.senior.tech .message_area .right {
	opacity:0;
}

.recruit.senior.tech .ca_sec_2:after {
	animation:ca_clip_lefttop_to_rightbottom 1.5s  ease-out 0s forwards;
}

.recruit.senior.tech .message_area .right {
	background-position:center top;
}