@charset "utf-8";

.pic_a4{position:relative;width:100%;background:transparent;}
.pic_a4 *{box-sizing:border-box;}
.pic_a4_list{display:flex;flex-wrap:wrap;gap:28px;margin:0;padding:0;list-style:none;}
.pic_a4_item{width:calc((100% - 84px) / 4);margin:0;padding:0;}
.pic_a4_link{display:block;text-decoration:none;}
.pic_a4_thumb{position:relative;width:100%;aspect-ratio:210/297;border-radius:24px;overflow:hidden;background:#f3f3f3;}
.pic_a4_thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;transition:transform .3s ease;}
.pic_a4_link:hover .pic_a4_thumb img{transform:scale(1.03);}
.pic_a4_txt{padding:18px 6px 0;text-align:center;}
.pic_a4_subject{display:block;margin:0;font-size:18px;font-weight:700;line-height:1.45;color:#222;letter-spacing:-0.03em;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic_a4_date{display:block;margin-top:10px;font-size:15px;font-weight:500;line-height:1.3;color:#a7a7a7;letter-spacing:-0.01em;}
.pic_a4_empty{width:100%;padding:80px 20px;font-size:17px;font-weight:500;line-height:1.5;color:#777;text-align:center;background:#f8f8f8;border-radius:24px;}

@media (max-width:1280px){
.pic_a4_list{gap:22px;}
.pic_a4_item{width:calc((100% - 66px) / 4);}
.pic_a4_thumb{border-radius:22px;}
.pic_a4_subject{font-size:17px;}
.pic_a4_date{font-size:14px;}
}

@media (max-width:991px){
.pic_a4_list{gap:22px;}
.pic_a4_item{width:calc((100% - 22px) / 2);}
.pic_a4_thumb{border-radius:22px;}
.pic_a4_txt{padding:16px 4px 0;}
.pic_a4_subject{font-size:17px;}
}

@media (max-width:640px){
.pic_a4_list{gap:18px;}
.pic_a4_item{width:100%;}
.pic_a4_thumb{border-radius:18px;}
.pic_a4_txt{padding:14px 2px 0;}
.pic_a4_subject{font-size:16px;}
.pic_a4_date{margin-top:8px;font-size:13px;}
.pic_a4_empty{padding:50px 16px;font-size:15px;border-radius:18px;}
}