.main {
    max-width: 128rem;
    width: 100%;
    margin-top: 6.1rem;
    padding: 11rem 0 20rem;
    background-image: url("../img/archive/archive_img_bc1.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    min-height: 100vh;
}

._inner {
    width: 104rem;
    margin: 0 auto;
}

.page-title {
    font-size: 5.4rem;
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    line-height: 1;
    color: #E95295;
    text-align: center;
    margin-bottom: 16rem;
}

.news__list {
    border-top: 1px solid #CCCCCC;
}

.news__item a {
    border-bottom: 1px solid #CCCCCC;
    display: flex;
    padding: 2rem 4rem;
    align-items: center;
}

.news__thumbnail {
    width: 20rem;
    height: 13rem;
    margin-right: 4rem;
    border-radius: 0.8rem;
    overflow: hidden;
}

.news__meta,
.news__title {
    font-size: 1.8rem;
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 400;
    line-height: calc(27 / 18);
    color: #333333;
}

.news__meta {
    min-width: 0;                                                                                                   
    flex: 1;  
}

.news__title {
    margin: 0.6rem 0 2rem;
}

.news__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.news__tag {
    color: #fff;
    padding: 0.5rem 2rem;
    font-size: 1.6rem;
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 400;
    line-height: calc(18 / 16);
}

.news__tag--event {
    background-color: #DE8158;
}

.news__tag--recruit {
    background-color: #4081C3;
}

.news__tag--komaki {
    background-color: #44B1A8;
}

.news__tag--yasuragi {
    background-color: #F394CD;
}

.news__tag--kokura {
    background-color: #DC6B76;
}

.news__tag--campaign {
    background-color: #C39340;
}

.news__tag--uncategorized {
    background-color: #333333;
}

.nav-links {
    display: flex;
    gap: 2rem;
    width: fit-content;
    margin: 10rem auto 0;
}

.nav-links a,
.nav-links span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #E95295;
    color: #fff;
    font-size: 1.6rem;
    font-family: "LINE Seed JP", sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 699.98px) {
    
    .main {
        width: 37.5rem;
        background-size: auto 100%;
    }

    ._inner {
        width: 34.5rem;
        margin: 0 auto;
    }

    .news__item a {
        display: block;
        padding: 3rem 2rem;
    }

    .news__thumbnail {
        width: 30.5rem;
        height: 20rem;
        margin-bottom: 1.8rem;
    }

    .news__meta,
    .news__title {
        font-size: 1.6rem;
        line-height: calc(24 / 16);
        overflow: hidden;
    }

    .news__tag {
        font-size: 1.6rem;
        padding: 0.5rem 1rem;
    }
}