
.content-01 {
    column-gap: 4rem;
    row-gap: 3rem;
}

.content-01 img {
    width: 45%;
}

.content-01 .text-content {
    width: 55%;
}

.content-02 {
    margin-top: 8rem;
}

#concept .img-02 {
    width: 40%;
}

#concept .img-03 {
    width: 30%;
    margin-top: 8rem;
}

#message .flex {
    column-gap: 4rem;
    row-gap: 3rem;
}

#message img {
    width: 40%;
}

#message .text-content {
    width: 60%;
}

#message strong {
    margin-bottom: .5em;
}

#message .name {
    text-align: end;
    margin-top: .5rem;
}

#message .container {
    position: relative;
}

#message .absolute {
    width: clamp(100px, 15vw, 150px);
    left: min(-2vw,-10rem);
    top: -5rem;
}

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

    .content-01.flex > * {
        width: 100%;
    }

    .content-02 {
        display: none;
    }

    #message img {
        width: 100%;
        max-width: 400px;
    }

    #message .text-content {
        width: 100%;
    }

    #message strong {
        text-align: center;
    }

    #message .absolute {
        left: -2vw;
    top: -5rem;
}
}