@charset "utf-8";

.footer{margin-top: 0; border-top: 1px solid #ccc; background: #fff;}

.foot_top{display: flex; border-bottom: 1px solid #ccc; padding: 10px 0px; align-items: center; justify-content: space-between;}
.foot_top ul{display: flex;}
.foot_top > ul li a{border-left: 1px solid #ccc; font-size: 18px; padding: 0 30px; display: flex; justify-content: center; align-items: center; color: #333; font-weight: 500;}
.foot_top > ul li a:hover{color: #0081CC; text-decoration:underline; text-underline-position: under;}
.foot_top > ul li:first-child a{border: none; font-weight: 700; color: #0081CC;}

.address p b{color: #333; font-weight: 500;}
.address span{margin-right: 10px;}
.address_left{margin-right: 50px;}

.foot_bottom{padding: 20px 0; }
.address{display: flex; align-items: center; }
.foot_bottom address p{ color: #666; font-size: 16px; }

.foot_bottom > p{color: #666; font-size: 14px; margin-top: 20px;}

footer{margin-top: 200px !important;}

@media screen and (max-width:1024px) {
    footer{margin-top: 100px !important;}
    .foot_top > ul li a{padding: 0 20px; font-size: 16px;}
}
@media screen and (max-width:830px) {
    .foot_sns{display: none;}
}
@media screen and (max-width:768px){
    footer{margin-top: 50px !important;}
    .foot_top{flex-wrap: wrap; justify-content: center;}
    .foot_logo{margin-bottom: 20px; width: 30%;}
    .foot_top > ul li a{padding: 0 2vw;}
    /* .foot_top ul{order: 2;} */
    .address{flex-direction: column;}
    .foot_bottom{flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column;}
    .address_left{margin-right: 0px; width: 90%;}

    .address_right{width: 90%; margin-top: 10px;}
    .foot_logo{margin-right: 0;}

    .foot_bottom > p{width: 90%; margin-left: 5%;}
}
@media screen and (max-width:480px) {
    .foot_top > ul li a{font-size: 14px; padding: 0 2vw;}
    .foot_logo{width: 40%; margin-bottom: 10px;}
}
@media screen and (max-width:380px) {
    .foot_top > ul li a{padding: 0 1vw;}
}