/* Page Header（ページヘッダー）
-------------------------------------------------------- */


.topics-index .pageHeader::before {
    width: 1080px;
    height: 120px;
    right: 5%;
    background: url(../images/page-header-topics.jpg) no-repeat;
    background-size: cover;
}

@media (max-width: 1600px) {
    .topics-index .pageHeader::before {
        right: -10%;
    }
}

@media (max-width: 1280px) {
    .topics-index .pageHeader::before {
        right: -25%;
    }
}

@media (max-width: 900px) {
    .topics-index .pageHeader::before {
        background: url(../../../map/assets/images/page-header-info-tab.jpg) no-repeat;
        background-size: cover;
    }
}

@media (max-width: 768px) {
    .topics-index .pageHeader::before {
        width: 112%;
        background: url(../../../map/assets/images/page-header-info.jpg) no-repeat;
        background-size: contain;
        left: 30%;
    }
}

@media (max-width: 640px) {
    .topics-index .pageHeader::before {
        background: url(../../../map/assets/images/page-header-info-tab.jpg) no-repeat;
        width: 200px;
        background-size: cover;
        left: 47%;
    }
}


/* .frontNews-body
-------------------------------------------------------- */

.frontNews-body {
    margin-bottom: 4em;
}

.frontNews-body h3{
    font-size: 1.4rem;
}

.topics-index .frontNewsList-item {
    width: 80%;
    margin: auto auto 1em;
    padding-bottom: 1em;
    border-bottom: #ddd thin dotted;
}

.back-to-top {
    margin: auto auto 3em;
}

@media print,
screen and (min-width: 769px) {
    .back-to-top {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    
    .topics-index .frontNewsList-item {
    width: 95%;
    }
    
    .back-to-top {
        width: 70%;
    }
}