@charset "UTF-8";

.eco-box .column2 {
    align-items: center;
}

.me-net {
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.me-net .left {
    width: 30%;
}

.me-net .right {
    width: 66%;
}

.eco-joze-ttl {
    align-items: center;
    margin-bottom: 40px;
}

.eco-joze-ttl span.icon {
    display: inline-block;
    width: 200px;
    margin-right: 20px;
}

.eco-joze-ttl span.text {
    display: block;
}

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

.joze-flex .left {
    width: 40%;
}

.joze-flex .right {
    width: 54%;
}

.eco-seido {
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #63b79b;
    margin-top: 20px;
}

.eco-seido .seido {
    color: #fff;
    background: #63b79b;
    padding: 10px 10px;
    margin-right: 20px;
}

.sessui .left figure {
    margin-bottom: 20px;
}

/*=======================================
TAB_横
=======================================*/
@media (max-width: 1180px) {}


/*=======================================
TAB_縦~SP
=======================================*/
@media (max-width: 820px) {
    
    .me-net {
        margin-top: 20px;
    }

    .me-net .left {
        width: 60%;
        margin: 20px auto 0;
        order: 2;
    }

    .me-net .right {
        width: 100%;
        margin-top: 20px;
        order: 1;
    }

    .eco-joze-ttl {
        margin-bottom: 20px;
    }

    .eco-joze-ttl span.icon {
        width: 350px;
    }

    .eco-joze-ttl span.text {
        font-size: 14px;
    }

    .joze-flex .left {
        width: 100%;
    }

    .joze-flex .right {
        width: 100%;
        margin-top: 20px;
    }

    .eco-seido .seido {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .eco-seido p {
        font-size: 14px;
        width: 100%;
        padding: 10px 10px;
    }

    .sessui .column2 li.right {
        margin-top: 20px;
    }
}