footer {width: 100%; height: auto; padding: 48px 0 24px; box-sizing: border-box; background: url(./../img/footer_bg.png)no-repeat 50% 50%; background-size: cover; background-color: var(--pr);}
footer .container {}
footer .d-flex {display: flex; justify-content: space-between;}

footer .left-box {}
footer .left-box .logo-box {display: flex; align-items: center; gap: 33px;}
footer .left-box .logo-box .f-logo {width: 255px; height: auto;}
footer .left-box .logo-box .f-logo img {width: 100%; height: auto;}
footer .left-box .logo-box .tell {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: 0.54px; color: var(--wt);}
footer .left-box .logo-box .tell a {font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: 0.54px; color: var(--wt);}

footer .left-box .address {margin-top: 66px;}
footer .left-box .address .f-link {margin-bottom: 19px;}
footer .left-box .address .f-link ul {display: flex; align-items: center;}
footer .left-box .address .f-link ul li {display: flex; align-items: center;}
footer .left-box .address .f-link ul li:not(:last-of-type):after {content: ''; display: block; width: 1px; height: 12px; margin: 0 8px; box-sizing: border-box; background: var(--wt);}
footer .left-box .address .f-link ul li a {font-size: 14px; font-weight: bold; line-height: 1.2; letter-spacing: 0.42px; color: var(--wt);}

footer .left-box .address .address-content {}
footer .left-box .address .address-content .top {display: flex; align-items: center;}
footer .left-box .address .address-content dl {display: flex; align-items: center; margin-bottom: 8px;}
footer .left-box .address .address-content .top dl:not(:last-of-type):after {content: ''; display: block; width: 1px; height: 12px; margin: 0 8px; box-sizing: border-box; background: var(--wt);}
footer .left-box .address .address-content .bottom dl:last-of-type {margin-bottom: 0;}
footer .left-box .address .address-content dl dt {margin-right: 8px; font-size: 12px; font-weight: bold; line-height: 1.2; letter-spacing: 0.36px; color: var(--wt);}
footer .left-box .address .address-content dl dt b {}
footer .left-box .address .address-content dl dd {font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 0.36px; color: var(--wt);}

footer .right-box {}
footer .sns-link {display: flex; align-items: center; gap: 24px;}
footer .sns-link a {width: 32px; height: auto;}
footer .sns-link a img {width: 100%; height: auto;}

footer .copyright {padding-top: 12px; margin-top: 23.5px; border-top: 1px solid var(--wt); text-align: right; font-size: 12px; font-weight: 400; line-height: 1.2; color: var(--wt);}