.ss-banners {
  .ss-banners__title {
    margin-bottom: var(--sp-18);
    text-align: center;
    line-height: 1.1;
    font-size: clamp(var(--sp-6d5), 2.5vw, var(--sp-10));

    @media screen and (max-width: 990px) {
      margin-bottom: var(--sp-10);
      line-height: 1.2;
    }
  }

  .ss-banners__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--sp-16);
    row-gap: var(--sp-23);

    @media screen and (max-width: 1024px) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (max-width: 990px) {
      grid-template-columns: repeat(1, 1fr);
      column-gap: var(--sp-18);
    }

    .ss-banner {
      .ss-banner__link {
        display: flex;
        flex-direction: column;
      }

      .ss-banner__title {
        margin-top: var(--sp-5d5);
        font-size: var(--sp-6d5);
        line-height: 1.2;
        text-align: center;

        @media screen and (max-width: 990px) {
          margin-top: var(--sp-5);
        }
      }
    }
  }
}