body {
    background-color: #0e863c;
    color: rgb(54, 54, 54);
}

#header {
    padding: 0 20px;
    border-bottom: 4px solid #ffffff;
}

img.title {
    vertical-align:middle;
}

#logoTitle {
    margin: 0 0 0 15px;
    font-size: 1em;
    color: #ffffff;
}

.container {
    background-color: #f3faf1;
    width: 90%;
    margin: auto;
    padding-bottom: 10px;
}

#gridFull {
    margin: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-bottom: 5px solid #0e863c;
}

#gridFull h1 {
    margin-bottom: 0px;
}

#header h1 {
    margin-bottom: 5px;
}

#header img {
    border-radius: 20px;
}

.gridAgreement {
    margin: auto;
    width: 80%;
}

.gridAgreement h2 {
    padding: 0 12px;
    border-left: 6px solid #0e863c;
    margin: 40px 0 10px 0;

}

#footer {
    color: #ffffff;
    margin: 10px auto;
    text-align: center;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
}
@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
}