@charset "utf-8";

@font-face {
    font-family: "round-gothic";
    src: url(../font/rounded-mplus-1c-black.ttf) format("truetype");
}

body{
    font-family: 'round-gothic';
}
.fixed{
    min-height: 100vh;
    width: 100%;
    position: relative;
    padding-bottom: 7.5rem;
    box-sizing: border-box;
    background-color: #f0ffff;
}
.main{
    width: 100%;
    padding: 4rem 0 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #f0ffff;
    font-size: 1.2rem;
}

.container{
    max-width: 90%;
    padding: 0 2rem;
    margin: 0 auto;
}

@media (max-width:580px) {
    .main{
        width: 100%;
        padding: 6rem 0 0;
        margin-left: auto;
        margin-right: auto;
        background-color: #f0ffff;
        font-size: 1rem;
    }
}