@keyframes fuwaMenu {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.catalog-manual {
  --font-family: "Noto Serif JP", serif;
}

@media screen and (min-width: 600px) {
  .case_study {
    padding-top: calc(120 * 100vw / 1440);
  }
  .case_study .s-view {
    display: none;
  }
  .case_study .css-headline {
    text-align: center;
    margin-bottom: calc(50 * 100vw / 1440);
  }
  .case_study__wrapper {
    width: 100%;
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 15px 0 15px;
  }
  .case_study__flexbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .case_study__flexbox .css-flexitem {
    max-width: 46rem;
    width: calc(460 * 100vw / 1000);
    aspect-ratio: 460/400;
  }
}
@media screen and (max-width: 599px) {
  .case_study {
    padding-top: calc(60 * 100vw / 350);
  }
  .case_study .css-headline {
    text-align: center;
    margin-bottom: calc(60 * 100vw / 350);
  }
  .case_study__wrapper {
    width: calc(298 * 100vw / 350);
    margin: 0 auto;
  }
  .case_study__flexbox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    row-gap: calc(30 * 100vw / 350);
    width: 100%;
  }
  .case_study__flexbox .css-flexitem {
    width: calc(298 * 100vw / 350);
    aspect-ratio: 298/259;
  }
}