:root {
  --bg-pc: #f6f6f6;
  --color-pc: #111915; }

[class^="greenweave-process-"] {
  padding: 80px 0; }

@media (max-width: 767px) {
  [class^="greenweave-process-"] {
    padding: 40px 0; } }

@media (min-width: 992px) {
  .greenweave-layout-process .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px; } }

@media (min-width: 1200px) {
  .greenweave-layout-process .container {
    max-width: 1170px; } }

@media (min-width: 1366px) {
  .greenweave-layout-process .container {
    max-width: 1290px; } }

@media (min-width: 1600px) {
  .greenweave-layout-process .container {
    max-width: 1410px; }
  .greenweave-layout-process .container-fluid {
    max-width: 1800px; } }

.greenweave-layout-process {
  background: var(--bg-pc);
  color: var(--color-pc); }

#btn-scroll {
  scroll-margin-block-start: 90px; }
  @media (max-width: 767px) {
    #btn-scroll {
      scroll-margin-block-start: 70px; } }

.greenweave-process-breadcrumb {
  padding: 120px 0 40px;
  text-align: center; }
  .greenweave-process-breadcrumb h1 {
    font-size: 58px;
    margin-bottom: 25px; }
  .greenweave-process-breadcrumb .icon-down a svg {
    fill: var(--color-pc); }
  @media (max-width: 767px) {
    .greenweave-process-breadcrumb {
      padding: 60px 0 20px; }
      .greenweave-process-breadcrumb h1 {
        font-size: 28px;
        margin-bottom: 15px; } }