/*==========================
COMMON
==========================*/

.news{
    background-color: #f6f8f3;
    max-width:390px;
    margin:0 auto;
    padding:120px 20px;
}

.section-title h3{
    font-family:"Helvetica Neue", Helvetica,Arial,;
    font-size:26px;
    font-weight:400;
    line-height:1;
}

.section-title p{
    font-family: "Yu Gothic", "游ゴシック", sans-serif;
    margin-top:8px;
    font-size:14px;
}

.subtitle {
    font-family: "Yu Gothic", "游ゴシック", sans-serif;
    font-weight:600;
    margin-top:8px;
    font-size:16px;
}

.news-list{
    display:flex;
    flex-direction:column;
    gap:32px;
}

.news-card{
    display:block;
    color:#000;
    text-decoration:none;
}

.news-card img{
    display: block;
    margin-top: 40px;
    width:100%;
    /* aspect-ratio:16/9; */
    object-fit:cover;
    display:block;
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.news-text time{
    display:block;
    margin-top:16px;
    font-size:12px;
    font-family:"Helvetica Neue", Helvetica,Arial,;
}

.news-text h4{
    margin-top:10px;
    font-size:18px;
    line-height:1.5;
    font-weight:700;
    font-family: "Yu Gothic", "游ゴシック", sans-serif;
}

.news-card img{
    transition:.4s;
}

.news-card:hover img{
    opacity:.7;
}

/*==========================
ARTICLE
==========================*/
.news{
    background-color: #f6f8f3;
    max-width:390px;
    margin:0 auto;
    padding:120px 20px;
}

.back-link{
    display:inline-block;
    margin-bottom:48px;
    font-size:14px;
    color:#000;
    text-decoration:none;
    font-family:"Helvetica Neue", Helvetica,Arial,;
}

.news-detail time{
    display:block;
    margin:20px 0;
    font-size:14px;
    letter-spacing:.05em;
    font-family:"Helvetica Neue", Helvetica,Arial,;
}

.news-detail h1{
    font-size:20px;
    line-height:1.4;
    margin-bottom:20px;
    font-weight:500;
    font-family: "Yu Gothic", "游ゴシック", sans-serif;
}

.hero-image{
    width:100%;
    display:block;
    margin-bottom:30px;
}

.article-body{
    font-size:16px;
    line-height:2;
}

.article-body p{
    margin-bottom:36px;
}

.article-body img{
    width:100%;
    display:block;
    margin:60px 0;
}

.back-link.bottom{
    margin-top:40px;
}