.top-image-in img{
	width:130%;
	object-fit: cover;
}
.top-image-in img:nth-of-type(1){
	margin
}
.top-image-in li{
	position: absolute;
	overflow: hidden;
    width: 100%;
    height: 50vw;
    display: block;
}
.top-image-in{
	height: 51vw;
}
#slider1{
	z-index:8;
	transition: opacity 1s;
}
#slider2{
	z-index:7;
	transition: opacity 1s;
}
#slider3{
	z-index:6;
	transition: opacity 1s;
}
.show1{
	animation-name: sizeTrans;
    animation-duration: 7s;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
.show2{
	animation-name: sizeTrans2;
    animation-duration: 7s;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
.show3{
	animation-name: sizeTrans3;
    animation-duration: 7s;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes sizeTrans{
    0% {
       margin-left:0%;
    }
    100% {
       margin-left:-5%;
    }
}
@keyframes sizeTrans2{
    0% {
       transform: scale(1);
    }
    100% {
       transform: scale(1.1);
    }
}
@keyframes sizeTrans3{
    0% {
       margin-top:0%;
    }
    100% {
       margin-top:-5%;
    }
}
.top-text-10{
    padding-top: 10px;
    margin-top: 40px;
    margin-bottom: 70px;
    height: 170px;
    display: block;
}
.top-text-10>p{
	border: 1px solid #000;
    box-sizing: border-box;
    width: 70%;
    margin: 2vw auto;
    height: 100%;
    padding-top: 4vw;
    line-height: 2rem;
    border-radius: 3px;
    box-shadow: 0 0 3px #a088ff;
}
@media screen and (max-width:768px) {
	.top-text-10{
		margin-bottom: 30px;
	}
	.top-text-10>p {
	    width: 93%;
    }
}