.ys-category-casestudy {

}
.ys-category-casestudy__inner {

}

.ys-category-casestudy__thumbnail {
  height: 316px;
  padding: var(--wp--preset--spacing--30);
  background-color: var(--wp--preset--color--custom-white);
  margin-block-end: var(--wp--preset--spacing--20);
  position: relative;
  
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 0.4);
    opacity: 0;
    transition: opacity 0.1s ease-out;
    z-index: 2;
  }
  
  &:hover::before {
    opacity: 1;
  }
  
  img {
    display: block;
    width: 100%;
    height: 100%;
    margin-inline: auto;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 1039px) {
  .ys-category-casestudy__thumbnail {
    padding: 17px;
    width: 100%;
    height: auto;
    aspect-ratio: 327 / 218;
  }
}

.ys-category-casestudy__content {

}

.ys-category-casestudy__title {
  margin-block-end: var(--wp--preset--spacing--20);
}

.ys-category-casestudy__tags {

}

.ys-category-casestudy__excerpt {

}

.ys-category-casestudy__link {

}

.ys-ellipsis-2lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(2 * 1.2em); /* 2行分の高さを確保（line-height:1.2の場合） */
  line-height: 1.2;
  max-height: calc(2 * 1.2em);
}