#footer{
    border-top: 1pt solid #d7d7d7;
    box-sizing: border-box;
    padding: 70px 0;
}
.f1{
    gap: 25px 0;
}
strong{
    font-weight: normal;
}
.address{
    color: #959595;   
    line-height: 1.35;
}
.f2{
    gap: 90px 0;
}
.f2 ul{
    gap: 0 3vw;
}
.f2 li {
    color: #646464;
    position: relative;
    cursor: pointer;
}
.f2 li::after{
    position: absolute;
    content: "|";
/*
    width: 3px;
    height: 18px;
    background-color: #646464;   
*/
    right: -1.7vw;
    top: 50%;
    transform: translate(-50%,-50%);
}
.f2 li:last-child::after{
    content: none;
}
.copy{
    color: #959595;
}
br.m_br{
    display: none;
}

/* mobile */
@media screen and (max-width: 767px){ 
    br.m_br{
        display: block;
    }
    br.m_none{
        display: none;
    }
    span.m_none{
        display: none;
    }

    #footer .center{
        flex-direction: column;
        gap: 20px 0;
    }
    .f1{
        gap: 15px 0;
    }
    .f1>a {
        width: 150px;
    }
    .f1>a img{
        width: 100%;
    }
    .address{
        line-height: 1.5;
    }
    .f2 {
        gap: 20px 0;
    }
    .f2 ul{
        gap: 0 15px;
    }
    .f2 li::after{
        content: none;
    }

}
    
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    #footer .center{
        flex-direction: column;
        gap: 25px 0;
    }
    .f1{
        gap: 20px 0;
    }
    .f1>a {
        width: 200px;
    }
    .f1>a img{
        width: 100%;
    }
    .f2 {
        gap: 25px 0;
    }
    .f2 ul{
        gap: 0 20px;
    }
    .f2 li::after{
        content: none;
    }

}