.message-page {
    padding: 0 5% 60px 5%;
}
.message-page__title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 40px;
}
.message-page__img {
    width: 230px;
    margin: 0 auto 30px;
}
.message-page__img img {
    width: 100%;
    height: auto;
}
.message-page__text {
    letter-spacing: 0.05rem;
    line-height: 1.85;
}
.message-page__text--right {
    text-align: right;
}
.message-page__text + .message-page__text {
    margin-top: 40px;
}
.message-page__grad {
    background: linear-gradient(0deg, rgba(92, 202, 155, 1) 0%, rgba(72, 172, 199, 1) 50%, rgba(123, 136, 199, 1) 100%);
    border-radius: 10px;
    padding: 30px;
    margin: 60px 0;
}
.message-page__grad-title {
    font-size: 2rem;
    color: white;
    text-align: center;
	font-family: "Noto Sans JP", sans-serif;
    margin-bottom: 20px;
}
.message-page__grad-text {
    color: white;
    line-height: 1.85;
	font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 769px) {
    .message-page {
        padding: 60px 85px;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        gap: 0px 0px;
        grid-template-areas:
            "title title"
            "img text";
    }
    .message-page > div:nth-of-type(2) {
        grid-area: title;
    }
    .message-page > div:nth-of-type(1) {
        grid-area: img;
    }
    .message-page > div:nth-of-type(3) {
        grid-area: text;
        padding-left: 48px;
    }
    .message-page__title {
        font-size: 3rem;
        margin-bottom: 50px;
    }
    .message-page__img {
        margin: 0;
        width: 268px;
    }
    .message-page__grad {
        padding: 30px 40px;
    }
    .message-page__grad-title {
        font-size: 2.4rem;
    }
    .message-page__grad-text {
        font-size: 1.8rem;
    }
}