@charset "utf-8";

.news{
    padding: 104px 0 136px;
}



.news-list{
    border-top: 1px solid var(--border_gray);
}

.news-list__item{
    border-bottom: 1px solid var(--border_gray);
}

.news-list__details summary {
    display: flex;
    padding: 40px;
    align-items: center;
    position: relative;
    cursor: pointer;
    column-gap: 40px;
}

.news-list__details summary::-webkit-details-marker {
    display: none;
}

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

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

.news-list__details[open] summary::after {
    transform: rotate(0deg);
    opacity: 0;
}


.news-list__time{
    font-size: 14px;
    line-height: 1.8;
    font-weight: 400;
    color: var(--primary);
}

.news-list__title{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
    color: var(--color-text-primary);
}


.accordion-content{
    margin-top: -16px;
    overflow: hidden;
    height: 0;
    transition: height 0.4s ease;
}

.accordion-inner {
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.news-list__details[open] .accordion-inner {
    transform: translateY(0);
    opacity: 1;
}

.news-list__text{
    padding: 0 40px 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-text-primary);
}






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

    .news{
        padding: calc((100 / 390) * 56 * 1vw) 0 calc((100 / 390) * 72 * 1vw);
    }
    
    
    
    .news-list{
        border-top: calc((100 / 390) * 1 * 1vw) solid var(--border_gray);
    }
    
    .news-list__item{
        border-bottom: calc((100 / 390) * 1 * 1vw) solid var(--border_gray);
    }
    
    .news-list__details summary {
        display: block;
        padding: calc((100 / 390) * 24 * 1vw) calc((100 / 390) * 16 * 1vw);
    }
        
    .news-list__details summary::before {
        width: calc((100 / 390) * 22 * 1vw);
        height: calc((100 / 390) * 2 * 1vw);
    }
    
    .news-list__details summary::after {
        width: calc((100 / 390) * 22 * 1vw);
        height: calc((100 / 390) * 2 * 1vw);
    }
        
    .news-list__time{
        display: block;
        margin-bottom: calc((100 / 390) * 8 * 1vw);
        font-size: calc((100 / 390) * 14 * 1vw);
    }
    
    .news-list__title{
        font-size: calc((100 / 390) * 15 * 1vw);
    }


    .accordion-content{
        margin-top: calc((100 / 390) * -4 * 1vw);
    }
    
    .accordion-inner {
        transform: translateY(calc((100 / 390) * -20 * 1vw));
    }
    
    
    .news-list__text{
        padding: 0 calc((100 / 390) * 16 * 1vw) calc((100 / 390) * 24 * 1vw);
        font-size: calc((100 / 390) * 15 * 1vw);
    }
    
    

}