@charset "utf-8";
/* -------------------------------- *\
    top
\* -------------------------------- */
.product-top {
	margin-bottom: 85px;
}

/* -------------------------------- *\
    一覧
\* -------------------------------- */
.section-content {
	position: relative;
	margin-top: -30%;
	margin-bottom: 200px;
}
.product-type {
	margin-bottom: 50px;
}
.product-type__title {
	margin-bottom: 50px;
}
.product-type--u-three .product-type__title {
	margin-bottom: 0;
}
.product-type--u-ex .product-type__title {
	margin-bottom: 10px;
}
.product-type__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -10px;
	margin-left: -10px;
}
.product-type__col {
	flex-basis: 25%;
	max-width: 25%;
	padding: 0 10px 20px;
}
.product-type__col img{
	position:relative;
	top:0;
	transition:0.3s;
}
.product-type__col a:hover img{
	top:-10px;
}
.text-notice--product {
	text-align: center;
	font-size: 1.6rem;
}
@media (max-width: 768px) {
	.section-content {
		margin-top: -10%;
		margin-bottom: 100px;
	}
	.product-type__col {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
		padding: 0 10px 20px;
	}
	.text-notice--product {
		text-align: left;
		font-size: 1.4rem;
	}
}
@media (max-width: 560px) {
	.product-type__col {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 10px 20px;
	}
}