/* =========================================================
   トップページ：こんな方におすすめ
   人物画像は1枚のスプライト（target-people.png / target-beginner.png）から切り出し
   ========================================================= */
.target {
  background: var(--bg-2);
  padding: clamp(64px, 7.8vw, 112px) var(--gutter);
}
.target .section-inner { display: flex; flex-direction: column; gap: 40px; }
.target__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 40px clamp(24px, 4.9vw, 70px);
}
.target__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
}
.target__item p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--main);
  text-align: center;
}

.person > img { position: absolute; }
.person--1 { width: 136px; aspect-ratio: 136 / 172; }
.person--1 > img { width: 569.62%; height: 225.53%; left: -32.5%; top: -55.32%; }
.person--2 { width: 145px; aspect-ratio: 145 / 171; }
.person--2 > img { width: 534.28%; height: 225.53%; left: -151.66%; top: -54.51%; }
.person--3 { width: 155px; aspect-ratio: 155 / 166; }
.person--3 > img { width: 483.91%; height: 225.53%; left: -255.33%; top: -54.1%; }
.person--4 { width: 140px; aspect-ratio: 140 / 171; }
.person--4 > img { width: 552.36%; height: 225.53%; left: -422.21%; top: -53.9%; }
.person--5 { width: 126px; aspect-ratio: 126 / 171; }
.person--5 > img { width: 248.14%; height: 304.15%; left: -72.35%; top: -99.09%; }

/* ---- Responsive ---- */
@media (max-width: 560px) {
  .target__list { gap: 28px 20px; }
  .person--1, .person--2, .person--3, .person--4, .person--5 { width: 108px; }
}