@charset "UTF-8";

footer {
    background-color: #DAE1A2;
    padding: 30px 0;

    @media screen and (max-width:782px) {
        padding: 30px 20px;
    }

    .footer-inner {
        max-width: 1000px;
        margin: 0 auto;
        color: #4F4842;
        .flex-box {
            gap: 6em;
            justify-content: center;

            @media screen and (max-width:782px) {
                flex-direction: column;
                gap:2em;
            }
            .footer-center {
                .link-list:first-child {
                    margin-bottom: 2em;
                }
            }
            .link-list{
                margin: auto;
                max-width: 280px;
            }
            
            .list-title {
                font-size: 1.2em;
                font-weight: bold;
            }
            .list-item {
                font-size: 1.2em;
                text-indent: 1em;

                a{
                    display: block;
                    color: #4F4842;
                    font-size: .9em;
                    transition: all .3s;
                    &:hover{
                        opacity: .7;
                    }
                }

            }
        }
        .footer-information {
            margin-top: 40px;
            .flex-box {
                gap: 2em;
                @media screen and (max-width:782px) {
                    gap: .5em;
                }
                .footer-logo {
                    text-align: center;

                    img{
                        @media screen and (max-width:782px) {
                            max-width: 200px;
                        }
                    }
                }
                .footer-address{
                    @media screen and (max-width:782px) {
                        margin: auto;
                        width: fit-content;
                    }
                    p{
                        @media screen and (max-width:782px) {
                            width: fit-content;
                        }
                    }
                }
            }
        }
        .copyright {
            margin-top: 3em;
            text-align: center;
            font-size: 0.8em;
        }
    }
}