@charset "utf-8";

.footer_wrap{background-color: #a4a4a0; padding-top: 50px; padding-bottom: 50px;}

.footer_menu_wrap{display: none; margin-bottom: 30px;}
.footer_menu_wrap div > ul{overflow: hidden; display: table; width: 100%;}
.footer_menu_wrap div > ul > li{display: table-cell; vertical-align: top; width:20%; padding-left: 30px; padding-right:10px; box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.2);}
.footer_menu_wrap div > ul > li:first-child{padding-left:0; border-left: none;}
.footer_menu_wrap div > ul > li > a{display:block; font-size: 17px; font-size: 1.7rem; line-height: 23px; line-height: 2.3rem; letter-spacing: -0.025em; color:#fff; font-weight: 500; margin-bottom: 24px;}
.footer_menu_wrap div > ul > li > ul > li{margin-bottom: 5px;}
.footer_menu_wrap div > ul > li > ul > li:last-child{margin-bottom: 0px;}
.footer_menu_wrap div > ul > li > ul > li > a{font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; letter-spacing: -0.025em; color:#cacaca; font-weight: 300;}

.footer_list_wrap{margin-bottom: 20px;}
.footer_list_con{overflow: hidden; margin-bottom: 3px; text-align: center; font-size: 0;}
.footer_list_con:last-child{margin-bottom: 0;}
.footer_list_con .footer_list{position: relative; float:none; display: inline-block;
    font-size: 15px; font-size: 1.5rem; line-height: 21px; line-height: 2.1rem; color:#fff; font-weight: 300; padding-right:20px;}
.footer_list_con .footer_list:first-child:after{content: ''; position: absolute; top:50%; right: 10px; transform: translateY(-50%); height: 11px; border-left: 1px solid rgba(255,255,255,0.5);}
.footer_list_con .footer_list:last-child:after{display: none;}

.top_btn_con{display: inline-block;}
.top_btn_con .top_btn{display: inline-block;}

@media all and (min-width: 768px){
    .footer_list_con{text-align: left;}
    .footer_list_con .footer_list{position: relative; float:left;letter-spacing: -0.025em;}
    .footer_list_con .footer_list:after{content: ''; position: absolute; top:50%; right: 10px; transform: translateY(-50%); height: 11px; border-left: 1px solid rgba(255,255,255,0.5);}
    .footer_list_con .footer_list:last-child{padding-right: 0;}

}
@media all and (min-width: 992px){
    .footer_wrap{padding-top: 76px; padding-bottom: 100px;}
    .footer_menu_wrap{display: block;}
    .footer_list_wrap{margin-top: 16px; margin-bottom: 0;}
}

@media all and (min-width: 1199px){
    .footer_menu_wrap div > ul > li{padding-left:40px;}
    .footer_menu_wrap div > ul > li > ul > li:hover > a{color: #fff;}

}