.page_pdf {
    background: #2c2c2c;
    padding: calc((120 / 19.2) * 1%) 0 calc((72 / 19.2) * 1%)
}

.pdf_list .item {
    padding: 27px 36px 33px 30px;
    flex-direction: row;
    border: 1px solid #4a4a4a;
    margin-top: 42px
}

.pdf_list .item:first-child {
    margin-top: 0
}

.pdf_list .item:hover {
    border-image: linear-gradient(90deg, #3a3a3a, #ffffff, #3a3a3a) 2 2;
    background: rgba(0, 0, 0, 0)
}

.pdf_list .item .img {
    width: 229px;
    height: 229px;
    padding: 0;
    flex-shrink: 0;
    margin-right: 50px
}

.pdf_list .item .title {
    font-weight: bold;
    font-size: 24px;
    color: #ffffff
}

.pdf_list .item .desc {
    margin-top: 33px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px
}

.pdf_list .item .down {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.pdf_list .item .down .downlink {
    width: 65px;
    height: 65px;
    background: url("../images/color/pdf_2.png") no-repeat center / contain
}

.pdf_list .item .down .downlink::after {
    content: "";
    display: block;
    width: 18px;
    height: 20px;
    background: url("../images/color/pdf_3.png") no-repeat center / contain
}

@media screen and (max-width:1440px) {
    .pdf_list .item {
        padding: 15px
    }

    .pdf_list .item .img {
        margin-right: 15px
    }

    .pdf_list .item .desc {
        margin-top: 10px
    }
}

@media screen and (max-width:950px) {
    .pdf_list .item {
        flex-direction: column;
        padding: 20px
    }

    .pdf_list .item .img {
        width: 100%;
        margin: 0;
        height: 0;
        padding-bottom: 70%
    }

    .pdf_list .item .info {
        width: 100%;
        margin-top: 20px
    }
}