.stockist-area {
  display: flex;

  .stockist-category {
    max-width: 400px;
    width: calc(100% / 3);
    font-size: 20px;
    letter-spacing: 0.02em;

    @media screen and (max-width: 768px) {
      font-size: 16px;
      line-height: 18px;
      min-width: 115px;
    }

    .sticky-area {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      padding: 40px 0 120px;
      align-self: flex-start;

      @media screen and (max-width: 768px) {
        padding: 24px 0 144px;
      }
    }
  }

  .stockist-info {
    padding-bottom: 120px;
    li {
      margin-top: 40px;
      @media screen and (max-width: 768px) {
        margin-top: 24px;
      }
    }
    span {
      display: block;
    }

    .stockist-info1 {
      font-size: 18px;
      line-height: 21px;
      letter-spacing: 0.02em;
      margin-bottom: 8px;

      @media screen and (max-width: 768px) {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 4px;
      }
    }

    .stockist-info2,
    .stockist-info3 {
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 0.02em;

      @media screen and (max-width: 768px) {
        font-size: 13px;
        line-height: 18px;
      }
    }

    .online-link a {
      text-decoration: underline;
    }
  }
}