@import url(https://fonts.googleapis.com/css2?family=Bree+Serif&family=Montserrat:wght@400;700&family=Noto+Sans+JP:wght@300;500;700&family=Noto+Serif+JP:wght@700&display=swap);

.l-mainvisual {
  background-image: url(images/mission_mainvisual_bg.jpg);
  height: 520px;
}

.l-mainvisual__heading>h1 {
  background: none;
  padding: 0;
  font-family: Montserrat, Noto Sans JP, sans-serif;
  font-size: 64px;
  letter-spacing: .04em;
  text-indent: .04em;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-mainvisual__heading>h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
    .l-mainvisual {
        height: 300px;
        padding: 80px 0;
    }
}

.p-mission__section--voices .l-container {
  padding-inline: 20px;
}

@media only screen and (max-width: 767px) {
  .p-mission__section--voices .l-container {
    padding-inline: 15px;
  }
}