@charset "utf-8";

/* min-width: 768px - max-width: 970px */
.head {
  height: 77vw!important;
}
.head-wave {
  bottom: 2%;
}
.head-txt-catch {
  top: 12%;
}
.head-txt-ttl .kanji {
  font-size: min(6.6vw, 66px);
}
.head-txt-ttl .hiragana {
  font-size: min(6.0vw, 60px);
}
.people {
  padding: 8vw 0;
}
.people-catch-ttl {
  margin: 2vw auto 80px;
}
.people-ttl-bg {
  top: -13vw;
}
.people-block::before {
  content: "";
  position: absolute;
  top: -27px;
  left: 50%;
  width: 100%;
  height: 27px;
  transform: translateX(-50%);
  background: url(/sea-pulse/challenge/assets/img/top/people_wave01.svg) repeat-x;
  background-position: center;
  background-size: contain;
}
.people-block::after {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 50%;
  width: 100%;
  height: 27px;
  transform: translateX(-50%);
  background: url(/sea-pulse/challenge/assets/img/top/people_wave02.svg) repeat-x;
  background-position: center;
  background-size: contain;
}
.people-card-data-txt-name span {
  margin: 0;
}
.people-card-locus-history li {
  padding: 2vw 1vw;
}
.people-card-locus-link {
  gap: 7px;
}
.people-card-locus-link:has(span.note) {
	padding: 5px 4% 5px 0;
}
.people-card-locus-link::before, 
.people-card-locus-link::after {
  right: 3%;
}
.people-card-locus-link span.note {
  width: 34%;
  background: url(/sea-pulse/challenge/assets/img/common/logo_note.svg) no-repeat;
  background-size: cover;
  background-position: center;
  background-size: 100%;
}