.keyvisual {
  margin-top: calc(var(--header-height) * -1);
  padding-top: var(--header-height);
  background: url("/hokkaido100/sakerucheese/assets/images/common/bg_01.jpg") center top/60px auto repeat;
}
.keyvisual .p-keyvisual__image-pic {
  left: 9.2727272727%;
  width: 83.2727272727%;
}
.recipe-upper {
  display: block;
  position: relative;
  height: max(500px, min(34.3170899108vw, 600px));
  overflow: hidden;
}
.recipe__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recipe__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe__title {
  width: 580px;
}
.recipe-lower {
  margin-top: -80px;
}
.recipe__button {
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .keyvisual .p-keyvisual__image-pic {
    left: 13.2203389831%;
    width: 73.8983050847%;
  }
  .recipe-upper {
    aspect-ratio: 375/500;
    height: auto;
  }
  .recipe__title {
    width: 100%;
  }
  .recipe-lower {
    margin-top: -60px;
  }
  .recipe__recipe {
    gap: 60px 0;
  }
  .recipe__recipe .c-card--a {
    margin-inline: -6.3492063492%;
    color: var(--color-text);
  }
}
@media screen and (min-width: 767.1px) {
  .recipe__title.reverse {
    margin-left: auto;
  }
}