.middle_heading_office {
    display: block; /*一応block要素にしておく*/
    padding-top: 35%; /* 縦 ÷ 横 x　100 */
}

#middle_heading_office {
    background: url(../photo/office.png) no-repeat;
    background-position: center center;
    background-size: cover;
}


.box_office {
    display: block; /*一応block要素にしておく*/
    padding-top: 35%; /* 縦 ÷ 横 x　100 */
}

#office {
    background: url(../photo/GENIUS_office.png) no-repeat;
    background-position: center center;
    background-size: cover;
}



.study {
    display: block; /*一応block要素にしておく*/
    padding-top: 50%; /* 縦 ÷ 横 x　100 */
}

#study {
    background: url(../photo/study.png) no-repeat;
    background-position: center center;
    background-size: cover;
}



.office_image2 {
    display: block; /*一応block要素にしておく*/
    padding-top: 50%; /* 縦 ÷ 横 x　100 */
}

#office_image2 {
    background: url(../photo/office_image2.png) no-repeat;
    background-position: center center;
    background-size: cover;
}


.office_image3 {
    display: block; /*一応block要素にしておく*/
    padding-top: 100%; /* 縦 ÷ 横 x　100 */
}

#office_image3 {
    background: url(../photo/office_image3.png) no-repeat;
    background-position: center center;
    background-size: cover;
}


.office_image4 {
    display: block; /*一応block要素にしておく*/
    padding-top: 100%; /* 縦 ÷ 横 x　100 */
}

#office_image4 {
    background: url(../photo/office_image4.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.signature {
    display: flex;
    justify-content: flex-end;
}