@charset "utf-8";
/* CSS Document */

html, body { width:100%; height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body { background:url(../img/sy-bg.jpg) no-repeat; background-size:100%  100%; margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.sy-tl { width:8%; position:relative; margin-left:9%; padding-top:8%;}
.sy-tl ul { margin:0; padding:0; width:100%;}
.sy-tl ul li { width:100%; margin:0 auto;}

.sy-start { width:19%; margin:2% 0 0 4%; z-index:9999;}
.sy-start a { display:block; width:100%;}
.sy-jt { width:19%; margin:2% 0 0 4%;}

.bg-forma{-webkit-animation:bgForma 40s infinite linear; display:block;}
@-webkit-keyframes bgForma{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	1%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formb{-webkit-animation:bgFormb 40s infinite linear; display:block;}
@-webkit-keyframes bgFormb{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	1%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	2%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formc{-webkit-animation:bgFormc 40s infinite linear; display:block;}
@-webkit-keyframes bgFormc{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	2%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	3%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formd{-webkit-animation:bgFormd 40s infinite linear; display:block;}
@-webkit-keyframes bgFormd{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	3%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	4%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-forme{-webkit-animation:bgForme 40s infinite linear; display:block;}
@-webkit-keyframes bgForme{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	4%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	5%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formf{-webkit-animation:bgFormf 40s infinite linear; display:block;}
@-webkit-keyframes bgFormf{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	5%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	6%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}

.bg-formg{-webkit-animation:bgFormg 40s infinite linear; display:block;}
@-webkit-keyframes bgFormg{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	6%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	7%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formh{-webkit-animation:bgFormh 40s infinite linear; display:block;}
@-webkit-keyframes bgFormh{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	7%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	8%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formi{-webkit-animation:bgFormi 40s infinite linear; display:block;}
@-webkit-keyframes bgFormi{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	8%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	9%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formj{-webkit-animation:bgFormj 40s infinite linear; display:block;}
@-webkit-keyframes bgFormj{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	9%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	10%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}
.bg-formk{-webkit-animation:bgFormk 40s infinite linear; display:block;}
@-webkit-keyframes bgFormk{
	0%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	10%{
		-webkit-transform:translate(0,0) scale(0,0);
	}
	11%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	11.5%{
		-webkit-transform:translate(0,-5px) scale(1,1);
	}
	12%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	12.5%{
		-webkit-transform:translate(0,5px) scale(1,1);
	}
	13%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	13.5%{
		-webkit-transform:translate(0,-5px) scale(1,1);
	}
	14%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
	}
}