.c-achievement-card {
  display: grid;
  padding: 20px;
  gap: 20px;
  border-radius: 20px;
  background-color: #FFF;

  .c-achievement-card__image {
    object-fit: cover;
    height: 210px;
    align-self: stretch;
    border-radius: 10px;
    overflow: hidden;
  }

  .c-achievement-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .c-title-h5, 
  .c-text {
    display: -webkit-box;
    color: var(--color-text);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .c-title-h5 {
    -webkit-line-clamp: 3;
  }

  .c-text {
    -webkit-line-clamp: 2;
  }
}

.c-achievement-card--link {
  text-decoration: none;
}

/* PCのみ */
@media (hover: hover) and (pointer: fine) {
  .c-achievement-card--link {
    transition: all .3s linear;

    &:hover {
      opacity: 0.5;
    }
  }
}

@media screen and (max-width: 1024px) {
  .c-achievement-card {
    .c-achievement-card__image {
      width: 100%;
      height: 217px;
    }
  }
}