@media screen and (max-width: 1032px) {
    .about-representative-container{
        .about-representative-flex{
            .about-representative-text{
                    font-size: 1em;
            }
            .about-representative-image{
                display: flex;
                align-content: center;
            }
        }
    }
    .about-vision-container{
        margin-top: 10vw;
        .about-vision-textbox {
          h3{
            /* font-size: 2.5vw; */
          }
          p{
            /* font-size: 1.8vw; */
          }
    }
}
.about-h2{
    h2{
        margin-top: 10vw;
    }
}
.about-vision-container{
    width: 70%;
}




@media screen and (max-width: 820px) {
    .top-mission-container{
        height: 40vh;
        .about-representative-flex{
            .about-representative-text{
                p{
                    /* font-size: 0.5vw; */
                }
            }
            .about-representative-image{
                display: flex;
                align-content: center;
                background-color: aqua;
            }
        }
    }
    .about-vision-container{
        .about-vision-textbox{
            p{
                /* font-size: 1.7vw; */
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .about-representative-container{
        .about-representative-flex{
            .about-representative-text{
                    font-size: 1.2em;
            }
        }
    }
}

@media screen and (max-width: 430px) {
    .about-representative-container{
        .about-representative-flex{
            flex-direction: column-reverse;
            .about-representative-text, .about-representative-image{
                width: 100%;
            }
        }
    }
    .about-vision-container{
        width: 90%;
        margin-top: 15vw;
        .about-vision-textbox{
            h3{
                font-size: 12px;
            }
            .underline{
            width: 45%;
            height: 1px;
            }
            p{
                margin-top: 2vw;
                font-size: 11px;
            }
    }
}

.about-representative-container {
    .about-representative-flex{
        .about-representative-image{
            img{
                width: 70vw;
                height: 20vh;
                object-fit: cover;
                margin: 0 auto;
            }
            .about-representative-text{
                p{
                    text-align-last: center;
                }
            }
        }
    }
}

.about-representative-text{
    text-align: center;
    margin-top: 2vw;
}

.about-h2{
    h2{
        /* font-size: 5vw; */
        margin-top: 10vw;
    }
}
}
.about-representative-image{
    width: 70vw;
}

.about-representative-text-center{
    /* text-align: center; */
    line-height: 1.5;
    p{
        font-size: 0.9em;
    }
    h3{
        margin-top: 3vw;
        text-align: right;
    }
}


}