@charset "utf-8";

.pic_lt > ul { margin: 0 -10px; display: flex; justify-content: space-between; align-items: stretch; }
.pic_lt > ul > li { width: 255px; margin: 0 10px; }
.pic_lt > ul > li > a { display: block; width: 100%; height: 100%; }
.pic_lt > ul > li > a > img { width: 100%; height: 255px; border-radius: 14px; overflow: hidden; }
.pic_lt .text { margin-top: 10px; font-size: 15px; font-weight: 400; color: var(--gray-33);
display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden; }


/* 1440px or less */
@media all and (max-width : 1440px){ 
    .pic_lt > ul > li { width: 33.333%; margin: 0 10px; }
    .pic_lt > ul > li > a > img { width: 100%; height: 195px; }
}

/* 1200px or less */
@media all and (max-width : 1200px){ 
    .pic_lt > ul > li { width: 33.333%; margin: 0 5px; }
    .pic_lt > ul > li > a > img { height: 150px; }
}

/* 767px or less */
@media all and (max-width : 767px){ 
    .pic_lt > ul > li { width: 50%; margin: 0 5px; }
    .pic_lt > ul > li > a > img { height: auto; }
    .pic_lt > ul > li:last-child { display: none; }
}