/*********
ページネーション
**********/
.pagination {
    display: flex;
    gap: 1.5em;
    justify-content: center;
    align-items: center;
}

.pagination a {
    text-decoration: none;
    color: var(--color-font);
}

.pagination .pagination_btn {
    display: flex;
    gap: 8px;
}

.prev-page::before {
    content: "<";
}

.next-page::after {
    content: ">";
}

.pagination .current_page {
    position: relative;
    line-height: 1em;
    padding: 8px;
    text-align: center;
    width: 1em;
    color: white;
    z-index: 10;
}

.pagination .current_page::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    width: 1.5em;
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    background: var(--color-font);
    z-index: -10;
}

/*********
    section
**********/
#cards {
    margin-top: 2em;
    padding: 20px;
}

/*********
    fv
**********/

.fv {
    background: linear-gradient(rgb(0 0 0 / .2), rgb(0 0 0 / .2) 75%, rgb(0 43 49 / 1) 100%), url(fv.jpg);
    background-size: cover;
    background-position: 80% 50%;
}