@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Outfit:wght@100..900&display=swap');



:root {
  --main_c :#2773FF
}

.in {width:100%; box-sizing:border-box; padding:0 6%;  margin:0 auto}
.box_100 {width:100%; display:inline-block}
 



footer {background-color:#171717; font-size:16px; position:Relative; z-index:99; padding:80px 0; color:#A0A0A0;  }
footer h1 {margin-bottom:40px}
footer dl {display:flex}
footer dl dt {margin-right:10px; font-weight:600;  color:#5B5B5B; }
footer .flex.col-2 {width:70%; flex-wrap:wrap}
footer .flex.col-2 dl {width:50%}
footer .flex.col-2 dl:nth-child(n+3) {margin-top:10px}
footer .flex.col-2 dl dt {width:100px; flex-shrink:0}
footer .copy {color:#656565; margin-top:10px }
footer .footer_cate {margin-left:auto}
footer .footer_cate  li {margin-left:15px; color:var(--main_c);  cursor:pointer}

 @media all and (max-width:1800px) {
	.in {padding:0 4%}

}

 @media all and (max-width:1300px) {
     footer .footer_cate {display:none}
footer .flex.col-2 {width:100%}
}


 @media all and (max-width:900px) {
		footer {font-size:15px}
		footer h1 img {width:200px}
		footer .flex.col-2 {width:100%} 
		footer .flex.col-2 dl {width:100%;}
		footer .flex dl:nth-child(n+2) {margin-top:10px}
		footer hr.line_hr {margin:30px 0 20px 0 }

}