@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Serif+JP:wght@200..900&display=swap");
:root {
  --keycolor: #bf0008;
  --normal: 400;
  --bold: 600;
  font-family: "Lora", "Noto Serif JP", serif;
  font-weight: var(--normal);
}

@media (max-width: 567px) {
  .p-top-mv {
    align-content: start;
    aspect-ratio: 390/432;
    background: #f4f3f1 url(../images/shokokanazawa/top_mv_bg_sp.png) no-repeat center bottom/100% auto;
  }
}
@media (min-width: 568px) {
  .p-top-mv {
    background: #f4f3f1;
  }
}
@media (max-width: 567px) {
  .p-top-mv__title {
    aspect-ratio: 390/160;
    background: none;
  }
}
@media (max-width: 567px) {
  .p-top-mv__image img {
    display: none;
  }
}
@media (min-width: 568px) {
  .p-top-mv__image {
    mix-blend-mode: darken;
  }
}