@charset "UTF-8";

body{
    background-color: #eeeeee;
}

h1{
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.0rem;
}

h2{
    text-align: center;
}

.wrapper{
    max-width: 1100px; /* 横幅最大1100px */
    margin: 0 auto;
    padding: 0 4%; /* 左右の余白（スマフォ向け） */
}

.page-footer{
    text-align: center;
    margin-bottom: 100px;
}

/* スマフォ向け */
@media screen and (max-width: 480px)
{
    .wrapper{
        max-width: 480px;
    }

    h1{
        font-size: 1.5rem;
    }

    .text{
        font-size: 1rem;
    }
}