#l_animation{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;overflow:hidden;background:#e7b41f}
#l_animation.is-load{animation:fadeOut 1.3s forwards cubic-bezier(.23,1,.32,1)}
#l_animation .sk-folding-cube{position:absolute;top:0;left:0;bottom:0;right:0;width:40px;height:40px;margin:auto;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);background:url(../img/main-img_bg.gif)}
#l_animation .sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
#l_animation .sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
#l_animation .sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
#l_animation .sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
#l_animation .sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
#l_animation .sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
#l_animation .sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
#l_animation .sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
#l_header{display:flex;justify-content:space-between;position:fixed;top:0;left:0;z-index:100;width:100%;min-width:1080px}
#l_header .logo{position:absolute;top:30px;left:30px}
#l_header .logo a{display:inline-block;line-height:1}
#l_header .social{display:flex;align-items:flex-start;position:absolute;top:50px;right:30px;line-height:0}
#l_header .social li+li{margin-left:10px}
#l_footer{position:relative;z-index:10;text-align:center;font-size:1.2rem;padding:20px 0}
#l_container{position:relative;z-index:10;min-height:100vh}
#l_container section+section{}
@media screen and (max-width:767px){
#l_header{min-width:100%}
#l_header .logo{top:15px;left:10px}
#l_header .logo img{width:150px}
#l_header .social{top:26px;right:10px}
#l_header .social li+li{margin-left:5px}
#l_footer{padding:10px 0;font-size:1rem}
#l_container section+section{padding-top:50px}
}
@keyframes sk-foldCubeAngle{
0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
@keyframes fadeOut{
0%{height:100%}
100%{height:0}
}