@charset "utf-8";

.logo{ width: 219px;}
.topNav{ font-size: 1.6rem;}
.search input{ height: 40px; line-height: 40px;}
.search input.notxt{ color: rgba(255, 255, 255, 0.2); outline: none;}
.search input.notxt1{ width: 20%;}
.nav > ul > li > a{ font-size: 1.6rem;}


/* footer */
.wrap_footer{ background: url(../images2022/footer_bg2022.png) no-repeat center/cover;}
.wrap_footer .copy{ display: flex; justify-content: center; 
    background-color: rgba(0, 0, 0, 0.1); line-height: 1; padding: 14px 0 13px; color: #fff; text-align: center;}
.wrap_footer .copy span{ margin-right: 39px; position: relative;}
.wrap_footer .copy span::after{ content: ''; display: block; width: 1px; height: 13px; background-color: #fff;
    position: absolute; right: -20px; top: 0px;}
.wrap_footer .copy span:last-child{ margin-right: 0px;}
.wrap_footer .copy span:last-child::after{ display: none;}
.contact { width: 20.4%;}
.footer-code{ float: right; padding-top: 35px;}
.footer-code li{ width: 116px; margin-right: 75px;}
.footer-code li:last-child{ margin-right: 0px;}
.footer-code .img{ width: 100%; height: 0px; overflow: hidden; padding-bottom: 100%;}
.footer-code .img img{ width: 100%;}
.footer-code .gp-f16{ display: block; width: 100%; line-height: 1; color: #fff; text-align: center; margin-top: 18px;}


@media screen and (max-width: 1480px) {
    .footer-code li{ margin-right: 40px;}
}

@media screen and (max-width: 1220px) {
    .footer-code li{ margin-right: 10px;}
}

@media screen and (max-width: 1024px) {
    .footer{ padding: 0 0 10px;}
    .footer .lf{ float: none; width: 100%;}
    .footer_logo, .contact{ max-width: 240px; margin: 0 auto; padding: 0px; border: none;}
    .friendLink{ max-width: 340px; margin: 0 auto; border: none;}
    .footer-code{ position: static; float: none;}
}

@media screen and (max-width: 998px) {
    .logo{ width: 100%; text-align: center;}
    .wrap_footer .copy{ flex-wrap: wrap;}
    .wrap_footer .copy span{ line-height: 2;}
    .codeList {margin: 0 auto;width: auto; float: none;}
    .friendLink{padding-left: none !important;}
}
@media screen and (max-width: 767px) {
    .wrap_footer .copy{ flex-direction: column;}
    .wrap_footer .copy span{ margin-right: 0;}
    .wrap_footer .copy span::after{ display: none;}
}
@media screen and (max-width: 479px) {
    .footer{ padding: 20px 15px 20px;}
    .wrap_footer .copy{ padding: 10px 15px;}
    .friendLink{ max-width: 100%;}
    /* .friendLink li{ width: 100%;} */
    .pageTitle a{ font-size: 1.8rem;}
    .brother{ font-size: 1.4rem;}
    .contact{ margin: unset;}
}