/* base */
body {
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
}

/* header */
header {
    text-align: center;
}
header img {
    width: 320px;
}

/* heading */
.description {
    color: #fff;
    background-color: #2693CA;
    width: 1024px;
    max-width: 100%;
    padding-left: calc((100% - 1024px) / 2);
    padding-right: calc((100% - 1024px) / 2);
    padding-top: 1em;
    padding-bottom: 1em;
}
.description a {
    color: #dfdf00;
}

h1 {
    font-size: 26px;
    text-align: center;
}

/* footer */
footer {
    background: #4e4e4e;
    text-align: center;
    padding: 2em 0;
}
footer a {
    color: #fff;
    text-decoration: none;
}