/* ページ共通スタイル調整 — v2 (2026-03-17) */

/* ============================================
   1. テーブル
   ============================================ */

/* テーブルヘッダー幅の統一 - デスクトップのみ */
@media (min-width: 768px) {
  .c-table.-sp-column .c-table__head {
    width: 20%;
  }
}

/* テーブルセルのフォントサイズ・行間統一 */
.c-table__head {
  font-size: 1.6rem;
  line-height: 1.8;
}

.c-table__body {
  font-size: 1.6rem;
  line-height: 1.8;
}

/* テーブルセル内のp要素の余白リセット */
.c-table__body p {
  margin-top: 0;
  margin-bottom: 0;
}

/* テーブルセル内の連続改行を抑制 */
.c-table__body br + br {
  display: none;
}

/* ============================================
   2. コンテンツ本文
   ============================================ */

/* 本文のline-height統一 */
.l-content__main p {
  line-height: 1.8;
}

/* リスト要素の行間統一 */
.l-content__main ul,
.l-content__main ol {
  line-height: 1.8;
}

/* セクション見出しの余白 */
.l-content__main .c-heading.-large {
  margin-bottom: 24px;
}

/* コンテンツ先頭の見出し - 上余白を抑制 */
.l-content__main > section:first-child > .c-heading:first-child,
.l-content__main > .c-heading:first-child {
  margin-top: 0;
}

/* サイドバー問い合わせセクション */
.l-content__main ~ aside .c-heading.-small.-border-2color {
  font-size: 1.8rem;
  line-height: 1.5;
}

/* ============================================
   3. 定義リスト（沿革ページ）
   ============================================ */
.c-list-def__head {
  line-height: 1.8;
}

.c-list-def__body {
  line-height: 1.8;
}

/* ============================================
   4. ニュース詳細ページ
   ============================================ */

/* 見出しスタイル統一 */
.news-detail-body h3,
.news-detail-body h4,
.news-detail-body h5 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

.news-detail-body h3 {
  font-size: 2.0rem;
}

.news-detail-body h4 {
  font-size: 1.8rem;
}

.news-detail-body h5 {
  font-size: 1.6rem;
}

/* 本文の段落間隔 */
.news-detail-body p {
  margin-bottom: 1.2em;
}

/* 本文リスト */
.news-detail-body ul,
.news-detail-body ol {
  line-height: 1.8;
  margin-bottom: 1.2em;
  padding-left: 1.5em;
}

.news-detail-body li {
  margin-bottom: 0.4em;
}

/* 関連ニュース見出しとページ見出しの統一 */
.news-related-section .c-heading.-large {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
}

/* 関連ニュースカード間隔 */
.news-related-section .c-card {
  display: block;
  padding: 12px 0;
}

/* ============================================
   5. ページタイトルとレイアウト余白
   ============================================ */

/* -small タイトル下の余白を引き締め */
.l-pagetitle.-small + .l-content {
  margin-top: 0;
}

/* -small タイトル自体の下余白を調整（72px→48px） */
.l-pagetitle.-small.u-mb-xxxl {
  margin-bottom: 48px !important;
}

/* コンテンツ内部の上余白 (オリジナルの u-pt-m 相当) */
.l-pagetitle.-small ~ .l-content .l-content__inner {
  padding-top: 24px;
}

/* ============================================
   8. 採用情報セクション背景（銘東ブランドグラデーション）
   ============================================ */
.top-recruit {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 70%, #e94560 100%) !important;
  position: relative;
}
.top-recruit::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(233, 69, 96, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, rgba(15, 52, 96, 0.3) 0%, transparent 50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .top-recruit {
    background: linear-gradient(160deg, #1a1a2e 0%, #0f3460 60%, #e94560 100%) !important;
  }
}

/* ============================================
   9. 企業情報セクション背景（銘東ブランドグラデーション）
   ============================================ */
.top-company {
  background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 30%, #9fa8da 60%, #7986cb 100%) !important;
}

/* ============================================
   10. ヒーロー背景スライド mv04 / mv05 — 銘東ブランドグラデーション
   ============================================ */
.top-hero__bg.-bg04 {
  background-image: linear-gradient(135deg, #0d1b2a 0%, #1b2838 30%, #2c3e50 60%, #e74c3c 100%) !important;
}
.top-hero__bg.-bg05 {
  background-image: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 70%, #e67e22 100%) !important;
}

/* ============================================
   11. ヒーロー背景スライド mv02 / mv03 — 銘東ブランドグラデーション
   ============================================ */
.top-hero__bg.-bg02 {
  background-image: linear-gradient(135deg, #1e3a5f 0%, #2c5f8a 40%, #3498db 70%, #2ecc71 100%) !important;
}
.top-hero__bg.-bg03 {
  background-image: linear-gradient(135deg, #0c2d48 0%, #145374 35%, #1a6fa0 65%, #2e86c1 100%) !important;
}

/* ============================================
   12. 採用ページタイトル背景（銘東ブランドグラデーション）
   ============================================ */
.l-pagetitle.-recruit {
  background-image: linear-gradient(135deg, #2c3e50 0%, #34495e 40%, #e74c3c 80%, #c0392b 100%) !important;
}
@media (max-width: 767px) {
  .l-pagetitle.-recruit {
    background-image: linear-gradient(160deg, #2c3e50 0%, #e74c3c 100%) !important;
  }
}

/* ============================================
   13. 当社の強みセクション + ページタイトル背景（銘東ブランドグラデーション）
   ============================================ */
.top-strengths {
  background: linear-gradient(135deg, #0f2027 0%, #203a43 40%, #2c5364 70%, #1abc9c 100%) !important;
}
@media (max-width: 767px) {
  .top-strengths {
    background-image: linear-gradient(160deg, #0f2027 0%, #2c5364 60%, #1abc9c 100%) !important;
  }
}
.l-pagetitle.-strengths {
  background-image: linear-gradient(135deg, #0f2027 0%, #203a43 40%, #2c5364 100%) !important;
}
@media (max-width: 767px) {
  .l-pagetitle.-strengths {
    background-image: linear-gradient(160deg, #0f2027 0%, #2c5364 100%) !important;
  }
}

/* ============================================
   14. 物流サービス底部背景（銘東ブランドグラデーション）
   ============================================ */
.top-service__bottom {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%) !important;
}