.sp-footer {
    padding: 0 40px;

    .container-fluid {
        background-color: #fbfbfb;
        padding: 50px 50px 0px 50px;
        
        .flex-div {
            .div-color {
                color: #000;
                font-weight: 400;
                font-size: 14px;
            }

            .text {
                line-height: 1.3;
                color: $black;
                font-size: 15px;
                font-weight: 700;
                margin-top: 40px;
            }

            .by-sp {
                color: #000; 
                font-weight: 400; 
                font-size: 13px;
            }
        }

        .mt-lg {
            margin-top: 45px;
        }
        
        ul {
            list-style-type: none;

            li {
                a {
                    color: $black;
                    font-size: 14px;
                    font-weight: 400;

                    &:hover {
                        color: $brand_color-sp;
                    }

                    span {
                        color: $brand_color-sp;

                        &:hover {
                            color: $black;
                        }
                    }
                }
            }
        }

        .footer-title {
            color: $brand_color-sp;
            margin-bottom: 20px;
            font-weight: 400;
        }

        i {
            margin-right: 30px;
            color: $black;
            font-weight: 400;
            font-size: 19px;
        }
    }

    .bsp-footer {
        ul {
            list-style-type: none;

            li {
                a {
                    &:hover {
                        color: $brand_color-dark;
                    }

                    span {
                        color: $brand_color-dark;
                    }
                }
            }
        }

        .footer-title {
            color: $brand_color-dark;
        }
    }
}