@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: #2d4f2f;
  --normal: 400;
  --bold: 600;
  font-family: "Lora", "Noto Serif JP", serif;
  font-weight: var(--normal);
}

@media (min-width: 568px) {
  .p-top-mv {
    height: 18em;
    background-image: url(../images/miraikawashima/top_mv_bg_pc.jpg);
  }
}
@media (max-width: 567px) {
  .p-top-mv__title {
    background-image: url(../images/miraikawashima/top_mv_bg_sp.jpg);
  }
}
@media (min-width: 568px) {
  html[lang=en] .p-top-mv__title img {
    height: 40%;
  }
}
@media (min-width: 568px) {
  .p-top-mv__image img {
    object-fit: cover;
  }
}
@media (min-width: 568px) {
  .p-top-profile__biography {
    grid-area: unset;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 1em;
    grid-column: span 2;
    margin-top: 1em;
  }
}
@media (min-width: 568px) {
  .p-top-profile__biography .body {
    column-count: 2;
    padding-top: 0.4em;
  }
}