/*フッター*/
#footer-container{
    display: grid;
    position: relative;
    width: 100%;
    color: white;
    background-color: rgb(51, 51, 51);
    height: auto;
    margin: 0;
}
#footer-contents{
    display: flex;
}
#footer-contact{
    width: auto;
    text-align: left;
}
#footer-contact h3{
    font-size: 1.3rem;
}
#footer-contact p{
    font-size: 1.1rem;
}
#footer-link{
    display: flex;
    width: auto;
    margin-left: auto;
}
#footer-link img{
    object-fit: contain;
}
#footer-link a:hover{
    transform: scale(1.2);
}
#footer-bottom{
    width: 100%;
    height: 0%;
    text-align: center;
    padding-bottom: 3%;
}
#footer-bottom p{
    font-size: 0.9rem;
}

/*PC*/
@media(min-width:1024px){
    #footer-contents{
        padding: 3% 10% 3% 10%;
    }
    #footer-link img{
        width: 200px;
        height: 150px;
    }
}

/*タブレット*/
@media(min-width:480px) and (max-width:1024px){
    #footer-contents{
        padding: 3% 5% 3% 5%;
    }
    #footer-link img{
        width: 150px;
        height: 80px;
    }
}

/*スマートフォン*/
@media(max-width:480px){
    #footer-contents{
        display: grid;
        padding: 3% 5% 0% 5%;
    }
    #footer-link{
        margin: 0 auto;
        padding: 1% 0% 1% 0%;
    }
    #footer-link img{
        width: 100px;
        height: 50px;
    }
}


/*文字の大きさ*/
@media(max-width:400px){
    #footer-contact h3{
        font-size: 1rem;
    }
    #footer-contact p{
        font-size: 0.8rem;
    }
    #footer-bottom p{
        font-size: 0.6rem;
    }
}