@import "https://fonts.googleapis.com/css?family=Open+Sans";
.main04 .cover{width:100vw;margin-bottom:10rem;padding:30px 0;display:flex}.main04 .cover:first-child{background-color:#20978d;transform:rotate(-2deg)}.main04 .cover:nth-child(2){background-color:#0cde97;justify-content:flex-end;transform:rotate(2deg)}
.dots ul li{opacity:0;background:radial-gradient(#0cde97,#0000,#0000);width:35px;height:35px;list-style:none;animation:15s linear infinite dots;position:absolute;bottom:0;left:10vw}.dots ul li:nth-child(2){animation-delay:2s;left:37vw}.dots ul li:nth-child(3){animation-delay:4s;left:25vw}.dots ul li:nth-child(4){animation-delay:6s;left:60vw}.dots ul li:nth-child(5){animation-delay:4s;left:75vw}.dots ul li:nth-child(6){animation-delay:2s;left:90vw}.dots ul li:nth-child(7){animation-delay:6s;left:50vw}.dots ul li:nth-child(8){animation-delay:8s;left:80vw}.dots ul li:nth-child(9){animation-delay:10s;left:20vw}.dots ul li:nth-child(10){animation-delay:12s;left:70vw}.dots ul li:nth-child(11){animation-delay:14s;left:40vw}.dots ul li:nth-child(12){animation-delay:16s;left:30vw}.dots ul li:nth-child(13){animation-delay:18s;left:45vw}.dots ul li:nth-child(14){animation-delay:20s;left:55vw}.dots ul li:nth-child(15){animation-delay:22s;left:65vw}@keyframes dots{0%{opacity:1;bottom:0;transform:scale(0)}to{opacity:0;bottom:100vh;transform:scale(10)}}
.slider_gradeient{width:100%;margin-top:-50%;position:relative;overflow:hidden}.slider_gradeient:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#000 10%,#f5f5f500 100%);width:100%;height:100%;position:absolute;top:0;left:0}#slider_ul{z-index:2;justify-content:flex-end;display:flex;position:relative}.easing{width:350px;overflow:hidden}.easing>div{background:0 0;width:100%;height:auto;animation-play-state:running}.easing:hover>div{animation-play-state:paused!important}#easing1{height:1740px}#easing1>div{animation:14s linear infinite easing1}@keyframes easing1{0%{transform:translateY(-1740px)}to{transform:translateY(0)}}#easing2{height:1730px}#easing2>div{animation:12s linear infinite easing2}@keyframes easing2{0%{transform:translateY(0)}to{transform:translateY(-1730px)}}#easing3{height:1732px}#easing3>div{animation:10s linear infinite easing3}@keyframes easing3{0%{transform:translateY(-1732px)}to{transform:translateY(0)}}@media screen and (max-width:1200px){.easing{width:33.33%}}@media screen and (max-width:900px){#slider_ul{justify-content:center}.easing{width:50%}}@media screen and (max-width:600px){.easing{width:100%}}