@charset "utf-8";











a.to-top{position:fixed; width:40px; height:40px; display:flex; flex-direction:column; text-align:center; justify-content:center; background:#000; color:#fff; border-radius:50%; bottom:10px; right:10px; z-index:50; transition:0.2s;}
a.to-top i{}
a.to-top p{font-size:11px;}
a.to-top:hover{background:#555;}

body:not(.scrolled) a.to-top{bottom:-50px;}

@media all and (min-width:768px){
  a.to-top{width:48px; height:48px; bottom:20px; right:23px;}
  a.to-top i{font-size:18px;}
}

a.contract{position:fixed;  display:flex; flex-direction:column; text-align:center; justify-content:center;  color:#fff; border-radius:50%; bottom:100px; right:10px; z-index:50; transition:0.2s;}
a.contract span{display:inline-block; margin-bottom:-10px; position:relative; z-index:11;}
a.contract p{font-size:11px; border-radius:10px; padding:10px 5px 5px 5px; box-sizing:border-box; background:var(--c1); font-weight:500; line-height:1.3;}
a.contract:hover p{}

body[scrolling="down"] a.contract{right:-100px;}


@media all and (min-width:768px){
  a.contract{ bottom:150px;}
  a.contract p{padding:20px 10px 7px 10px;}
}







.bottom-fixed{ _display:none; position:fixed; font-size:14px; line-height:1.2;   bottom:10px; right:10px; z-index:1111;}
.bottom-fixed .all{display:none; position:absolute; bottom:60px; right:10px; width:1000px; background:#fff; box-sizing:border-box; padding:20px; border:1px solid #333;}
.bottom-fixed .in{display:flex; flex-wrap:wrap;}
.bottom-fixed ul{ width:calc(100% / 3); box-sizing:border-box; padding:15px;  }
.bottom-fixed ul:nth-child(even){background:#f9f9f9;}
.bottom-fixed ul li{}
.bottom-fixed ul li a{}
.bottom-fixed ul li a:hover{color:var(--c1)}

.bottom-fixed span{font-size:20px; cursor:pointer; background:var(--c1); display:flex; width:40px; height:40px; align-items:center; justify-content:center; color:#fff; border-radius:50%;}




#footer{margin-top:60px;}
#footer>.in{ }

#footer .top{border-bottom:1px solid #4f5054; box-sizing:border-box; padding:10px 0;}
#footer .top h1{max-width:1300px; margin:0 auto;}
#footer .top h1 img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#footer .bottom{ padding:10px;}
#footer .bottom>.in{color:#fff; max-width:1300px; margin: 0 auto;}
#footer .bottom p{line-height:2;}
#footer .bottom div{position:relative;}
#footer .bottom div + div{margin-top:20px;}
#footer .bottom ul li + li{margin-left:10px;}

@media all and (min-width:768px){

  #footer{margin-top:130px;}
  #footer .top{padding:25px 0;}

  #footer .bottom{padding:45px 0;}
  #footer .bottom p{font-size:17px;}
  #footer .bottom p b{font-size:20px;}
  #footer .bottom>.in{display:flex; justify-content:space-between;}
  #footer .bottom div + div{margin-top:0;}
  #footer .bottom ul li a{padding:20px 0; width:170px; font-size:20px;}
  #footer .bottom span{position:absolute; bottom:5px; right:0;  font-size:14px;}
}





















/**/