@charset "utf-8";

/* =====================================
    news 詳細ページの設定
===================================== */

#news {
    padding: 32px 12.8% 64px 12.8%;
}

.news-contents {
    margin-top: 32px;
}

.news__tab {
    font-size: 1.2rem;
    font-weight:400;
    color: var(--white);
    background-color: var(--royalblue);  
    padding: 8px 2.6%;
    width: fit-content;
}

.news__title {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--navy);
    margin-top: 20px;
}

.news__read {
    font-size: 1.4rem;
    font-weight:400;
    color: var(--navy);
    margin-top: 20px;
    line-height: 1.8;
}

.news-info {
    font-size: 1.4rem;
    font-weight:500;
    color: var(--navy);    
    border: solid 1px #09174E;
    padding: 8px 2.6%;
    width: fit-content;
    margin: 0 auto;
    margin-top: 50px;
}

.news-info:hover {
    opacity: 0.8;
    color: var(--royalblue);
    background-color: rgba(68, 116, 201, 0.1);
}

.news-event-details {
    margin-top: 20px;
}

.news-event__name,
.news-event__date,
.news-event__venue,
.news-event__other,
.news-event__site  {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--sumi);
}