/* ===========================================================
   css/pages/partner.css
   パートナー様募集ページ固有スタイル
   MIRAIE PROJECT | 株式会社IKIpuro
   ガイドライン v1.2 準拠
   =========================================================== */

/* ─────────────────────────────────────────────────────────
   .page-hero-bg — ヒーロー写真位置（partner固有）
   ───────────────────────────────────────────────────────── */
.page-hero-bg img {
  object-position: center 40%;
}

/* ─────────────────────────────────────────────────────────
   .partner-main — メインコンテンツ
   ───────────────────────────────────────────────────────── */
.partner-main {
  background-color: var(--color-bg-sub);
  padding-block: var(--sp-xl);
}

/* リード文 */
.partner-lead {
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--color-text);
  text-align: center;
  margin-bottom: var(--sp-lg);
}

/* 図解 */
.partner-diagram {
  max-width: 336px; /* 480px × 0.7 */
  margin-inline: auto;
  margin-bottom: var(--sp-lg);
}

.partner-diagram img {
  width: 100%;
  height: auto;
}

/* テキスト */
.partner-body {
  text-align: center;
  margin-bottom: var(--sp-xl);
}

.partner-body p {
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--color-text);
}

.partner-body-sub {
  margin-top: var(--sp-md);
  font-weight: 700;
}

/* 写真3枚 */
.partner-photos {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--sp-sm);
  margin-bottom: var(--sp-xl);
}

.partner-photo img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* お問い合わせカード */
.partner-contact {
  max-width: 640px;
  margin-inline: auto;
  text-align: center;
  padding: var(--sp-sm) var(--sp-lg); /* var(--sp-lg) から変更 */
}

.partner-contact-title {
  font-size: var(--fs-lg);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--sp-md);
}

/* ─────────────────────────────────────────────────────────
   レスポンシブ（SP）
   ───────────────────────────────────────────────────────── */
@media (max-width: 767px) {

  .partner-photos {
    grid-template-columns: 1fr;
  }

  .partner-photo img {
    height: 200px;
  }

}