@charset "utf-8";

/* ↓↓↓ works ↓↓↓ */
.works {
  padding: 12rem 2rem;

  .block {
    +.block {
      margin-top: 10rem;
    }
  }

  .point_list {
    margin-top: 2.4rem;
    padding-left: 2.7rem;

    .item {
      position: relative;
      font-size: max(10px, 1.5rem);
      color: #222;
      letter-spacing: 0.1em;
      line-height: 2;
      padding-left: 2rem;

      &::before {
        content: 'ー';
        position: absolute;
        top: 0;
        left: 0;
        color: var(--cosmos-blue);
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .works {
    padding: 6.4rem 2rem 8rem;

    .block {
      +.block {
        margin-top: 8rem;
      }
    }

    .point_list {
      padding-left: 0;
    }
  }
}

/* ↑↑↑ works ↑↑↑ */