/**
 * File Name: process-support-activities.css
 * 2026-07-13 | Final Check
 */

/* ==============================================================================
 * 1. BASE STYLE (スマホ縦想定)
 * ============================================================================== */
.p-common-service-contents-activities-section {
  width: 100%;
  padding: 40px 0;
  background-color: #ffffff;
  color: #333333;
  font-family: "Helvetica Neue", Arial, "BIZ UDPGothic", "Meiryo", sans-serif;
  line-height: 1.7;
  box-sizing: border-box;
}

.p-common-service-contents-activities-section *,
.p-common-service-contents-activities-section *::before,
.p-common-service-contents-activities-section *::after {
  box-sizing: border-box;
}

.p-common-service-contents-activities-header {
  margin-bottom: 30px;
}

/* ==============================================================================
 * 2. MEDIA QUERIES
 * ============================================================================== */

/* スマホ横向き（低画面高） */
@media screen and (max-height: 500px) and (orientation: landscape) {
  .p-common-service-contents-activities-section {
    padding: 30px 0;
  }
  .p-common-service-contents-activities-header {
    margin-bottom: 20px;
  }
}

/* タブレット・標準PCサイズ */
@media screen and (min-width: 768px) and (min-height: 501px) {
  .p-common-service-contents-activities-section {
    padding: 60px 0;
  }
  .p-common-service-contents-activities-header {
    margin-bottom: 40px;
  }
}

/* 大型デスクトップサイズ */
@media screen and (min-width: 1024px) and (min-height: 501px) {
  .p-common-service-contents-activities-section {
    padding: 70px 0;
  }
}