.people.cl1 { background-color: #faf3ef; }
.people.cl2 { background-color: #fef4e8; }
.people.cl3 { background-color: #eff6ed; }
.people.cl4 { background-color: #f2f4fb; }
.people.cl5 { background-color: #f7f5f9; }
.people.cl6 { background-color: #1d9a46; }

@media (min-width: 768px) { .people_box { display: flex; flex-wrap: wrap; gap: 0 20px; margin: 0; padding: 0; }
  .people_box .people { display: flex; gap: 0 30px; width: calc(50% - 10px); padding: 25px 25px; margin: 20px 0 0 0; }
  .people_box .people > div:first-child { width: calc(100% - 160px); }
  .people_box .people > div:first-child h3 { font-size: 17px; line-height: 1.6; }
  .people_box .people > div:first-child p { margin: 15px 0 0 0; line-height: 1.8; }
  .people_box .people > div:last-child { width: 160px; text-align: center; }
  .people_box .people > div:last-child span { font-size: 13px; margin: 10px 0 0 0; display: block; }
  .people_box .people > div:last-child p { font-size: 14px; margin: 0; line-height: 1.0; }
  .people_box .people > div:last-child small { font-size: 12px; } }
@media (max-width: 767.98px) { .people_box { display: flex; flex-wrap: wrap; gap: 0 40px; margin: 0; }
  .people_box .people { display: flex; flex-wrap: wrap; gap: 0 30px; padding: 15px; margin: 20px 0 0; }
  .people_box .people > div:first-child { width: 100%; }
  .people_box .people > div:first-child h3 { font-size: 16px; line-height: 1.6; }
  .people_box .people > div:first-child p { margin: 10px 0 0 0; line-height: 1.8; }
  .people_box .people > div:last-child { width: 100%; text-align: center; margin: 20px 0 0 0; }
  .people_box .people > div:last-child img { width: 70%; max-width: 250px; margin: 0 auto; }
  .people_box .people > div:last-child span { font-size: 13px; margin: 10px 0 0 0; display: block; }
  .people_box .people > div:last-child p { font-size: 14px; margin: 0; line-height: 1.0; }
  .people_box .people > div:last-child small { font-size: 12px; } }