@charset "utf-8";

#wrap #footer{clear:both; position:relative; width: 100%; z-index: 500; height:360px; margin-top:0px; background-color:#eeeeee !important; }
#wrap #footer .container{position: relative;width: 1200px;margin: 0 auto;height: 100%;}
#wrap #footer .container.mobile{display: none;}
#wrap #footer .container:after{display: block;content: '';clear: both;}

.foot_add_outer{position:relative; width:1200px; margin:0px auto 0 auto; padding-top:0px;font-size:15px; font-weight:600;  }
.footer_logo {clear:both; margin:0px; padding:60px 0 20px 10px; width:100%; border-bottom:1px solid #999;} 

.foot_menu {clear:both; width:100%; padding:15px 10px 15px 10px; min-height:56px; border-bottom:1px solid #999;}
.foot_menu li a{ padding:0px 20px 0 0; font-size:16px; font-weight:600; color:#333;}

.foot_add {clear:both; width:100%; padding:20px 10px 20px 10px; min-height:95px; border-bottom:1px solid #999;}
.foot_add li{float:left; display:inline; }
.foot_add li:after{display: block;content: '';clear: both;}

.foot_add li.addr{padding:0px; width:70%; font-size:16px; line-height:1.6; font-weight:400; }
.foot_add li.addr span.round{margin-right:10px; line-height:1.2;color:#fff; display:inline-block; text-align:center; padding:3px 10px 4px 10px; width:130px; border-radius:15px; background:#83BB2A;}
.foot_add li.addr em.text{display:inline-block; font-size:16px; line-height:1.6; font-weight:400; padding:5px 0 10px 140px;}
.foot_add li.addr em.text strong{font-weight:600; padding-left:5px;}

.foot_add li.addr_logo{float:right; text-align:right; width:30%; padding-top:5px;}
.foot_add li.addr_logo a{margin-left:10px;}
.foot_add li.addr_logo a.addr_logo01 img{/*width:62px;*/ width:40px;  }
.foot_add li.addr_logo a.addr_logo02 img{/*width:101px;*/ width:64px; }
.foot_add li.addr_logo a.addr_logo03 img{/*width:90px; */ width:56px;}
.foot_add li.addr_logo a.addr_logo04 img{/*width:143px;*/ width:90px; }


.copy{clear:both; width:100%; font-size:16px; margin-top:20px; padding-left:10px;}





/*TOP*/

.navBtn {position:fixed;  right:50px; bottom:210px; z-index:999999; display: flex;  justify-content: center; width:50px;  height: 50px; transition: 0.3s ease-in-out; align-items: center; transform: scale(0) rotate(-80deg); }
.navBtn > div { margin:10px 20px 40px 0px; text-align:center; flex-shrink:0; cursor: pointer;}

.goTop { font-size:14px; line-height:70px; color:#111;  width:100%; height:100%; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);  transition: 3s; display: flex; justify-content: center;
    position: relative; background-color: #111 !important ;  border-radius:0;}
.goTop:after{content:''; position:absolute; background: url('../img/s_img/up_black.png') no-repeat; width:19px;height: 27px; top:26%; left: 33%; background-size: contain;}
.goTop > img { width:48px;  margin-top:5px;}













@media (max-width: 1199px) {


#wrap #footer .container{width:100%; margin:0 auto;}
.foot_add_outer{width:100%; margin:0 auto;}


.foot_add li.addr{padding:0px; width:70%;}

.foot_add li.addr_logo{ width:30%;float:right; text-align:right;}


.foot_add li.addr_logo a{margin-right:0px; margin-left:10px;}
.foot_add li.addr_logo a.addr_logo01 img{/*width:62px;*/ width:40px;  }
.foot_add li.addr_logo a.addr_logo02 img{/*width:101px;*/ width:64px; }
.foot_add li.addr_logo a.addr_logo03 img{/*width:90px; */ width:56px;}
.foot_add li.addr_logo a.addr_logo04 img{/*width:143px;*/ width:90px; }


.foot_add li.addr{font-size:15px;}

.foot_add li.addr em.text{ font-size:15px;  letter-spacing:-0.05em; }
.copy{ font-size:15px; }


}/* 1199px End*/

@media (max-width: 991px) {

  #wrap #footer{height:auto; padding-bottom:20px;}
  #footer .container{width:100%;padding-top:20px;padding-bottom: 0px; text-align:center; height:auto;}
  
  .footer_logo {clear:both; text-align:center; margin:0px; padding:40px 0 20px 0px; width:100%; border-bottom:1px solid #999;} 

  .foot_add {text-align:center; }
  .foot_add li.addr{padding:0px;  font-size:15px;width:100%;}
  .foot_add li{float:none; display:block; }
  .foot_add li.addr_logo{ width:100%;float:none; text-align:center; margin-top:10px;}

  .foot_menu {text-align:center; padding-left:0;padding:15px 0px 10px 0px; }
  .foot_menu li a{ padding:0px 10px 0 10px;}
  .foot_menu li{text-align:center;}


  .copy{ padding-left:0px;text-align:center; font-size:15px;}

  .foot_add li.addr em.text{padding:5px 0 10px 0px;}




}/* 991px End*/



@media (max-width: 768px) {



  .footer_logo {display:none;} 


  #footer .container{width:100%;padding-top:20px;padding-bottom: 0px; text-align:center; height:auto;}
  
  .footer_logo {clear:both; text-align:center; margin:0px; padding:40px 0 20px 0px; width:100%; border-bottom:1px solid #999;} 

  .foot_add {text-align:center; }
  .foot_add li.addr{padding:0px;  font-size:14px;width:100%;}
  .foot_add li{float:none; display:block; }

  .foot_menu {text-align:center; padding-left:0;padding: 20px 0px 10px 0px; }
  .foot_menu li a{ padding:0px 4px 0 4px; font-size:14px;}
  .foot_menu li{text-align:center;}

  .foot_add li.addr span.round{display:block; width:130px; margin:0 auto 10px auto !important; }
  .copy{ padding-left:0px;text-align:center; font-size:14px; letter-spacing:-0.05em;}

  .foot_add li.addr em.text{padding:0px 0 10px 0px; font-size:14px; }
  .foot_add li.addr em.text span.m_cut{display:block;}

  .foot_add li.addr_logo{ width:100%;float:none; text-align:center; margin-top:0px;}
  .foot_add li.addr_logo a{margin-right:0px; margin-left:10px;}
  .foot_add li.addr_logo a.addr_logo01 img{/*width:62px;*/ width:36px;  }
  .foot_add li.addr_logo a.addr_logo02 img{/*width:101px;*/ width:57px; }
  .foot_add li.addr_logo a.addr_logo03 img{/*width:90px; */ width:50px;}
  .foot_add li.addr_logo a.addr_logo04 img{/*width:143px;*/ width:80px; }
  
  

.navBtn {display:none;}

}/* 768px End*/

@media (max-width : 480px){
  .mobile_cut{display : block;}
}