@media only screen and (max-width:960px) {
    .supportbanner { padding-top: 60px; }
}

.contentbg { background-color: #f5f5f5; width: 100%; }
.contentbig { width: 100%; max-width: var(--maxwidth); padding: 2rem 15px; margin: 0px auto; }
.route { width: 100%; }
    .route > a { font-size: 14px; color: #999; }
    .route > b { font-size: 1.5rem; display: block; color: #000; font-weight: 400; }
    .route > p { font-size: 1rem; color: rgba(0,0,0,0.33); font-weight: 400; margin-top: 10px; }

@media only screen and (max-width:960px) {
    .route > b { font-size: 1.25rem; }
}

@media only screen and (max-width:960px) {
    .route > a { font-size: 12px; }
    .route > b { font-size: 14px; }
}


.contentbig > .text { margin-top: 2rem; }


.lista { width: 100%; position: relative; }
    .lista > .box { position: absolute; top: 3rem; left: 30%; }
        .lista > .box > b { font-size: 1.25rem; color: #fff; font-weight: 400; display: block; margin-bottom: 2rem; }
        .lista > .box > p { font-size: 1rem; color: #fff; margin: 2rem 0px; }
            .lista > .box > p > a { color: #fff; font-size: 1rem; }
    .lista > img { max-width: 100%; width: 100%; }
.listb { margin-top: 2rem; }
    .listb > .box { left: 10%; }
.listc { margin-top: 2rem; }
    .listc > .box { left: 50%; }

@media only screen and (max-width:768px) {
    .lista > .box { top: 1rem; }
        .lista > .box > b { font-size: 1.15rem; margin-bottom: 1rem; }
        .lista > .box > p { margin-top: 10px; margin-bottom: 10px; }
}


.more { width: 100%; margin: 2rem auto; }
    .more > p { color: #000; font-size: 1rem; }
        .more > p > a { color: #164194; font-size: 1rem; text-decoration: underline }