/* ==========================================================================
   CSR・ESG(about/esg-csr) — /about/esg-csr/index.php 専用
   ========================================================================== */

/* 白パネル角のグラデーションは左上=ピンク、右下=グリーン
   (採用ページ等で使っている --color-section-recruit と同一の色)。
   ブロック見出しの文字色は --color-accent-pink。 */
.esg-csr-panel {
  --deco-panel-corner-1: var(--color-accent-pink);
  --deco-panel-corner-2: var(--color-section-recruit);
  --media-row-heading-color: var(--color-accent-pink);
}

.esg-csr-panel .deco-panel__lead {
  margin-bottom: 135px;
  font-size: 1.125rem;
}

.esg-csr-panel .media-row__heading {
  font-size: 1.5625rem;
  margin-bottom: 14px;
}

.esg-csr-panel .media-row__text {
  font-size: 1.125rem;
}

.esg-csr-panel .media-row {
    margin-bottom: 40px;
}

/* ==========================================================================
   SP(max-width: 768px)
   ========================================================================== */
@media (max-width: 768px) {
  .esg-csr-panel .deco-panel__lead {
    margin-bottom: 60px;
    font-size: 1rem;
  }

  .esg-csr-panel .media-row__heading {
    font-size: 1.4375rem;
  }

  .esg-csr-panel .media-row__text {
  font-size: 1rem;
  margin-bottom: 70px;
  }
}