.topic .heading--primary.imgBg {
    line-height: 1.44;
    background-image: url(../img/mv_topic.webp);
}

.topicArticle {
    padding-top: 0;
}

.topicArticle__lists .topicArticle__list {
    border-bottom: solid 1px var(--color-gray-lighter);
}

.topicArticle__lists .topicArticle__list a {
    display: flex;
    column-gap: 80rem;
    padding: 15rem 0;
    letter-spacing: .1em;
}

.topicArticle__lists .topicArticle__list:first-child a {
    padding-top: 0;

}

.pagination .pager__lists {
    display: flex;
    margin: 90rem auto 0;
    column-gap: 20rem;
    width: fit-content;
    flex-wrap:wrap;
}

.pagination .pager__lists .pager__list {
    width: 48rem;
    height: 48rem;
    line-height: 1;
    font-weight: 600;
    font-size: 24rem;
    border-radius: 8rem;
    border: solid 1px var(--color-gray);
    color: var(--color-gray);
    margin-bottom:1em;
}

.pagination .pager__lists .pager__list a {
    padding: 12rem 15rem;
    line-height: 1;
    font-weight: 600;
    border-radius: 8rem;
    display: block;
    color: var(--color-gray);
}

.pagination .pager__lists .pager__list.pager__number:hover {
    border: solid 1px var(--color-green);
    /* opacity: 1; */
    background-color: var(--color-green);
    transition: all 0.2s;
}

.pagination .pager__lists .pager__list.pager__number:hover a {
    color: var(--color-white);
    opacity: 1;
}

.pager__lists .pager__list.current {
    padding: 12rem 17rem;
    line-height: 1;
    font-weight: 600;
    border-radius: 8rem;
    background-color: var(--color-green);
    color: var(--color-white);
    border: none;
    pointer-events: none;
}

.pager__lists .pager__list.pager__arrow {
    border: none;
    padding: 0;
    position: relative;
    width: 33rem;
    cursor: pointer;
}

.pager__lists .pager__list.pager__arrow a {
    content: '';
    padding: 0;
    display: block;
    width: 24rem;
    height: 24rem;
    border-radius: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pager__lists .pager__list.pager__arrow.pager__arrow--left a {
    border-left: solid 1px var(--color-gray);
    border-bottom: solid 1px var(--color-gray);
    transform: rotate(45deg);
}

.pager__lists .pager__list.pager__arrow.pager__arrow--right a {
    border-right: solid 1px var(--color-gray);
    border-top: solid 1px var(--color-gray);
    transform: rotate(45deg);
}

.btn--prev {
    margin: 40rem auto 0;
    font-size: 16rem;
}

@media screen and (max-width: 767.9px) {
    .terms .heading--primary.imgBg {
        background-image: url(../img/mv_topic_sp.webp);
    }

    .topicArticle__list a {
        flex-direction: column;
    }


    .btn--prev {
        margin: 80rem auto 0;
    }
}