/*bodyに最後に追加　　現在置いてあるmain.cssに入れて上書きします。*/
body{
    margin: 0px;
   -webkit-text-size-adjust: 100%;
}

/*footer部開始*/
.footer-wrap {
    width:100%;
    background-color: #E3E5E5;
}
footer {
    margin:0 auto;
    padding-top: 35px;
    padding-bottom: 10px;
}
footer a{
    text-decoration:none;
    color:black;
    font-weight: bold;
    font-size: 1.1em
}
footer li{
    list-style: none;
    float: left;
}
footer .content {
    width:80%;
    margin: 0 auto;
}
footer .content  p {
    margin: 0;
}
.offices {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.office:not(:last-child) {
    flex: 1;
    margin-right: 20px;
}
.officename {
    font-weight: bold;
    font-size: calc(1rem + ((1vw - 0.6em) * 0.1667));
}
.address {
    display: flex;
    flex-direction: column;
    font-size: calc(1rem + ((1vw - 0.6em) * 0.1667));
}
footer .content > p.copyright {
    font-size: calc(0.75rem + ((1vw - 9.6px) * 0.2083));
    font-weight: 400;
    padding-top: 55px;
    text-align: center;
}
/*footer部終了*/
@media screen and (max-width: 959px) {
    footer {
        padding-top: 20px;
    }
    footer .content {
        width:90%;
    }
    footer a {
        font-size: 1.3em;
    }
    .offices {
        flex-direction: column;
        padding-top: 10px;
    }
    .office {
        margin-bottom: 20px;
    }
    .address {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 559px) {
    /* nothing */
}