.csr {
  .nav_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .nav_item {
    font-size: 14px;
    border-radius: 20px;
    overflow: hidden;
    filter: drop-shadow(4px 4px 4px var(--color-gray-light));
  }
  .nav_item a,
  .nav_item.nolink {
    padding: 30px 30px 40px 30px;
    height: 100%;
    background: var(--color-white);
    display: block;
    position: relative;
  }
  .nav_item .text-right {
    transition: color 0.25s ease;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
  .nav_item a:hover .text-right {
    color: var(--brand-color1);
  }
  .nav_item .fa-circle-chevron-right {
    margin: 0 0 0 5px;
  }
  .nav_item figure {
    width: fit-content;
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 680px) {
  .csr {
    .nav_list {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
    }
    .nav_item a {
      padding-top: 20px;
    }
  }
}