/* ----- header (top用) ----- */
.s-header {
  background-color: transparent;
  background-image: linear-gradient(rgb(28 28 28 / 100%), transparent);
}
.s-header-hamburger .hamburger-first,
.s-header-hamburger .hamburger-second,
.s-header-hamburger .hamburger-third {
  background: #FFF;
}
/* header (top用: スクロールされている状態) */
.s-header.scrolled {
  background-color: #F8F8F8;
  background-image: none;
}
.s-header.scrolled .hamburger-first,
.s-header.scrolled .hamburger-second,
.s-header.scrolled .hamburger-third {
  background-color: #3F4044;
}
.s-header.scrolled .s-header-hamburger.opened .hamburger-second {
  background: transparent;
}


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

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