.banner { max-width: 1920px; width: 100%; margin: 0px auto; }
.rotebig { width: 100%; background-color: #f8f8f8; padding: 2rem 0px; }
.rote { width: 100%; display: flex; align-items: center; }
    .rote > .left { display: flex; align-items: center; }
        .rote > .left > img { margin-right: 6px; }
        .rote > .left > a { color: #666666; font-size: 14px; margin-right: 6px; }
        .rote > .left > span.clear { flex: 1; }
    .rote > .right { flex: 1; text-align: right }
        .rote > .right > a { color: #666; font-size: 1rem; margin-left: 3rem; }
            .rote > .right > a.action { color: #005570; }

@media only screen and (max-width:768px) {
    .rote { flex-wrap: wrap; }
        .rote > .left { width: 100%; margin-bottom: 0rem; }
        .rote > .right { width: 100%; flex: none; text-align: center; display: none; }
            .rote > .right > a { font-size: 14px; margin-left: 1.5rem; margin-right: 1.5rem; }
}

img { max-width: 100%; }

.contentbig { max-width: 1920px; width: 100%; margin: 0px auto; }
.content { width: 100%; margin: 5rem auto; display: flex; background-color: #f3f3f3; align-items: stretch; }
    .content > .left { width: 38.2%; padding: 40px 40px; }
        .content > .left > b { font-size: 1.15rem; color: #333; font-weight: 400; margin-bottom: 1rem; display: block; }
        .content > .left > p { font-size: 1rem; color: #666666; line-height: 1.5; margin-bottom: 0px; }
    .content > .sp { width: 20px; background-color: #fff; }
    .content > .right { flex: 1; }


@media only screen and (max-width:768px) {
    .content { flex-wrap: wrap; }
        .content > .left { width: 100%; padding: 20px 20px; }
        .content > .sp { display: none; }
        .content > .right { flex: none; width: 100%; }
}