@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 768px) {
}

/***************************************************************************
sld
****************************************************************************/

.sld {
    padding-top: 50%;
	margin-bottom: 50px;
}
.sld li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #FFFFFF;
    overflow: hidden;
}
.sld li.active {
    z-index: 3;
}
.sld li.last-active {
    z-index: 2;
}

.sld li.active img {
	width: 100%;
    animation: sld_js 10s ease-out infinite;
}

@keyframes sld_js { 
0% {
    transform: translateY(0, 0);
}
100% {
    transform: translateY(-16%);
}
}