@charset "utf-8";
/* CSS Document */
.cate1 .topbox {
  max-width: 980px; /* 見本の中央幅 */
}
.cate1 .column3_f .imgbox {
  aspect-ratio: 470 / 329;
}
.column3_f .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1080px) {
  .column3_f .card1 {
    flex: 0 0 calc((100% - clamp(35px, 4vw, 60px)) / 2);
  }
}
/* ---------- 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) {
  .column3_f .boxwrap {
    flex-direction: column;
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px) {}