@charset "utf-8";

/* ---------------------sub_mv-------------------- */
.sub_mv{
    background: url(/assets/img/news/sub_mv.jpg) no-repeat center center/cover;
}

/* ---------------------newsList-------------------- */

.newsList{
    padding: 293px 0 128px;
}

.newsList .wrap{
    max-width: 1280px;
}

.newsList h2{
    padding-bottom: 88px;
    border-bottom: 1px solid #E1E1E1;
}

.news_li li{
    padding: 40px;
    border-bottom: 1px solid #E1E1E1;
}

.news_li .acco summary {
    display: flex;
    position: relative;
    cursor: pointer;
    column-gap: 48px;
}

.news_li .acco summary::-webkit-details-marker {
    display: none;
}

.news_li .acco summary::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--main);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.news_li .acco summary::after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--main);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transition: all .3s;
}

.news_li .acco[open] summary::after {
    transform: rotate(0deg);
    opacity: 0;
}

.news_li .acco .time{
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    color: var(--main);
}

.news_li .acco summary h3{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: var(--black);
}

.news_li .acco .text{
    transform: translateY(-20px);
    padding-top: 32px;
    padding-left: 135px;
    line-height: 1.8;
    color: var(--black);
    opacity: 0;
    transition: all .5s;
}

.news_li .acco[open] .text {
    transform: none;
    opacity: 1;
}

.hide{
    display: none;
}


@media screen and (max-width:750px) {
    /* ---------------------sub_mv-------------------- */
    .sub_mv{
        background: url(/assets/img/news/sub_mv_sp.jpg) no-repeat center center/cover;
    }

    /* ---------------------newsList-------------------- */

    .newsList{
        padding: calc((100 / 390) * 146 * 1vw) 0 calc((100 / 390) * 64 * 1vw);
    }

    .newsList .wrap{
        max-width: calc((100 / 390) * 358 * 1vw);
    }

    .newsList h2{
        padding-bottom: calc((100 / 390) * 56 * 1vw);
        border-bottom: calc((100 / 390) * 1 * 1vw) solid #E1E1E1;
    }

    .news_li li{
        padding: calc((100 / 390) * 32 * 1vw) calc((100 / 390) * 16 * 1vw);
        border-bottom: calc((100 / 390) * 1 * 1vw) solid #E1E1E1;
    }

    .news_li .acco summary {
        display: block;
    }

    .news_li .acco summary::before {
        width: calc((100 / 390) * 20 * 1vw);
        height: calc((100 / 390) * 2 * 1vw);
    }

    .news_li .acco summary::after {
        width: calc((100 / 390) * 20 * 1vw);
        height: calc((100 / 390) * 2 * 1vw);
    }

    .news_li .acco .time{
        display: block;
        margin-bottom: calc((100 / 390) * 8 * 1vw);
        font-size: calc((100 / 390) * 16 * 1vw);
    }

    .news_li .acco summary h3{
        font-size: calc((100 / 390) * 15 * 1vw);
    }

    .news_li .acco .text{
        transform: translateY(calc((100 / 390) * -20 * 1vw));
        padding-top: calc((100 / 390) * 25 * 1vw);
        padding-left: 0;
        font-size: calc((100 / 390) * 15 * 1vw);
    }


}