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



img { max-width: 100%; }
.banner { text-align: center; border-style: none; position: relative; width: 100%; background-color: #fff; margin: 0px auto; background-size: cover; }
    .banner > img { max-width: 1920px; height: 600px; object-fit: cover; width: 100%; margin: 0px auto; }
    .banner > .text { position: absolute; width: 90%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
        .banner > .text > h3 { font-size: 2rem; font-weight: bold; color: #000; }


@media only screen and (max-width:960px) {
    .banner > img { height: 300px; }
    .banner > .text > h3 { font-size: 24px; }
}




.rountmenu { margin: 0px auto; width: 100%; max-width: 1920px; padding: 2rem 4%; color: #161616; font-size: 1rem; }
    .rountmenu > a { color: #161616; font-size: 1rem; padding: 0px 5px; }

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


.infobg { width: 100%; background-color: #fff }
.infobig { width: 100%; max-width: 960px; padding: 4rem 4% 4rem 4%; margin: 0px auto; text-align: center; }
    .infobig > dl { width: 100%; text-align: left; margin-bottom: 3rem; }
        .infobig > dl > dt { font-size: 1.25rem; color: #0064b6; font-weight: bold; }
        .infobig > dl > dd { padding: 1.5rem 0px; }
            .infobig > dl > dd > p { font-size: 1rem; text-align: justify; color: #000; line-height: 1.8; margin-bottom: 10px; }


@media only screen and (max-width:960px) {
    .infobig > dl > dd > p { font-size: 14px; text-align: justify; }
}


.linkbg { width: 100%; background-color: #ebebeb }
.linkbig { width: 100%; max-width: 960px; padding: 4rem 4% 4rem 4%; margin: 0px auto; text-align: center; }
    .linkbig > ul { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
        .linkbig > ul > li { width: 46%; margin: 2%; border-radius: 1rem; position: relative; }
            .linkbig > ul > li > a { position: relative; }
                .linkbig > ul > li > a > img.arrow { height: 40px; transform: translate(0px, -20px); }
                .linkbig > ul > li > a > div { height: 0px; transform: translate(0px,-5rem); color: #fff; font-size: 1.5rem; }

@media only screen and (max-width:960px) {
    .linkbig { max-width: 500px; }
        .linkbig > ul > li { width: 98%; }
}


@media only screen and (max-width:768px) {
    .linkbig > ul > li > a > div { font-size: 1.15rem; }
}