.reasons__list {
  list-style: none;
  padding-block-start: var(--margin-2);
  padding-inline: 0;
  margin: 0;
  width: 100%;

  .reasons__list--item {
    width: fit-content;
    margin-block-end: var(--margin-2);
    display: block;

    &:nth-of-type(2) {
      margin-inline-start: 20%;

      @media screen and (max-width: 1440px) {
        margin-inline-start: min(15%, 200px);
      }

      @media screen and (max-width: 750px) {
        margin-inline-start: 0;
      }
    }

    &:nth-of-type(3) {
      margin-inline-start: 40%;

      @media screen and (max-width: 1440px) {
        margin-inline-start: min(30%, 400px);
      }

      @media screen and (max-width: 750px) {
        margin-inline-start: 0;
      }
    }

    .reasons__list-badge {
      background-color: var(--kobutsuya-blue);
      color: var(--kobutsuya-white);
      display: inline-flex;
      align-items: center;
      gap: calc(var(--base-fs) * 3);
      height: calc(var(--base-fs) * 30);
      margin-block-end: calc(var(--margin-1) / 2);

      .reasons__list-badge--text {
        font-size: var(--font-size24);
        font-weight: 600;
      }

      .reasons__list-badge--number {
        font-size: var(--font-size32);
        font-weight: 600;
      }
    }

    .reasons__list--title {
      font-size: var(--font-size32);
      font-weight: 600;
      color: var(--kobutsuya-blue);
    }

    .reasons__list--text {
      color: var(--kobutsuya-blue);
      font-size: var(--font-size24);

      @media screen and (max-width: 750px) {
        font-size: var(--font-size16);
      }
    }
  }
}