@charset "UTF-8";
a:link,a:partive,a:visited,a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
body {background: #fff;padding-top: 40px;}
.wrap{width: 100%;min-width: 1200px;  position: relative;overflow: hidden;z-index: 2;}
.section{ height:20488px; position: relative; z-index: 3; width: 100%; margin: 0 auto; box-sizing: border-box;
background: 
    url(images/bg_01.jpg) no-repeat 50% 0,
    url(images/bg_02.jpg) no-repeat 50% 1100px,
    url(images/bg_03.jpg) no-repeat 50% 2600px,
    url(images/bg_04.jpg) no-repeat 50% 4090px,
    url(images/bg_05.jpg) no-repeat 50% 5900px,
    url(images/bg_06.jpg) no-repeat 50% 8105px,
    url(images/bg_07.jpg) no-repeat 50% 10210px,
    url(images/bg_08.jpg) no-repeat 50% 12065px,
    url(images/bg_09.jpg) no-repeat 50% 13860px,
    url(images/bg_10.jpg) no-repeat 50% 16220px,
    url(images/bg_11.jpg) no-repeat 50% 17855px
}
.section .logo { position: absolute; width: 236px; height: 107px; top: 10px; left: 50%; margin-left: -585px; text-indent: -999em; background: url(images/logo.png) no-repeat 0 0; z-index: 3;}
.section .slogan {width: 626px;height: 477px;background: url(images/slogan.png) no-repeat 0 0;top:160px;left:50%;margin-left:-600px;}
#myCanvas {position: fixed;top:0;left:0;right: 0;bottom: 0;z-index:50;pointer-events: none;}