#info{
    background-image: url(../img/association/bg.jpg);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}
#info .logo{
    max-width: 400px;
    margin: 50px auto;
    display: block;
    padding-top: 50px;
}
#info .wrap{
    padding-top: 1px;
}
.wrap{
    max-width: 1200px;
    margin: auto;
    width: 100%;
}
/* テーブル形式の会社情報 */
.company-info {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    max-width: 850px;
    margin: 10px auto;
}

.company-info table {
    width: 100%;
    display: inline-table;
}

.company-info td {
    padding: 3px 15px;
    vertical-align: top;
    border: unset;
    font-size: 1rem;
}

.company-info .label {
    font-weight: bold;
    font-size: 1.1rem;
    width: 25%;
    color: #006c65;
    text-align: right;
    display: table-cell;
    line-height: unset;
}

.flow {
    width: 100%;
    border-collapse: collapse;
    max-width: 550px;
    margin: 50px auto;
}

.flow table {
    width: 100%;
    display: inline-table;
}

.flow td {
    padding: 3px 15px;
    vertical-align: top;
    border: unset;
    font-size: 1rem;
    align-content: center;
    height: 80px;
}

.flow .label {
    font-weight: bold;
    font-size: 1.1rem;
    width: 80px;
    color: #006c65;
    text-align: right;
    display: table-cell;
    line-height: unset;
    align-content: center;
    border: unset;
    border-right: solid 2px #006c65;
    height: 50px;
}
.flow tr{
    display: flex;
    margin: 30px auto;
    align-items: center;
}
.flow tr:nth-child(even){
    background-color: #d5eeea;
}
.footBg{
    background-image: url(../img/common/footer-bg.jpg);
    background-size: cover;
    padding: 100px 0 400px;
}

@media screen and (max-width:767px) {
    #info .logo{
        width: 90%;
    }
    .company-info td,.company-info .label{
        font-size: 90%;
    }
    .flow td{
        width: 100%;
        font-size: 90%;
    }
    .flow tr {
        margin: 10px auto;
    }

}