#news-a {
        width: 100%;
        max-width: 1240px;
        min-height: 750px;
        margin: 0 auto;
        padding: 4rem 0;
        background: no-repeat url(../images/background2.png) top center / 100% 100%;
                position: relative;
                background-repeat: repeat-y;
                background-size: cover;
}

#news-a a {
        text-decoration: none;
}

#news-a .news-container {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 0.5rem;
}
#news-a .newsList {
        width: 84%;
        margin: 0 auto;
        list-style: none;
}


#news-a .top-imgbox {
        position: relative;
        width: 100%;
        height: 100px;
        overflow: hidden;
}

#news-a.top-imgbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
}
#news-a .news-topics {
        margin-left: 3rem;
}

/* ---------- ページ移動 ----------*/
#topics-list #newsWrap .pager {
        width: 100%;
        height: 3rem;
        text-align: center;
        padding-top: 0.5rem;
        margin-top: 2rem;
        padding-bottom: 3rem;
}

#topics-list #newsWrap .pager a {
        border: 1px solid var(--bluegray-color);
        color: var(--bluegray-color);
        font-size: 1.4rem;
        padding: 5px 10px;
        text-decoration: none;
        margin: 0 1px;
}

#topics-list #newsWrap .pager a.current {
        background: var(--bluegray-color);
        border: 1px solid var(--bluegray-color);
        color: #fff;
        padding: 5px 10px;
        margin: 0 1px;
        text-decoration: none;
}

.detail-contents {
        width: 100%;
        padding: 4rem 0;
        background: no-repeat url(../images/background2.png) top center / 100% 100%;
        position: relative;
        background-repeat: repeat-y;
        background-size: cover;
}
.detail-topics-wrap {
        width: 94%;
        max-width: 1240px;
        margin: 0 auto;
}
#detail-box .detailText {
        background-color: #ffffff00 !important;
        font-family: 'Noto Serif JP', '游明朝 Medium', '游明朝体', 'Yu Mincho Medium', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ 明朝', MS Mincho, 'ＭＳ Ｐ明朝', 'MS PMincho', serif !important;
}
#detail-box .detailText span {
        background-color: #ffffff00 !important;
        font-family: 'Noto Serif JP', '游明朝 Medium', '游明朝体', 'Yu Mincho Medium', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ 明朝', MS Mincho, 'ＭＳ Ｐ明朝', 'MS PMincho', serif !important;
        font-size: 16px !important;
        line-height: 1.8 !important;
}
.detail-topics-wrap h2 {
        padding-bottom: 2rem;
}
#detail-box .detailText p {
        background-color: #ffffff00 !important;
        font-size: 16px;
        font-weight: 700;
}
.detailUpfile img {
        display: block;
        width: 100%;
        margin: 0 auto;
}
.back-btn-link {
        display: block;
        width: 100%;
        color: #fff;
        width: 200px;
        padding: 0.8rem 1rem;
        margin: 4rem auto 0;
        text-align: center;
}
.back-btn-link a {
        display: block;
        color: #fff;
        background: #3D3D3E;
        width: 200px;
        padding: 0.8rem 1rem;
        margin: 0 auto;
        text-align: center;
        text-decoration: none;
        list-style: none;
}

.text-style input {
        background: #1c222d;
        padding: 1rem;
        color: #fff;
}

@media screen and (max-width:768px) {
#news-a {
        padding: 0 0 4rem;
}
#news-a .news-topics {
        margin-left: 0;
}
}