@charset "utf-8";

/**********************************************/
/*3EIDの概要*/
/**********************************************/

.area {
    display: flex;
    flex-wrap: wrap;
}

.overview {
    flex: 1;
}
.overview p {
    text-align: justify;
}
.overview .sign {
    text-align: right;
}

.symbol-img {    
    width: 380px;
    margin-left: 60px;
    border-radius: 8px;
    padding: 20px 30px;
    background-color: #f5f5f5;
}
.logo-3eid {}
.logo-3eid img {
    width: 100%;
    max-width: 240px;
    display: block;
    margin: 0 auto;
}


/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1280px) {
    .symbol-img {
        width: 30%;
        margin-left: 4%;
    }
}
@media screen and (max-width: 980px) {
}

@media screen and (max-width: 780px) {
    .area {
        flex-direction: column;
    }
    .symbol-img {
        width: 100%;
        margin-left: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        order: 1;
    }
    .overview {
        order: 2;
    }
    .logo-3eid img {
        width: 50%;
        max-width: auto;
    }
}

@media screen and (max-width: 580px) {
}

@media screen and (max-width: 380px) {
}