@charset "utf-8";

.news-detail{
    padding:5rem 0 7rem;
}

.news-detail .inner{
    max-width:1000px;
}

.news-date{
    display:block;
    color:#777;
    margin-bottom:1.2rem;
}

.news-title{
    font-size: clamp(1.25rem, 1.8vw, 1.5rem);
    line-height: 1.5;
    margin-bottom: 2.5rem;
    color: #005c2e;
    font-weight: 600;
    height: 66px;
    display: flex;
    align-items: center;
    border-left: solid 6px #005c2e;
    padding-left: 28px;
}


.news-content {
    border-top: solid 1px #ccc;
}


.back-btn{
    margin-top:4rem;
}

.back-btn a{
    display:inline-block;
    border:1px solid #005c2e;
    padding:12px 30px;
    color:#005c2e;
    text-decoration:none;
    transition:.3s;
}

.back-btn a:hover{
    background:#005c2e;
    color:#fff;
}

/*----------------------------------------
 戻るボタン
----------------------------------------*/

.news-back{
    margin:clamp(4rem,6vw,6rem) 0 0;
    text-align:center;
}

.back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.8rem;
    min-width:220px;
    padding:.3rem 3rem;
    border:1px solid #005c2e;
    background: linear-gradient(135deg, #F8F9F9 0%, #F3F5F6 50%, #ECEFF2 100%);
    color:#005c2e;
    font-weight:500;
    cursor:pointer;
    transition:.35s;
}

.back-btn span{
    font-size:1.8rem;
    transition:.35s;
}

.back-btn:hover{
    background:#005c2e;
    color:#fff;
}

.back-btn:hover span{
    transform:translateX(-4px);
}



.news-list-area{
    padding:80px 0 120px;
}


.news-list{
    max-width:1000px;
    margin:auto;
}


.news-list li{
    border-bottom:1px solid #ddd;
}


.news-list a{
    display:flex;
    align-items:center;
    gap:40px;
    padding:25px 10px;
    color:#333;
    text-decoration:none;
}


.news-list time{
    width:100px;
    color:#005c2e;
    font-size:14px;
}




.news-list a:hover{
    opacity:.7;
}


@media(max-width:768px){

.news-list a{
    display:block;
}

.news-list time{
    display:block;
    margin-bottom:8px;
}

}