article{width: 100%; }
article section{width: 1200px; margin: 0px auto; display: block;position: relative;}
#keyview{background-image: url("../images/keyview01.jpg"); height: 1100px; overflow: hidden; background-position: top center}
article section span{display: block; position: absolute; top: 0px ; left: 0px}
.cast01{ top: 100px; left: -180px ; animation:ca01 5s ease-in-out infinite;}
.cast02{ top: 230px; left: 130px ; animation:ca02 3s ease-in-out infinite;}
.cast03{ top: 470px; left: 1230px ; animation:ca03 7s ease-in-out infinite;}
.cast04{ top: 150px; left: -200px ; animation:ca01 2s ease-in-out infinite;}
.cast05{ top: 230px; left: -60px ; animation:ca03 3s ease-in-out infinite;}
#keyview h1{ background-image: url("../images/h1_title.png"); width: 1194px; height: 233px; display: block; position: absolute;left: 50%; margin: 350px 0px 0px -587px ; text-indent: -9999999px; animation:h1f 3s ease-in-out infinite; animation-delay:4s}


@keyframes ca01{
    0%{margin:0px 0px 0px 0px; }
	30%{margin:5px 0px 0px 5px;}
	60%{margin:-5px 0px 0px -10px;}
	100%{margin:0px 0px 0px 0px;}
}

@keyframes ca02{
    0%{margin:0px 0px 0px 0px; }
	30%{margin:-5px 0px 0px -5px;}
	60%{margin:5px 0px 0px 10px;}
	100%{margin:0px 0px 0px 0px;}
}

@keyframes ca03{
    0%{margin:0px 0px 0px 0px; }
	30%{margin:8px 0px 0px -7px;}
	60%{margin:-15px 0px 0px 9px;}
	100%{margin:0px 0px 0px 0px;}
}

@keyframes h1f{
    0%{}
	29%{filter: invert(0%);}
	30%{filter: invert(100%);}
	31%{filter: brightness(1)}
	32%{filter: invert(100%);}
	33%{filter: brightness(3)}
	34%{filter: invert(100%);}
	35%{filter: brightness(2)}
	36%{filter: invert(0%);}
}
#zone01{background-image: url("../images/bg_all01.jpg"); text-align: center}
#zone01 section a{display: inline-block; width: 45%; margin: 1em 0px 2em 0px}
#zone01 section a img{display: block; width: 100%;}
#zone01 section a span{background-image: url("../images/video_btn.png"); background-size: 100% auto; height: 0px; padding-bottom: 16%; display: block; position: relative}

.btnhover{background-position: center 0%; transition: all 0.2s ease-in-out;}
.btnhover:hover{background-position: center 100%; transition: all 0.2s ease-in-out;}
.copyright {font-weight: normal; color:black; display: block; font-family: Verdana,Geneva,sans-serif; font-size: 14px; line-height: 28px; overflow: hidden; text-align: center; width: 100%; padding: 15px;background-image: url(../images/bg_all01.jpg);}

@media screen and (max-width:800px) {
article section{width: 100%}
#keyview{background-image: url("../images/keyview01_mo.jpg"); height: 0px; overflow: hidden; background-position: top center;background-size: cover;padding-bottom: 83.3333333%}
article section span{display: none}
#zone01{background-size: 20% auto}
#zone01 section a{display: inline-block; width: 95%; margin: 1em auto}
}