@charset "UTF-8";
#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}

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: #000;padding-top: 40px;}
.wrap{width: 100%;min-width: 1200px;  position: relative;overflow: hidden;z-index: 2;}
.section{
    height: 19170px;
    position: relative;
    z-index: 5;
    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% 1000px,
    url(images/bg_03.jpg) no-repeat 50% 3720px,
    url(images/bg_04.jpg) no-repeat 50% 6540px,
    url(images/bg_05.jpg) no-repeat 50% 8780px,
    url(images/bg_06.jpg) no-repeat 50% 11410px,
    url(images/bg_07.jpg) no-repeat 50% 13800px,
    url(images/bg_08.jpg) no-repeat 50% 16130px;
    image-rendering: pixelated;
}

.section .logo {position: absolute;width: 182px;height: 66px;top: 45px;left: 50%;margin-left: -745px;text-indent: -999em;background: url(images/logo.png) no-repeat 0 0;z-index: 3;}
.section .slogan {width: 1043px;height: 511px;background: url(images/slogan.png) no-repeat 0 0;top: 159px;left:50%;margin-left: -845px;}
.section .btn-detail {width: 40px;height:40px;left:50%;}
.section .btn-1 {top: 12820px;margin-left: -212.5px;width: 425px;height: 61px;background: url(images/btn-1.png) no-repeat 0 0;}
.section .btn-2 {top: 15743px;margin-left: -450px;width: 425px;height: 61px;background: url(images/btn-2.png) no-repeat 0 0;}
.section .btn-3 {top: 15743px;margin-left: 22px;width: 425px;height: 61px;background: url(images/btn-3.png) no-repeat 0 0;}
.section .btn-4 {top: 18800px;margin-left: -152.5px;width: 305px;height: 61px;background: url(images/btn-4.png) no-repeat 0 0;}
.section .btn-5 {top: 15142px;margin-left: 82px;}
.section .btn-6 {top: 15142px;margin-left: 404px;}
.section .btn-7 {top: 13442px;margin-left: 505px;}
.section .btn-8 {top: 13644px;margin-left: -179px;}

.section a:hover {filter: brightness(1.1) drop-shadow(0 0 10px #000) drop-shadow(0 0 5px #000)}

.pop {display: none;}
.pop .btn_close{width: 70px;height:70px;right:0;top:0;position: absolute}
.pop-1 {width: 734px;height: 306px;background: url(images/pop-1.png) no-repeat 0 0;}
.pop-2 {width: 734px;height: 184px;background: url(images/pop-2.png) no-repeat 0 0;}