footer * {
    box-sizing: border-box;
}

footer {
    background: #004C45;
}

    footer .cont {
        display: flex;
        justify-content: space-between;
        padding-left: 84px;
        padding-right: 84px;
        padding-top: 64px;
        padding-bottom: 64px;
        max-width: 1440px;
        align-items: center;
        margin: 0px auto;
    }

        footer .cont .leftyy {
            display: flex;
            column-gap: 17px;
            align-items: center;
        }

            footer .cont .leftyy .logo {
                width: 217px;
                height: auto;
            }

                footer .cont .leftyy .logo img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: left;
                }

            footer .cont .leftyy .legal-stuff {
                height: fit-content;
            }

                footer .cont .leftyy .legal-stuff .pages {
                    display: flex;
                    margin-bottom: 5px;
                }

                    footer .cont .leftyy .legal-stuff .pages a.page-item {
                        display: block;
                        text-decoration: none;
                        padding: 2px 10px;
                        border-right: 1px solid #FFF;
                        color: #FFF;
                        text-align: center;
                        font-family: Montserrat;
                        font-size: 15px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 120%; /* 18px */
                        letter-spacing: 0.75px;
                    }

                        footer .cont .leftyy .legal-stuff .pages a.page-item:hover {
                            filter: brightness(0) saturate(100%) invert(51%) sepia(73%) saturate(276%) hue-rotate(104deg) brightness(96%) contrast(94%);
                            text-decoration: underline;
                        }

                        footer .cont .leftyy .legal-stuff .pages a.page-item:last-of-type {
                            border-right: none;
                        }

                footer .cont .leftyy .legal-stuff small {
                    color: #FFF;
                    font-family: Montserrat;
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 120%; /* 16.8px */
                    letter-spacing: 0.7px;
                    padding-left: 8px;
                }

        footer .cont .righty {
            height: fit-content;
        }

            footer .cont .righty a.sns-icon {
                width: 36px;
                height: 36px;
                display: block;
            }

                footer .cont .righty a.sns-icon:hover {
                    filter: brightness(0) saturate(100%) invert(51%) sepia(73%) saturate(276%) hue-rotate(104deg) brightness(96%) contrast(94%);
                }

            footer .cont .righty .links {
                margin-bottom: 18px;
            }

                footer .cont .righty .links * {
                    color: var(--White, #FFF);
                    text-align: right;
                    /* Mobile/Body */
                    font-family: Montserrat;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%; /* 19.2px */
                    letter-spacing: 0.32px;
                }

                footer .cont .righty .links a {
                    text-decoration: none;
                    padding: 5px 0px;
                    white-space: nowrap;
                }

                    footer .cont .righty .links a:hover {
                        text-decoration: underline;
                        color: rgb(140 178 173);
                    }

                footer .cont .righty .links span {
                    padding: 0px 8px;
                }

            footer .cont .righty .textt {
                color: var(--White, #FFF);
                text-align: right;
                font-family: Montserrat;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 120%; /* 15.6px */
                letter-spacing: 0.26px;
            }

@media only screen and (min-width : 1440px) {

    footer .cont {
        display: flex;
        justify-content: space-between;
        padding-left: 5.83vw;
        padding-right: 5.83vw;
        padding-top: 4.44vw;
        padding-bottom: 4.44vw;
        max-width: 100.00vw;
        align-items: center;
        margin: 0.00vw auto;
    }

        footer .cont .leftyy {
            display: flex;
            column-gap: 1.18vw;
            align-items: center;
        }

            footer .cont .leftyy .logo {
                width: 15.07vw;
                height: auto;
            }

                footer .cont .leftyy .logo img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: left;
                }

            footer .cont .leftyy .legal-stuff {
                height: fit-content;
            }

                footer .cont .leftyy .legal-stuff .pages {
                    display: flex;
                    margin-bottom: 0.35vw;
                }

                    footer .cont .leftyy .legal-stuff .pages a.page-item {
                        display: block;
                        text-decoration: none;
                        padding: 0.14vw 0.69vw;
                        border-right: 0.07vw solid #FFF;
                        color: #FFF;
                        text-align: center;
                        font-family: Montserrat;
                        font-size: 1.04vw;
                        font-style: normal;
                        font-weight: 600;
                        line-height: 120%; /* 1.25vw */
                        letter-spacing: 0.05vw;
                    }

                        footer .cont .leftyy .legal-stuff .pages a.page-item:hover {
                            filter: brightness(0) saturate(100%) invert(51%) sepia(73%) saturate(276%) hue-rotate(104deg) brightness(96%) contrast(94%);
                            text-decoration: underline;
                        }

                        footer .cont .leftyy .legal-stuff .pages a.page-item:last-of-type {
                            border-right: none;
                        }

                footer .cont .leftyy .legal-stuff small {
                    color: #FFF;
                    font-family: Montserrat;
                    font-size: 0.97vw;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 120%; /* 1.17vw */
                    letter-spacing: 0.05vw;
                    padding-left: 0.56vw;
                }

        footer .cont .righty {
            height: fit-content;
        }

            footer .cont .righty a.sns-icon {
                width: 2.50vw;
                height: 2.50vw;
                display: block;
            }

                footer .cont .righty a.sns-icon:hover {
                    filter: brightness(0) saturate(100%) invert(51%) sepia(73%) saturate(276%) hue-rotate(104deg) brightness(96%) contrast(94%);
                }

            footer .cont .righty .links {
                margin-bottom: 1.25vw;
            }

                footer .cont .righty .links * {
                    color: var(--White, #FFF);
                    text-align: right;
                    /* Mobile/Body */
                    font-family: Montserrat;
                    font-size: 1.11vw;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 160%; /* 1.33vw */
                    letter-spacing: 0.02vw;
                }

                footer .cont .righty .links a {
                    text-decoration: none;
                    padding: 0.35vw 0.00vw;
                    white-space: nowrap;
                }

                    footer .cont .righty .links a:hover {
                        text-decoration: underline;
                        color: rgb(140 178 173);
                    }

                footer .cont .righty .links span {
                    padding: 0.00vw 0.56vw;
                }

            footer .cont .righty .textt {
                color: var(--White, #FFF);
                text-align: right;
                font-family: Montserrat;
                font-size: 0.90vw;
                font-style: normal;
                font-weight: 400;
                line-height: 120%; /* 1.08vw */
                letter-spacing: 0.02vw;
            }

}



@media only screen and (max-width : 1440px) {
    footer .cont {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media only screen and (max-width : 1280px) {
}

@media only screen and (max-width: 1040px) {
}

@media only screen and (max-width : 834px) {
    footer .cont {
        flex-direction: column;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 25px;
        position: relative;
        padding-right: 25px;
    }

        footer .cont .leftyy {
            flex-direction: column;
        }

            footer .cont .leftyy .logo {
                width: 100%;
                max-width: 217px;
                height: auto;
                margin-bottom: 46px;
            }

            footer .cont .leftyy .legal-stuff .pages {
                justify-content: center;
                margin-bottom: 23px;
            }

                footer .cont .leftyy .legal-stuff .pages a.page-item {
                    font-size: 14px;
                    white-space: nowrap;
                }

        footer .cont .righty {
            /* margin-top: -104px; */
            /* position: absolute; */
            /* top: 148px; */
            /* column-gap: 5px; */
            /* max-width: 300px; */
            width: 100%;
            display: flex;
            justify-content: center;
            /* padding-left: 25px; */
            /* padding-right: 25px; */
            flex-direction: column;
            align-items: center;
        }

            footer .cont .righty a.sns-icon {
                width: 45px;
                height: 45px;
            }

                footer .cont .righty a.sns-icon img {
                    width: 100%;
                    height: 100%;
                }

        footer .cont .leftyy .legal-stuff {
            width: 100%;
        }

            footer .cont .leftyy .legal-stuff small {
                padding: 0px;
                text-align: center;
                width: 100%;
                display: block;
            }
}

@media only screen and (max-width : 440px) {
    footer .cont .leftyy .legal-stuff .pages a.page-item {
        font-size: 3vw;
    }
}

@media only screen and (max-width : 374px) {
}