.pdf-wrap {
    margin: 100px 0;
}
.pdf-wrap > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    background-color: #fcfcfc;
}
.pdf-box figure {
    background-color: #fff;
}
.pdf-box figure img {
    display: inline;
}

.pdf-box:hover figure {
    box-shadow: 1px 1px 5px #999;
    transition: .3s;
}
.pdf-box:hover p {
    opacity: .8;
    transition: .3s;
}
/*=====
レスポンシブ
=====  */
@media screen and ( max-width:1024px) {
    .pdf-wrap > div {
        grid-template-columns: 1fr 1fr;
    }
}