.system-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 20px;
        grid-auto-rows: 1fr;
      }

      .system-list__pair {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        grid-auto-rows: 1fr 1fr;
        gap: 20px;
      }
      .system-list__item {
        position:relative;
        display: grid;
        grid-template-rows: 3fr 1fr;
        max-height: 500px;
        border-radius: 15px;
        box-shadow:
          0 0 1px 0 rgba(0, 0, 0, 0.2),
          0 2px 4px 0 rgba(0, 0, 0, 0.2);
        overflow: hidden;

	& .system-list__link{
	position:absolute;
	inset:0;
	}
        & img {
          width: 100%;
          height: 100%;
          max-height: 400px;
          object-fit: cover;
          border-radius: 20px;
          border: 6px solid rgb(0 0 0 / 10%);
        }

        & .system-list__item-title {
            margin: 0;
	    padding: 15px;
	    font-size: 1.4rem;
	    display: grid;
	    align-items: start;
	    justify-content: center;
	    color: var(--color-primary);
        }
      }