@charset "utf-8";
body {
    background: #fff;
    font-size: 1.6em;
    line-height: 1.25;
    color: #1c1c1c;
    width:100%;
    margin:0%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.header-wrap {
    height:auto;
    background: #e6e6e6;
}

.header-cont,
.footer-cont {
    padding:30px;
    margin:auto;
    width: 80%;
}

.header-cont img {
    max-width:100%;
}

.header-line {
    background: #192775;
    height: 20px;
}

.footer-wrap {
    background-color: #f7f6fb;
}

.footer-cont {
    font-size: 1.4rem;
    margin: auto;
}

.footer-left {
    padding: 20px 0;
    width: 100%;
}

.footer-left img {
    max-width:40%;
}

.footer-right {
    margin-left:auto;
    width: 35%;
}

.footer-right p {
    margin: 30px 0;
}

.copyright {
    border-top: 1px solid #dddce0;
    clear: both;
    color: #4c4c4c;
    display: block;
    font-size: 1.2rem;
    text-align: center;
    padding: 10px 0 10px 0;
}
.copyright img{
    width: 300px;
}

.br-pc {
    display:block;
}


@media screen and (max-width: 660px) {

    .header-cont,
    .footer-cont {
        width:90%;
        padding:30px 0;
    }

    .header-logo img {
        max-width:90%;
    }
    
    .footer-left{
        width:100%;
        padding:0;
    }

    .footer-left img{
        max-width:90%;
    }
    
    .footer-right{
        width:100%;
        margin:0 auto;
        padding:50px 0 20px 0;
    }

    .footer-right p {
        margin:0;
    }
    
    .br-pc {
        display:none;
    }
}