.down_arrow {
    width: 34%;
    margin: 0 auto;
    display: block;
    fill: #9b9b9c;
  }

  body {
    counter-reset: number 0;
  }

  .index .c-article__list {
    list-style: none;
    position: relative;
  }

  .index .c-article__list::before {
    counter-increment: number 1;
    content: counter(number) ".";
    display: inline;
    position: absolute;
    left: -1.1rem;
  }

  .index .c-article__list:nth-child(3)::before,
  .index .c-article__list:nth-child(4)::before,
  .index .c-article__list:nth-child(5)::before {
    top: -1px;

  }

  .index .c-article__list:nth-child(3) a,
  .index .c-article__list:nth-child(4) a,
  .index .c-article__list:nth-child(5) a {
    display: grid !important;
    grid-template-columns: 6rem 1fr;
  }