.stockist-area {
  display: flex;

  .stockist-category {
    max-width: 400px;
    width: calc(100% / 3);

    font-family: var(--font-dm-sans);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 3%;
    vertical-align: middle;
    text-transform: uppercase;

    @media screen and (max-width: 768px) {
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0%;
      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-family: var(--font-dm-sans);
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 3%;
      vertical-align: middle;
      color: #fcfafa;
      margin-bottom: 8px;

      @media screen and (max-width: 768px) {
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        margin-bottom: 5px;
      }
    }

    .stockist-info2,
    .stockist-info3 {
      font-family: var(--font-noto-sans-jp);
      font-weight: 400;
      font-size: 16px;
      line-height: 140%;
      letter-spacing: 2%;
      vertical-align: middle;
      text-transform: capitalize;
      margin-bottom: 3px;
      color: #888;

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

    .stockist-info2 {
      margin-bottom: 3px;
    }

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

.stockist-area:last-child .stockist-info {
  padding-bottom: 0;
}