html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}
body.is-menuOpen {
  height: 100%;
  overflow-y: hidden;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 50px;
}
@media not screen and (min-width: 576px) {
  .inner {
    padding: 0 5%;
  }
}

.sec-ttl {
  font: 700 4.6rem/1.75 "Comfortaa", sans-serif;
}
@media not screen and (min-width: 576px) {
  .sec-ttl {
    font: 700 3rem/1.75 "Comfortaa", sans-serif;
  }
}
.sec-ttl-lead {
  font: 700 2.6rem/1.65 "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
}
@media not screen and (min-width: 576px) {
  .sec-ttl-lead {
    font: 700 1.6rem/1.65 "Noto Sans JP", sans-serif;
  }
}

.breadcrumbs {
  margin: 20px 0 0 30px;
}
.breadcrumbs__inner {
  max-width: inherit;
  display: flex;
  gap: 0 10px;
}
.breadcrumbs__item {
  font: 300 1.4rem/2.14 "Noto Sans JP", sans-serif;
  opacity: 1;
  transition: opacity 0.5s;
}
.breadcrumbs__item.home:hover, .breadcrumbs__item.home:focus {
  opacity: 0.5;
  transition: opacity 0.5s;
}

.xxl-br {
  display: block;
}
@media not screen and (min-width: 992px) {
  .xxl-br {
    display: none;
  }
}