/*----------------------------------------------------------
Index-/news/style.css
1.upDown
2.news
----------------------------------------------------------*/

/*----------------------------------------------------------
1.upDown
----------------------------------------------------------*/

.upDown span::before,
.upDown span::after {
    background: none;
    border-top: 2px solid #525b5c;
    border-left: 3px solid #ea002a;
}

.upDown span::after {
    transform: rotate(180deg);
}

@media screen and (min-width: 769px) {

    .upDown span {
        font-size: 4rem;
        padding: 22px 40px;
    }

    .upDown span::before,
    .upDown span::after {
        width: 20px;
        height: 40px;
    }

}

@media screen and (max-width: 768.9px) {

    .upDown span {
        display: block;
        padding: 10px 24px;
    }

    .upDown span::before,
    .upDown span::after {
        width: 14px;
        height: 28px;
    }

}

/*----------------------------------------------------------
2.news
----------------------------------------------------------*/

.news {
    padding: 0;
}

@media screen and (min-width: 769px) {

    .news_box {
        border: 1px solid #ccc;
        padding: 8px 32px;
    }

}

@media screen and (max-width: 768.9px) {

    .news_box {
        border-top: 1px solid #525b5c;
        border-bottom: 1px solid #525b5c;
    }

}