.p-page-hr {
  .p-page-hr-the-three-pillars {
    padding: 150px 0;

    .p-page-hr-the-three-pillars-visual {
      margin-top: 50px;
    }
  }

  .p-page-hr-the-three-pillar-contents {
    background: var(--color-gradient-02);
    padding: 150px 0;
  }
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .p-page-hr {
    .p-page-hr-the-three-pillars {
      .l-container {
        margin: 0 var(--device-tab-padding);
      }
    }

    .p-page-hr-the-three-pillar-contents {
      .l-container {
        margin: 0 var(--device-tab-padding);
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .p-page-hr {
    .p-page-hr-the-three-pillars {
      padding: 100px 0;

      .l-container {
        margin: var(--layout-sp-container-margin);
      }
  
      .p-page-hr-the-three-pillars-visual {
        margin: 50px 20px 0 20px;
      }
    }
  
    .p-page-hr-the-three-pillar-contents {
      padding: 100px 0;

      .l-container {
        margin: var(--layout-sp-container-margin);
      }
    }
  }
}