@charset "UTF-8";
/* ========================================
   JOIN Hero — Figma: 700:386, 700:382
   PC: 485:3027 / SP: 1030:531
   構造: overlay(波) + hero-image(写真+テキスト)
   overlay の margin-bottom で hero-image を波の下に重ねる
======================================== */
.join-hero {
  background-color: #fff;
}

.join-hero.hero-margin {
  margin: 0 auto;
}
@media (max-width: 960px) {
  .join-hero.hero-margin {
    margin: 76px auto 0;
  }
}

/* 白波オーバーレイ (PCのみ表示) */
.join-hero__overlay {
  position: relative;
  z-index: 2;
  pointer-events: none;
  margin-bottom: -76px;
}
.join-hero__overlay img {
  width: 100%;
  height: auto;
  display: block;
}

/* JOIN 固有: 写真にブラー + 位置調整 */
.join-hero .hero-image img {
  filter: blur(2px);
  object-position: center 40%;
}

/* JOIN 固有: テキストに text-shadow */
.join-hero .title {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.join-hero .subtitle {
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

@media (max-width: 960px) {
  .join-hero {
    margin-top: 43px;
    margin-bottom: 12px;
  }
  .join-hero__overlay {
    display: none;
  }
  .join-hero .hero-image img {
    margin-top: 0;
    object-position: center 0%;
  }
}