#ft{
    width: 100%;
    background: #323232;
    padding:57px 0 49px;
}
#ft_in{
    width: 83.333%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
#ft .ft_wrap{
    width: 100%;
    display: grid;
    grid-template-columns: 70px 1fr 1fr;
    align-items: center;
    gap: 30px;
}
#ft .ft_logo .logo{
    width:70px;
}
#ft .ft_logo .logo img{
    width: 100%;
}
#ft .ft_cnt p{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    word-break: keep-all;
    line-height: 1.4;
}
#ft .copy{
    font-size: 16px;
    font-weight: 400;
    color: #ccc;
    word-break: keep-all;
    text-align: left;
    justify-self: end;
}
#ft .family_site a{
    display: inline-block;
    width: 159px;
}
@media screen and (max-width:1034px) {
    #ft .family_site{
        margin-top: 20px;
    }
    #ft .ft_wrap{
        display: block;
    }
    #ft_company{
        margin: 16px 0;
    }
}
@media screen and (max-width:900px) {
    #ft_in {
        width: 95%;
    }
    #ft .ft_cnt p{
        font-size: 16px;
    }
    #ft .copy{
        font-size: 16px;
        margin-top: 10px;
    }   
}
@media screen and (max-width:650px) {
    #ft_company{
        flex-wrap: wrap;
        gap: 0;
    }
    #ft .ft_logo .logo {
        width: 60px;
    }
}
@media screen and (max-width:425px) {
    #ft .family_site a{
        width: 109px;
    }
}
@media screen and (max-width:375px) {
    #ft .ft_logo .logo {
        width: 60px;
    }
    #ft .ft_cnt{
        flex-wrap: wrap;
    }
    #ft .ft_cnt p{
        font-size: 13px;
    }
    #ft .copy{
        font-size: 13px;
        margin-top: 10px;
    }   
}