:root {
    --bs-primary: #003153;
    --bs-primary-rgb:0, 49, 83;
    --bs-body-line-height: 1.75;
    --bs-body-font-size: calc(14 / 16 * 1rem);
     --bs-font-sans-serif: "Noto Sans JP", sans-serif;

}
* {
    font-optical-sizing: auto;
}

.font-jost {
  font-family: "Jost", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.container {
  max-width: 960px
}

.mv {
  background-image: url(../img/mv.webp);  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height:160px;
  text-shadow: 0 0 30px #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
}

#page-top .mv {
  min-height: 320px;
  background-color: transparent;
  background-blend-mode: inherit;
}
@media (min-width: 768px) {
  #page-top .mv {
    min-height: 320px;
  }
}

/*
.mv-large {
  aspect-ratio: 16 / 9;
  background-color: rgba(0, 0, 0, 0.25);
  font-size:1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .mv-large {
    font-size:2rem;
  }
}
@media (min-width: 768px) {
  .mv-large {
    aspect-ratio: auto;
    font-size:2.8rem;
    height:360px;
  }
}
*/