@charset "UTF-8";

.page_hd_img_item {
	background-image: url(../img/warehouse/page-hd-bg.jpg);
}

.contnts_hd_img {
	background: url(../img/warehouse/contents-hd@2x.jpg) center / cover;
}

.contnts {
}

.contnts_hd {
}

.contnts_hd_img {
}

.contnts_hd_item {
}

.contnts_wrap {
}

.center {
}

.center_wrap {
}

.center_hd {
	margin-bottom: 50px;
}

.center_flow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 120px;
	padding: 70px 50px;
	border-radius: 20px;
	background: #ffffff;
}

.center_pic {
	padding: 35px 0 100px;
	border-top: 3px solid #00b4df;
}

.center_pic:last-child {
	padding-bottom: 0;
}

.center_pic_ttl {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 24px;
}

.center_pic_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}

.center_pic_wrap figure img {
	overflow: hidden;
	border-radius: 20px;
}

.center_pic_wrap figure figcaption {
	margin-top: 10px;
	font-weight: 500;
}

.grid-num01 {
	grid-column: 1 / 7;
	overflow: hidden;
	aspect-ratio: 1160 / 600;
}

.grid-num01 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-num02 {
	grid-column: 1 / 3;
}

.grid-num03 {
	grid-column: 3 / 5;
}

.grid-num04 {
	grid-column: 5 / 7;
}

.grid-num05 {
	grid-column: 1 / 4;
}

.grid-num06 {
	grid-column: 4 / 7;
}

.frozen {
	background: #ffffff;
}

.frozen_wrap {
}

.frozen_cnt {
	display: flex;
	align-items: center;
	gap: 40px;
}

.frozen_txt {
}

.frozen_txt h2 {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 28px;
}

.frozen_txt {
}

.frozen_img {
	flex-shrink: 0;
}

.mid_img {
	width: 100%;
	max-width: 1800px;
	height: 450px;
	margin: 0 auto;
}

.mid_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sort {
	background: #ffffff;
}

.sort_wrap {
}

.sort_cnt {
}

.sort_txt {
	margin-bottom: 45px;
}

.sort_txt h2 {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 28px;
}

.sort_img {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.sort_img figure {
}

.sort_img figure img {
	overflow: hidden;
	border-radius: 20px;
}

.sort_img figure figcaption {
	margin-top: 10px;
	font-weight: 500;
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.page_hd_img_item {
	}

	.contnts_hd_img {
	}

	.contnts {
	}

	.contnts_hd {
	}

	.contnts_hd_img {
	}

	.contnts_hd_item {
	}

	.contnts_wrap {
	}

	.center {
	}

	.center_wrap {
	}

	.center_hd {
		margin-bottom: 29px;
	}

	.center_flow {
		margin-bottom: 60px;
		padding: 30px 25px;
	}

	.center_pic {
	}

	.center_pic:last-child {
	}

	.center_pic_ttl {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.center_pic_wrap {
		display: flex;
		flex-flow: column;
		gap: 19px;
	}

	.center_pic_wrap figure {
		max-width: 326px;
		margin: 0 auto;
	}

	.center_pic_wrap figure img {
	}

	.center_pic_wrap figure figcaption {
	}

	.grid-num01 {
		aspect-ratio: unset;
	}

	.grid-num01 img {
	}

	.grid-num02 {
	}

	.grid-num03 {
	}

	.grid-num04 {
	}

	.grid-num05 {
	}

	.grid-num06 {
	}

	.frozen {
	}

	.frozen_wrap {
	}

	.frozen_cnt {
		flex-flow: column;
		gap: 30px;
	}

	.frozen_txt {
	}

	.frozen_txt h2 {
		font-size: 20px;
	}

	.frozen_txt {
	}

	.frozen_img {
	}

	.mid_img {
		height: 190px;
	}

	.mid_img img {
	}

	.sort {
	}

	.sort_wrap {
	}

	.sort_cnt {
	}

	.sort_txt {
		margin-bottom: 30px;
	}

	.sort_txt h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.sort_img {
		grid-template-columns: 1fr;
		gap: 20px;
		max-width: 360px;
		margin: 0 auto;
	}

	.sort_img figure {
	}

	.sort_img figure img {
	}

	.sort_img figure figcaption {
	}
}