.footer{
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 3rem;
    padding: 3rem;
    width: 100%;
    color: #333;
    min-height: 300px;
    margin-top: auto;

}

.footer .left .left-supp img.logo-footer,
.footer .left .left-supp img{
    height: 50px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
.footer .left .left-supp{
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}

.alinks{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.left-supp p{
    font-style: italic;
    color: #666;
}

.alinks a {
    font-weight: bold;
    color: #666;
}
.alinks a:hover{
    color: #333;
    text-decoration: underline;
}
.socials a img{
    height: 35px;
}
.socials{
    display: flex;
    flex-direction: row;

    gap: 0.5rem;
}
.socials .sns{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.footer .right
{
    display: flex;
    flex-direction: column;
    align-items: start;
}

.footer .right .alinks{
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 0;
    margin-top: 5px;
    align-items: start;
}
.alinks p{
    margin: 0;
}
.footer .alinks a{
    margin: 0;
}
.right .title{
    font-weight: bold;
    font-size: 1rem;
    color: #333;
}
.right .alinks p{
    font-size: 0.9rem;
}
.alinks a{
    font-size: 0.9rem;
}

.alinks a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.alinks a img{
    height: 20px;
}
.footer .right .alinks p{
    font-weight: bold;
}
.alinks .more, .more{
    font-size: 0.9rem;
    font-style: italic;
    color: #666;
}