@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.gtss {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5; overflow:hidden}

.con01{position:relative; height:1015px; text-align:center; background:url(images_my/con01_bg.jpg) center top / cover;}
.con02{position:relative; padding:100px 0; text-align:center; background:#afff6a}
.con03{position:relative; padding:100px 0; text-align:center; background:url(images_my/con03_bg.jpg) center top no-repeat; background-color:#f6f6f6}

.con01 .visual{display:none}
.con01 h2{position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0;}

.con02 .img_box{position:relative; margin-bottom:20px}
.con02 .img_box.mb0{margin-bottom:0}
.con02 .img_box p{position:relative}
.con02 .img_box .gif{position:absolute; left:10px; bottom:90px; width:980px; font-size:0}
.con02 .img_box .gif li{display:inline-block; vertical-align:top; width:323px; margin-right:5px}
.con02 .img_box .gif li:nth-last-child(1){margin-right:0}


.con03 .container{max-width:1001px}
.con03 .ft_txt{position:relative; line-height:1.5; color:#666; font-size:16px; padding:20px 0 0 0}



.fixed_banner{position:absolute; left:-10%; top:12%; width:120%; height:51px; background-image:url(images_my/fixed_banner.jpg); background-position:center center; background-repeat:repeat-x; transform:rotate(-6deg); animation:movertl 30s infinite linear}
.fixed_banner.two{position:absolute; left:-10%; top:30%; width:120%; height:51px; background-image:url(images_my/fixed_banner.jpg); background-position:center center; background-repeat:repeat-x; transform:rotate(6deg); animation:movertl02 30s infinite linear}
.fixed_banner.three{top:59%}
.fixed_banner.four{position:absolute; left:-10%; top:77%; width:120%; height:51px; background-image:url(images_my/fixed_banner.jpg); background-position:center center; background-repeat:repeat-x; transform:rotate(6deg); animation:movertl02 30s infinite linear}

@keyframes movertl {
	from {
		background-position:0 0;
	}
	to {
		background-position:-127.5rem 0;
	}
}

@keyframes movertl02 {
	from {
		background-position:0 0;
	}
	to {
		background-position:127.5rem 0;
	}
}

@media screen and (max-width: 1040px){
	.container{box-sizing:border-box; padding:0 20px}
	
	.con01{height:auto; padding:65% 0}
	.con01 .visual{display:block}
	
	.con02{padding:70px 0}
	
	.con03{height:auto; padding: 50px 0; background:#f6f6f6}
	.con03 .visual{display:block}
	.con03 .ft_txt{font-size:14px; padding:20px 0 0 0}
	
	.con02 .img_box .gif{position:absolute; left:2%; bottom:5%; width:96%; text-align:left}
	.con02 .img_box .gif li{width:32.5%; margin-right:1%}
	
	.fixed_banner{display:none}
}

@media screen and (max-width: 768px){
	.con02{padding:50px 0}
	
	.con03 .ft_txt{font-size:13px;}
}