/* ========================
 header
======================== */
header h1 {
    margin: 60px 0 0 60px;
    width: 90px;
}

/* ========================
 body
======================== */
body {
    background-color: #0D3246;
    position: relative;
}

/* ========================
 animate
======================== */
.fadeInUp {
    animation-delay: 1s; //1秒遅延して実行
    animation-iteration-count: infinite;
}

/* ========================
 footer
======================== */
footer {
    bottom: 0;
    position: absolute;
}

/* ========================
 Media Queries
======================== */
@media screen and (max-width:600px) {
header h1 {
    margin: 30px 0 0 30px;
    width: 80px;
}
footer img {
    margin: 0 auto;
    padding: 15px 0 20px;
    width: 80px;
}
}

@media screen and (max-width:480px) {
header h1 {
    margin: 20px 0 0 20px;
    width: 60px;
}
footer img {
    margin: 0 auto;
    padding: 15px 0 15px;
    width: 60px;
}
}