html{
    min-height: 100vh;
}
.ttl{
    margin-top: 60px;
}
.main_area{
    width: 90%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    max-width: 768px;
    margin-top: 60px;
}
.main_area img{
width: 100%;
}
.main_area p{
    font-size: 14px;
}
#container{
    min-height: 100vh;
}
#footer{
    margin-top: 100px;

}

@media screen and (max-height:600px),(max-width:400px){
    #container{
        min-height: calc(100vh + 100px);
    }
}