/* =================================================================
   dep-business.css ― 事業内容ページ専用
   スコープ：.dep-business-page（body_classで付与）
   依存：dep-tokens.css / dep-base.css
        （.dep-sec / .dep-wrap / .dep-eyebrow / .dep-sec-title /
          .dep-sec--white / .dep-ph / .dep-crumb）
   方針：共通プリミティブは再定義しない。本ページ固有のコンポーネントのみ。
   全幅：recruit/community/company/about と同じ手法。
================================================================= */

/* ページ地色＝生成り（白帯のみ全幅で上書き／clipはdep-base済み） */
.dep-business-page #content{ background:var(--dep-bg); }

/* Astra .entry-content の既定マージン打ち消し */
.dep-business-page .entry-content p,
.dep-business-page .entry-content h1,
.dep-business-page .entry-content h2,
.dep-business-page .entry-content h3{ margin:0; }

/* ===== パンくず＝左揃え（共通仕様#4） ===== */
.dep-business-page .dep-crumb ol{ justify-content:flex-start; text-align:left; }

/* ===== ① リード帯（H1・センター） ===== */
.dep-business-page .dep-business-lead{ text-align:center; padding:24px 0 56px; max-width:none !important; width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
.dep-business-page .dep-business-lead__ttl{
  font-size:clamp(26px,3.6vw,32px); font-weight:700; line-height:1.4;
  letter-spacing:.02em; margin:14px 0 0;
}
.dep-business-page .dep-business-lead__copy{ max-width:780px; margin:20px auto 0; }
.dep-business-page .dep-business-lead__copy p{ font-size:15.5px; color:#4a4a4a; line-height:1.95; margin:0; }

/* ===== 事業セクション（写真＋テキストの特集ブロック・左右交互） ===== */
.dep-business-page .dep-business-feature{
  display:grid; grid-template-columns:1.05fr 1fr; gap:48px; align-items:center;
}
.dep-business-page .dep-business-feature__body .dep-sec-title{ margin-top:6px; margin-bottom:16px; }
.dep-business-page .dep-business-feature__body p{ font-size:15px; color:#444; line-height:1.95; margin:0 0 14px; }
.dep-business-page .dep-business-feature__body p:last-child{ margin-bottom:0; }
.dep-business-page .dep-business-feature__photo{
  aspect-ratio:16/11; border-radius:var(--dep-radius,12px); overflow:hidden;
}
.dep-business-page .dep-business-feature__photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.dep-business-page .dep-business-feature--rev .dep-business-feature__photo{ order:2; }

/* 「詳しく見る →」共通仕様#3：青テキスト＋矢印、ピル背景なし、hoverで矢印右移動 */
.dep-business-page .dep-business-more{
  display:inline-flex; align-items:center; gap:8px; margin-top:6px;
  color:var(--dep-primary) !important; font-weight:700; font-size:15px; line-height:1.6;
  text-decoration:none !important;
}
.dep-business-page .dep-business-more__ar{ transition:transform .15s ease; }
.dep-business-page .dep-business-more:hover{ color:var(--dep-primary-light) !important; }
.dep-business-page .dep-business-more:hover .dep-business-more__ar{ transform:translateX(4px); }
/* 外部サイト注記 */
.dep-business-page .dep-business-more__ext{
  font-family:var(--dep-en); font-size:11px; font-weight:600;
  letter-spacing:.04em; color:var(--dep-gray); margin-left:2px;
}

/* ===== 旅行事業：既存3LPへのリンク行（ピル型テキストリンク） ===== */
.dep-business-page .dep-biz-lp{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.dep-business-page .dep-biz-lp a{
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid var(--dep-line); border-radius:999px; padding:9px 18px;
  font-size:13.5px; font-weight:700; color:var(--dep-text) !important;
  background:#fff; text-decoration:none !important;
  transition:border-color .2s ease, color .2s ease;
}
.dep-business-page .dep-biz-lp a:hover{ border-color:var(--dep-primary); color:var(--dep-primary) !important; }
.dep-business-page .dep-biz-lp a .ar{ font-family:var(--dep-en); transition:transform .15s ease; }
.dep-business-page .dep-biz-lp a:hover .ar{ transform:translateX(3px); }

/* ===== レスポンシブ ===== */
@media (max-width:768px){
  .dep-business-page .dep-business-lead{ padding:16px 0 40px; }
  .dep-business-page .dep-business-lead__ttl{ font-size:26px; }
  .dep-business-page .dep-business-feature{ grid-template-columns:1fr; gap:22px; }
  .dep-business-page .dep-business-feature__photo{ order:-1; }
  .dep-business-page .dep-business-feature--rev .dep-business-feature__photo{ order:-1; }
}