/* sitefooter-4 */
.db-sitefooter-box .sitefooter-4 .ft-top,.db-sitefooter-box .sitefooter-4 .ft-mid,.db-sitefooter-box .sitefooter-4 .ft-bottom{border-style: solid; border-width: 0;}
.db-sitefooter-box .sitefooter-4{border-style: solid; border-width: 0;}
.sitefooter-4 .ft-fcol .ft-acc-p{column-count: var(--fcol-cols, initial); column-gap: 24px;}
.sitefooter-4 .ft-fcol .ft-acc-p li{break-inside: avoid;}
.sitefooter-4{background: #0b0b0f; color: #8b8f9c; padding: 60px 0 0;}
.sitefooter-4 .ft-top{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 32px; --cw-gap:32px; padding-bottom: 40px;}
.sitefooter-4 .ft-brand-logo{font-size: 22px; font-weight: 800; color: #fff;}
.sitefooter-4 .ft-tagline{font-size: 13.5px; line-height: 1.75; margin-top: 16px; max-width: 100%; overflow-wrap: anywhere;}
.sitefooter-4 .ft-fam{margin-top: 22px;}
.sitefooter-4 .ft-fam-select{background-color: #17171e; color: #c3c7d1; border: 1px solid #26262f; width: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8f9c' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");}
.sitefooter-4 h4,.sitefooter-4 .ft-fcol > label{color: #fff; font-size: 13px; font-weight: 700; margin-bottom: 15px; letter-spacing: .02em;}
.sitefooter-4 li{margin-bottom: 10px; font-size: 13px;}
.sitefooter-4 li a:hover{color: #a78bfa;}
.sitefooter-4 li .badge{font-size: 10px; background: #a78bfa; color: #0b0b0f; font-weight: 800; border-radius: 4px; padding: 1px 5px; margin-left: 6px;}
.sitefooter-4 .ft-mid{border-top: 1px solid #1a1a22; padding: 24px 0;
    display: flex; justify-content: space-between; align-items: center; gap: 20px; --cw-gap:20px; flex-wrap: wrap;}
.sitefooter-4 .ft-corp{font-size: 12.5px; line-height: 1.9; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 9px; --cw-gap:9px;}
.sitefooter-4 .ft-corp .ft-corp-item{flex: 0 0 auto;}
.sitefooter-4 .ft-corp .ft-corp-label{color: #55596a;}
.sitefooter-4 .ft-corp .ft-corp-sep{flex: 0 0 auto; color: #3a3d4a;}
.sitefooter-4 .ft-sns a{background: #17171e; color: #c3c7d1;}
.sitefooter-4 .ft-sns a:hover{background: #a78bfa; color: #0b0b0f;}
.sitefooter-4 .ft-bottom{border-top: 1px solid #1a1a22; padding: 20px 0;
    display: flex; justify-content: space-between; gap: 14px; --cw-gap:14px; flex-wrap: wrap;}
.sitefooter-4 .ft-bottom .links{display: flex; gap: 18px; --cw-gap:18px; font-size: 12.5px; flex-wrap: wrap;}
.sitefooter-4 .ft-bottom .links a:hover{color: #fff;}
.sitefooter-4 .ft-bottom .links .ft-strong{color: #fff; font-weight: 700;}
.sitefooter-4 .copy{font-size: 12px; color: #55596a;}
@media (max-width: 900px){
.sitefooter-4 .ft-top{grid-template-columns: 1fr 1fr; gap: 30px 24px; --cw-gap:24px;}
.sitefooter-4 .ft-top{grid-template-columns: 1fr 1fr;}
.sitefooter-4 .ft-brand-col{grid-column: 1 / -1;}
}
@media (max-width: 560px){
.sitefooter-4 .ft-top{grid-template-columns: 1fr;}
.sitefooter-4{padding-top: 44px;}
.sitefooter-4 .ft-mid,.sitefooter-4 .ft-bottom{flex-direction: column; align-items: flex-start;}
.sitefooter-4 .ft-top{gap: 0 !important; --cw-gap:0px !important;}
.sitefooter-4 .ft-brand-col{margin-bottom: 24px;}
}
@media (max-width: 380px){
.sitefooter-4 .ft-brand-logo{font-size: 19px;}
.sitefooter-4 .ft-corp{line-height: 2;}
}
.db-sitefooter-box .sitefooter-4 .container{border-style: solid; border-width: 0;}
.db-sitefooter-box .sitefooter-4{margin-left: auto; margin-right: auto;}