/*
 * Hamada homepage only. The shared top_new.css starts its event grid at 992px,
 * leaving 768-991px with desktop-width cards in a block container.
 * Keep the reference desktop grid's three columns and 20px gap in that interval.
 */
@media screen and (min-width: 768px) and (max-width: 991px) {
  body.home.page-id-3575 #eventArea {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  body.home.page-id-3575 #eventArea > li.elementor-column {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
}

/* common.css gives #footer .inner a fixed 1100px width from 821px upward. */
@media screen and (min-width: 821px) and (max-width: 1099px) {
  body.home.page-id-3575 #footer {
    min-width: 0;
  }
  body.home.page-id-3575 #footer .inner {
    max-width: 100%;
  }
}

/* Hide only the recruitment card in the homepage company-information block. */
body.home.page-id-3575 .elementor-element-6e396ca9 > .elementor-container > .elementor-element-c1b4068 {
  display: none;
}
@media screen and (min-width: 768px) {
  body.home.page-id-3575 .elementor-element-6e396ca9 > .elementor-container > .elementor-column:not(.elementor-element-c1b4068) {
    width: 33.333333%;
  }
}
