body {
  margin: 0;
  padding: 0;
}

.stem700i_sp {
  background-color: #111;
}
.stem700i_sp img, .stem700i_sp video {
  vertical-align: bottom;
}
.stem700i_sp .-sq {
  aspect-ratio: 1;
  object-fit: cover;
}
.stem700i_sp .hero {
  position: relative;
}
.stem700i_sp .hero img {
  position: relative;
  z-index: 10;
}
.stem700i_sp .hero video {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 854/569;
  object-fit: cover;
  object-position: 20% 50%;
}
.stem700i_sp .faq {
  background-color: #F3F3F3;
  padding: 0 32px 58px;
  display: flex;
  flex-flow: column;
}
.stem700i_sp .faq details {
  background-color: #fff;
  border-bottom: 1px solid #E5E8EA;
}
.stem700i_sp .faq details summary {
  padding: 1em;
}
.stem700i_sp .faq details p {
  padding: 1em;
  padding-top: 0;
  padding-left: 2em;
}

.stem700i_sp_body {
  max-width: 640px;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
}/*# sourceMappingURL=style.css.map */