@charset "utf-8";
/* CSS Document */
.cate1, .cate2, .itembox1 {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cate1 .imgbox {
  max-width: 860px; /* 画像枠の最大幅 */
  margin: clamp(40px, 6vw, 56px) auto 0; /* 見出しとの余白を可変に */
  text-align: center;
}
/* 画像に“細い枠”を付ける（スクショ風） */
.cate1 .imgbox > img {
  display: block;
  width: 100%;
  height: auto;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px) {}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px) {}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px) {

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px) {

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}