@charset "UTF-8";
/* CSS Document */

#mainWrap {
	position: relative;
	overflow: hidden;

}
#s01,#s02,#s03,#s04,#s01t,#s02t,#s03t,#s04t {
	position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	overflow: hidden;
}

#s01,#s02,#s03,#s04,#s01t,#s02t {
	opacity: 0;
	transition: 2s;
}
.start #s01,.start #s02,.start #s03,.start #s04 {
	opacity: 1;
}
#s01t,#s02t {
	opacity: 1;
	clip-path: inset(0% 0% 100% 0%);
	transform: translateY(30px);
	transition: 3s 1s;
}

.start #s01t,.start #s02t {
	clip-path: inset(0px 0% 0% 0%);
	transform: translateY(0px);
		
}

.start #s01 img {
	transform: scale(1.06);
	transition: 6s;
}
#s02 {
	transition: 2s 5s;
}
.start #s02 img {
	transform: scale(1.06);
	transition: 10s 5s;
}
#s02t {
	transition: 3s 6s;
}
#s03 {
	transition: 2s 10s;
	}
.start #s03 img {
	transform: scale(1.05);
	transition: 10s 10s;
}
#s03t {
	clip-path: inset(0% 0% 0% 60%);
	/*transform: translateY(-20px);*/
	transition: 5s 11s;
}
.start #s03t {
	/*transform: translateY(0px);*/
	clip-path: inset(0% 0% 0% 40%);
	opacity: 1;
}
#s04 {
	transition: 2s 16s;
	}
#s04 img {
	transform: scale(1.05);
}
.start #s04 img {
	
}
#s04t {
	opacity: 0;
	transform: scale(1.4);
	transition: 1.5s 17s;
}
.start #s04t {
	opacity: 1;
	transform: scale(1);
}
#s04t2 {
	opacity: 0;
	transform: scale(4);
	transition: 1.2s 17.5s;
}
.start #s04t2 {
	opacity: 1;
	transform: scale(1);
}
@media screen and (max-width: 599px) {
    #mainWrap {
			padding: 0;
			background-color: #000;

    }
}