html {
  font-size: max(12px, 1.1111111111vw);
}
@media screen and (min-width: 960px) {
  html {
    font-size: 1.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 2.0833333333vw;
  }
}
@media screen and (min-width: 320px) {
  html {
    font-size: 16px;
  }
}

@media screen and (min-width: 320px) {
  .fv__image-subpage-container {
    width: 100%;
    height: 25rem;
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 390px) {
  .fv__image-subpage-container {
    width: 100%;
    height: 25rem;
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 810px) {
  .fv__image-subpage-container {
    width: 24.375rem;
    position: absolute;
    left: 50%;
    top: 200px;
    transform: translate(-50%, -50%);
  }
}

.case {
  padding-top: 26.4375rem;
  padding-bottom: 3.0625rem;
}
.case__text {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: #333;
  margin-top: 11px;
}
.case__item {
  margin-top: 30px;
}
.case__item-image {
  margin-top: 7px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.case__sub-title {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #c1638a;
  margin-top: 30px;
}
.case__title {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #c1638a;
}
@media screen and (min-width: 320px) {
  .case__wrapper {
    width: 100%;
    background-image: url("../images/background-price.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 810px) {
  .case__wrapper {
    width: 24.375rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) {
  .case__inner {
    width: 18.75rem;
    margin: 0 auto;
  }
}