/* =======================================
   Pages
   - 固有ページ用スタイル
   ----------------------------------------
   各ページ専用のセクション・ブロックなどをまとめる
   必要に応じて、ページ別にclass名を分けて記述
======================================= */

/* -------------------------
   Home (トップページ)
   ----------------------------------------
   .page-homeはWordPressのbody_class()による
   自動出力クラス
------------------------- */
.page-home {
  .hero {
    /* トップページのメインビジュアル */
    padding: var(--space-xl) 0;
    text-align: center;
  }

  .about-section {
    /* aboutブロック */
    padding: var(--space-lg) 0;
  }
}

/* -------------------------
   Company (会社概要ページ)
   ----------------------------------------
   .page-companyもbody_class()による自動出力
------------------------- */
.page-company {
  .greeting {
    /* 社長挨拶やメッセージ */
    padding: var(--space-lg) 0;
  }

  .history {
    /* 沿革ブロック */
    padding: var(--space-lg) 0;
  }
}

/* -------------------------
   Recruit (採用ページ)
------------------------- */
.page-recruit {
  .recruit-lead {
    padding: var(--space-lg) 0;
    text-align: center;
  }

  .recruit-info {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
  }
}

/* -------------------------
   Contact (お問い合わせ)
------------------------- */
.page-contact {
  .contact-form {
    padding: var(--space-lg) 0;
    max-width: 800px;
    margin-inline: auto;
  }
}