@charset "UTF-8";

.message .content .top,
.message .content .bottom{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 5%;
}
.message .content .top figure{
    border-radius:20px;
    width: 40%;
    margin: 0 5% 5% 0;
    overflow: hidden;
}
.message .content .top figure img{
    height: 100%;
    object-fit: cover;
}
.message .content .top p{
    color: var(--color01);
    line-height: 2.1em;
    width: 55%;
    margin: 0 0 3%;
}
.message .content .bottom figure{
    border-radius:20px;
    width: 25%;
    margin: 0 5% 0 0;
    overflow: hidden;
}
.message .content .bottom figure img{
    height: 100%;
    object-fit: cover;
}
.message .content .bottom p{
    color: var(--color01);
    line-height: 2.1em;
    width: 66%;
    margin: 0 0 3%;
}
@media all and (min-width:769px) and (max-width: 1599px) {
    .message .content .top,
    .message .content .bottom{
        width: 95%;
    }
}
@media all and (min-width:769px){
    .message .content .top p{
        padding:2% 0 0;
    }
    .message .content .bottom p{
        padding:2% 5% 0 0;
    }
}
@media all and (max-width:768px){
    .message .content .top figure,
    .message .content .bottom figure{
        width: 60%;
        margin: 0 auto 5%;
        order:1;
    }
    .message .content .top p,
    .message .content .bottom p{
        width: 90%;
        margin: 0 auto 5%;
        order:2;
    }
}