@font-face {
  font-family: "IBM Plex Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/IBMPlexSansJP-Regular.woff2") format("woff2");
  font-synthesis: none;
}

@font-face {
  font-family: "IBM Plex Sans JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/IBMPlexSansJP-Medium.woff2") format("woff2");
  font-synthesis: none;
}

@font-face {
  font-family: "IBM Plex Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/IBMPlexSansJP-Bold.woff2") format("woff2");
  font-synthesis: none;
}

@font-face {
  font-family: "Major Mono Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/MajorMonoDisplay-Regular.woff2") format("woff2");
  font-synthesis: none;
}

.content-block {
  content-visibility: auto;
  contain-intrinsic-size: 1px auto;
}

@media (max-width: 767px) {
  .content-block {
    contain-intrinsic-size: 1px 300px;
  }
}

@media (min-width: 768px) {
  .content-block {
    contain-intrinsic-size: 1px 450px;
  }
}