@charset "UTF-8";

.block01 figure {
    margin: 20px 0 0 0;
}

.sec-flex01 {
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec-flex01 .item-left {
    width: 63.333333%;
}

.sec-flex01 .item-right {
    width: 31.666666%;
}

.sec-flex01 .tebra {
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec-flex01 .tebra div:nth-of-type(1) {
    width: 36.315%;
}

.sec-flex01 .tebra div:nth-of-type(2) {
    width: 60.685%;
}

.tebra-ttl {
    font-size: 17px;
    color: #45584f;
    border: 1px solid #45584f;
    text-align: center;
    padding: 10px 10px;
}

.block01:nth-of-type(n+2) {
    margin-top: 50px;
}

.block01 .elevator {
    justify-content: space-between;
    flex-wrap: wrap;
}

.block01 .elevator li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.block01 .elevator li:nth-of-type(1),
.block01 .elevator li:nth-of-type(3),
.block01 .elevator li:nth-of-type(4) {
    width: 20.4167%;
}

.block01 .elevator li:nth-of-type(2) {
    width: 26.25%;
}

.block01 .entrance {
    justify-content: space-between;
    flex-wrap: wrap;
}

.block01 .entrance figure {
    margin: 0 0 20px 0;
}

.block01 .entrance .group-01 {
    width: 21.8333333%;
}

.block01 .entrance .group-02 {
    width: 74%;
}

.block01 .entrance .group-02 ul {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.block01 .entrance .group-02 ul li {
    width: 29.5045%;
}

.block01 .entrance .group-02 ul li {
    margin-right: 5.74231325%;
}

.block01 .entrance .group-02 ul li:nth-of-type(3n) {
    margin-right: 0;
}

.block01 .entrance .group-02 ul li:last-of-type span {
    margin-top: 10px;
}

.block01 .se13,
.block01 .se14 {
    width: 40%;
    margin: 20px auto 0;
}


.block01 .support {
    justify-content: space-between;
    flex-wrap: wrap;
}

.block01 .support li {
    width: 47.5%;
}

.block01 .sec-flex02 figure {
    margin: 0 0 0 0;
}

.sec-flex02 {
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec-flex02 h4 {
    width: 100%;
}

.sec-flex02 .item-left {
    width: 47.5%;
}

.sec-flex02 .item-right {
    width: 47.5%;
}

.block01 .sec-flex02 .se17 {
    margin-bottom: 10px;
}

.block01 .sec-flex02 .se18 {
    margin-top: 20px;
}

.tab_sp {display: none;}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1180px) {
    .tab_sp {
        display: block;
    }
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {
    .block01:nth-of-type(n+2) {
        margin-top: 0;
    }

    .sec-flex01 .item-left {
        width: 100%;
    }

    .sec-flex01 .item-right {
        width: 100%;
    }

    .sec-flex01 .tebra div:nth-of-type(1) {
        width: 100%;
    }

    .sec-flex01 .tebra div:nth-of-type(2) {
        width: 100%;
        margin-top: 20px;
    }

    .tebra-ttl {
        font-size: 16px;
    }

    .block01 .elevator li:nth-of-type(1), .block01 .elevator li:nth-of-type(3), .block01 .elevator li:nth-of-type(4) {
        width: 100%;
    }

    .block01 .elevator li:nth-of-type(2) {
        width: 100%;
    }

    .block01 .elevator li figure {
        width: 70%;
        margin: 20px auto 0;
    }

    .block01 .entrance .group-01 {
        width: 100%;
    }

    .block01 .entrance .group-02 {
        width: 100%;
    }

    .block01 .entrance .group-02 ul {
        display: flex;
        justify-content: space-between;
    }

    .block01 .entrance .group-02 ul li {
        width: 100%;
        margin-right: 0;
    }

    .camera {
        display: flex;
        justify-content: space-between;
    }

    .camera figure {
        width: 48%;
    }

    .block01 .support li {
        width: 100%;
    }

    .sec-flex02 .item-left {
        width: 100%;
        margin-bottom: 20px;
    }

    .sec-flex02 .item-right {
        width: 100%;
    }
}