/*ウィンドウの背景色*/
html{
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}

body{
    background-color: #ffffff;
    color: #222222;
    font-size: 1.6em;

    display:flex;
    flex-direction:column;
    min-height: 100vh;

    margin: 0;
    width: 100%;
}

main{
        flex: 1;
}


/*ハイパーリンク*/
a{
    color: #226622;
}

/*header nav footer共通*/
header, footer{
    text-align: center;  
    width: 100%;

    background-color: #222222;
    color: #ffffff;
}

header{
    padding:2rem 0% 2rem 0%;
}

footer{
    margin-top: 3rem;
    padding:1rem 0% 1rem 0%
}


/*メインコンテンツ*/
#contents{
    width: 100%;

    margin-top: 0;
    margin-bottom: 0;

    padding: 0% 5%;

    background-color: #ffffff;
}

/*メニューバー*/
#menu{
    text-align: center;
    margin: 1rem;
    padding: 1rem 0;
}


/*ページタイトル*/
h1{
    font-size: 3rem;
    text-align: center;
    line-height: 1;
}

/*大見出し*/
h2{
    font-size: 2rem;
    margin-top: 3rem;
    margin-bottom: 0rem;
}

/*大見出し*/
h3{
    font-size: 1.8rem;
    margin-top: 3rem;
    margin-bottom: 0rem;
}

h4{
    font-size: 1.4rem;
}

p{
    font-size: 1.2rem;
}