.pdf_title {
    font-size: 24px;
    line-height: 41px;
    max-width: 50%;
    padding: 42px 0 0;
    margin: 0 auto
}

.pdf_swiper{margin-top: 42px;}

.pdf_swiper .img {
    padding-bottom: calc((429 / 3.03) * 1%)
}

.pdf_swiper .title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pdf_swiper .title .icon {
    cursor: pointer;
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: url(../images/color/pdf_1.png) no-repeat center / cover;
    flex-shrink: 0
}

.pdf_swiper .item:hover .title a {
    color: var(--color-main)
}

.pdf_swiper .item .title .icon:hover {
    background: url(../images/color/pdf_2.png) no-repeat center / cover
}

.rec_news {
    margin-top: calc((60 / 19.2) * 1%)
}

@media screen and (max-width:950px) {
    .pdf_title {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.5
    }
}