:root {
    --color-pink: #e467bb;
    --color-pink-light: #ea86c8;
    --color-pink-lighter: #f1b1dc;
    --color-pink-pale: #fcf5fa;
    --color-blue: #4994df;
    --color-blue-light: #86b8ea;
    --color-blue-lighter: #b1d1f1;
    --color-blue-pale: #f5f9fc;
}

.top_news {
    .top_news_wrapper {
        /* @media (min-width: 768px) {
            position: relative;
        } */
        > .module_button {
            /* @media (min-width: 768px) {
                position: absolute;
                top: -4px;
                right: 0;
                margin-top: 0 !important;
            } */
            .module_button-01 {
                width: 232px;
                font-size: 16px;
                padding: 8px 24px;
            }
        }
    }
    .top_news_wrapper + .top_news_wrapper {
        margin-top: 64px;
        @media (min-width: 768px) {
            margin-top: 104px;
        }
    }
    .top_title-03 {
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 8px;
        position: relative;
        padding-left: 20px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        @media (min-width: 768px) {
            font-size: 24px;
            margin-bottom: 20px;
        }
    }
    .top_title-03::before {
        content: "";
        top: 12px;
        position: absolute;
        left: 0;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: linear-gradient(to bottom, #5e35b1, #c5adf9);
        @media (min-width: 768px) {
            top: 16px;
        }
    }
}
.top_news .global_inner .news_a {
    .news_container {
        background-color: var(--color-pink-pale);
    }
    .news_container::-webkit-scrollbar-thumb {
        background-color: var(--color-pink);
    }
    .top_title-03::before {
        background: linear-gradient(to bottom, var(--color-pink) 65%, var(--color-pink-lighter));
    }
    dl.topinfo dt {
        color: var(--color-pink);
    }
    .module_button .module_button-01 {
        background: linear-gradient(to right, var(--color-pink) 65%, var(--color-pink-lighter));
    }
}
.top_news .global_inner .news_b {
    .news_container {
        background-color: var(--color-blue-pale);
    }
    .news_container::-webkit-scrollbar-thumb {
        background-color: var(--color-blue);
    }
    .top_title-03::before {
        background: linear-gradient(to bottom, var(--color-blue) 65%, var(--color-blue-lighter));
    }
    dl.topinfo dt {
        color: var(--color-blue);
    }
    .module_button .module_button-01 {
        background: linear-gradient(to right, var(--color-blue) 65%, var(--color-blue-lighter));
    }
}