@charset "utf-8";
.cate1, .cate2, .cate3 {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.cate .imgbox {
  width: clamp(320px, 50vw, 450px);
}
.cate4 .whitebox {
  padding: 50px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {
  .cate1, .cate2, .cate3 {
    flex-wrap: wrap;
    align-items: center;
  }
	.cate1 .leftbox{
		gap: 30px;
	}
	.cate1 .leftbox .imgbox{
		width: calc(100% / 2 - 15px);
		margin-bottom: 0;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {
	.cate1 .leftbox{
		gap: 20px;
	}
	.cate1 .leftbox .imgbox{
		width: 100%;
	}
	.cate4 .whitebox{
		padding: 40px 20px;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}