#mainview_wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: rgb(225,242,222);
}
#mainview_slider {
	position: relative;
	width: 100%;
	height: 54vw;
	min-height: 420px;
	max-height: 700px;
	margin: 0 auto;
	overflow: visible;
}
#mainview_slider .slide_item {
	position: absolute;
	overflow: hidden;
	background: #fff;
	transform-origin: center center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border: 4px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
#mainview_slider .slide_img_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#mainview_slider .slide_img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0;
	transition: none !important;
}
#slide-01 {
	left: 3%;
	top: 12%;
	width: 42%;
	height: 42%;
	transform: rotate(-6deg);
	z-index: 1;
}
#slide-02 {
	left: 11%;
	top: 48%;
	width: 42%;
	height: 42%;
	transform: rotate(5deg);
	z-index: 3;
}
#slide-03 {
	right: 3%;
	top: 10%;
	width: 42%;
	height: 42%;
	transform: rotate(6deg);
	z-index: 2;
}
#slide-04 {
	right: 9%;
	top: 40%;
	width: 42%;
	height: 42%;
	transform: rotate(-6deg);
	z-index: 4;
}
#slide-05,
#slide-06,
#slide-07,
#slide-08 {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}
@media (max-width: 767px) {
	#mainview_slider {
		height: 88vw;
		min-height: 320px;
	}
	#slide-01 {
		left: -6%;
		top: 8%;
		width: 58%;
		height: 38%;
	}
	#slide-02 {
		left: 6%;
		top: 34%;
		width: 62%;
		height: 38%;
	}
	#slide-03 {
		right: -8%;
		top: 16%;
		width: 58%;
		height: 38%;
	}
	#slide-04 {
		right: 2%;
		top: 54%;
		width: 62%;
		height: 38%;
	}
}