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


#contents .inner_wrap {
	width: 100%;
}

section::before {	
	content: '';
	background: url("../images/common/wave.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 100%;
	height: 200px;
	top: -70px;
	position: relative;
	mix-blend-mode: multiply;
}

section.MV::before {
	display: none;
}

.MV_img {
	max-width: 1920px;
	width: 80%;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product_box {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 1800px;
	width: 100%;
}

.product_box:nth-of-type(odd) {
	margin-left: auto;
}

.product_box:nth-of-type(n+2) {
	margin-top: 100px;
}

.product_box .btn_wrap {
	margin: 0px;
}

.detail_btn {
	max-width: 340px;
	width: 70%;
	bottom: 0px;
	position: absolute;
}

.product_box:nth-of-type(odd) .detail_btn {
	left: 7vw;
}

.product_box:nth-of-type(even) .detail_btn {
	right: 7vw;
}



@media screen and (max-width: 1400px) {
	.detail_btn {
		position: relative;
		margin: 30px auto 0px;
	}

	.product_box:nth-of-type(odd) .detail_btn {
		left: 0px;
	}
	
	.product_box:nth-of-type(even) .detail_btn {
		right: 0px;
	}
}



@media screen and (max-width: 768px) {
	section::before {
		top: -40px;
	}
}


@media screen and (max-width: 600px) {
	section::before {
		background-size: cover;
		top: -30px;
		height: 100px;
	}
	
	.product_box {
		margin: 0px auto;
	}
	
	.product_box:nth-of-type(n+2) {
		margin-top: 70px;
	}
}