@charset "UTF-8";

/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............目次
 * CHANGE_STYLES.......スタイル変更
 */





/*------------------------------------*\
    $CHANGE_STYLES
\*------------------------------------*/
.head__title {
    background-image: url(../images/news/bg-head.png);
}

    .head__title p img {
        width: calc(1em * (100.65 / 50));
    }





@media screen and (min-width: 768px) {
    .news-archive {
        padding-top: 111px;
        padding-bottom: 128px;
    }
}
@media screen and (max-width: 767px) {
    .news-archive {
        padding-top: 48px;
        padding-bottom: 64px;
    }
}

    .news-archive__content {
        max-width: 966px;
        margin-inline: auto;
    }
    @media screen and (min-width: 768px) {
        .news-archive__content {
            margin-top: 55px;
        }
    }
    @media screen and (max-width: 767px) {
        .news-archive__content {
            margin-top: 32px;
        }
    }

        @media screen and (min-width: 768px) {
            .news-archive__list {
                margin-bottom: 64px;
            }
        }
        @media screen and (max-width: 767px) {
            .news-archive__list {
                margin-bottom: 48px;
            }
        }

            .news-archive__item {
                border-bottom: 1px dashed var(--neutralColor);
                font-weight: 700;
                white-space: nowrap;
            }
            @media screen and (min-width: 768px) {
                .news-archive__item {
                    padding-bottom: 32px;
                }
                .news-archive__item + .news-archive__item {
                    margin-top: 32px;
                }
            }
            @media screen and (max-width: 767px) {
                .news-archive__item {
                    padding-bottom: 16px;
                }
                .news-archive__item + .news-archive__item {
                    margin-top: 16px;
                }
            }

                .news-archive__head {
                    display: flex;
                    font-weight: 700;
                }

                    .news-archive__date {
                        margin-right: 16px;
                        color: var(--primaryColor);
                        font-size: 1.4rem;
                        line-height: 1.5;
                    }

                    .news-archive__cat {
                        display: flex;
                        align-items: center;
                        column-gap: 7px;
                    }

                        .news-archive__cat__item {
                            padding-inline: 7px;
                            color: white;
                            font-size: 1.4rem;
                            line-height: calc(22 / 14);
                            border-radius: 2px;
                            background-color: var(--secondaryColor);
                        }


                .news-archive__link {
                    display: block;
                    width: fit-content;
                    margin-top: 16px;
                    overflow: hidden;
                    font-size: 1.6rem;
                    line-height: 2;
                    text-overflow: ellipsis;
                }
                @media (any-hover: hover) {
                    .news-archive__link:hover {
                        text-decoration: underline;
                    }
                }