@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --keycolor: #cf2900;
  --normal: 350;
  --bold: 650;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-weight: var(--normal);
}

@media (max-width: 567px) {
  .p-top-mv {
    grid-row-gap: 1em;
    box-sizing: border-box;
    padding: 1em;
    background: url(../images/tsukasasuzuki/top_mv_bg_sp.jpg) no-repeat center center/cover;
  }
}
@media (min-width: 568px) {
  .p-top-mv {
    background-image: url(../images/tsukasasuzuki/top_mv_bg_pc.jpg);
  }
}
@media (max-width: 567px) {
  .p-top-mv__title {
    justify-self: start;
    background: none;
    aspect-ratio: auto;
  }
  html[lang=ja] .p-top-mv__title img {
    width: 8.8em;
    height: auto;
  }
  html[lang=en] .p-top-mv__title img {
    width: 8.8em;
    height: auto;
  }
}
@media (max-width: 567px) {
  .p-top-mv__image {
    justify-self: end;
  }
  .p-top-mv__image img {
    aspect-ratio: auto;
    width: 12em;
  }
}
.p-top-profile__text > div {
  display: grid;
}
.p-top-profile__text > div h4 {
  margin-top: 1em;
  color: var(--keycolor);
}
@media (min-width: 568px) {
  .p-top-profile__pic {
    align-self: start;
    margin-top: 1.1em;
  }
}