/* ----- header (top用) ----- */
.s-header {
  height: 110px;
  background-color: transparent;
  background-image: linear-gradient(rgb(28 28 28 / 100%), transparent);
}
.s-header-nav a {
  color: #FFF;
}
/* header (top用: スクロールされている状態) */
.s-header.scrolled {
  height: 74px;
  background-color: #F8F8F8;
  background-image: none;
  box-shadow: 0 0 10px rgba(0 0 0 / 20%);
}
.s-header.scrolled a {
  color: #3F4044;

  &:hover {
    color: #1371C3;
  }
}


/* ----- 共通 ----- */
.p-top_section {
  margin-top: 80px;
}
.p-top_section-mediumMargin {
  margin-top: 64px;
}
.p-top_heading2 {
  font-family: 'San Francisco', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-size: 3rem;
  letter-spacing: 0.05em;
}

/* ----- MV ----- */
.p-top_hero {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 645px;
  background-image: url('/img/template-mv.jpg');
  background-position: center;
  background-size: cover;
}
.p-top_hero_heading {
  max-width: 100%;
  padding-top: 72px;
  line-height: 1;
}
.p-top_hero_heading img {
  max-width: 100%;
}