html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;

}

* {
    box-sizing: border-box;
}

main {
}

section#y,
section#y2 {
    padding: 80px 0;
    text-align: center;

    .logo {
        img {
            height: 150px;
            width: auto;
        }
    }
}

section#y2 {
    background-color: #F0F0F0;
}

.content-wrapper {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

.btn-wrapper {
    padding-bottom: 60px;

    a {
        background: #e52aba;
        color: #FFF;
        padding: 5px 20px;
        border-radius: 20px;
        text-decoration: none;
    }
}

#header {
    .logo {
        img {
            height: 50px;
            width: auto;
        }
    }
}

.brand-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 50px;
    height: 100vh;
    padding: 100px 0;

    img {
        height: 100px;
        width: auto;
    }
}

#footer {
    background: #333;
    color: #FAFAFA;
    padding: 100px 0;
    text-align: center;

    .brand-list {
        height: auto;
        margin-bottom: 50px;
        padding: 0;
    }

    .logo {
        img {
            filter: invert(1);
        }

        address {

        }
    }

    address {
        margin-top: 20px;
        font-style: normal;
    }


    .sns-list {
        display: flex;
        justify-content: center;
        gap: 20px;
        padding: 50px 0 0 0;

        a {
            color: inherit;
            text-decoration: none;
        }
    }
}