@charset "utf-8";

#header {
    background:url("/dataupload/data/IWA02/img/h_bg01.gif") repeat-x bottom;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-right {
    width:200px;
    text-align: right;
    align-self: center;
}

.footer-top {
    border-top:1px solid #dadada;
    background: #ececec;
    padding:15px 0;
}

.footer-top a {
    color:#56301d;
    text-decoration:underline;
}

.footer-top a:hover {
    color:#0b9cb7;
}

.footer-links {
    display: flex;
    align-items:center;
    justify-content:center;
}

.footer-links a ,
.footer-links span {
    display:block;
    padding:10px;
    font-size:12px;
}

.footer-bottom {
    border-top:1px solid #c5c5c5;
    background: #dadada;
}

.footer-copy {
    max-width:900px;
    width:100%;
    margin:auto;
    display: flex;
    justify-content: space-between;
}

@media(max-width:991px) {
    .header-inner {
        justify-content: space-between;
    }
    .header-left a {
        display:block;
        margin-bottom:3px;
        overflow:hidden;
    }
    .header-left a img {
        width:150px;
        margin-bottom:-3px;
    }
    .header-link {
        display: none;
    }
    .header-right {
        width:auto;
    }
}
@media(max-width:767px) {
    .footer-top {
        padding:15px;
    }
    .footer-links {
        flex-direction: column;
    }
    .footer-links a {
        display: block;
        width:100%;
        padding:5px;
        border-bottom:1px solid #dadada;
        text-align: center;
    }
    .footer-links > a:last-of-type {
        padding-bottom:0;
        border-bottom:none;
    }

    .footer-links span {
        display: none;
    }
}

@media(max-width:575px) {
    .footer-copy {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .header-inner {
        padding:0 15px;
    }
}