.message_top, .message_intro{
    max-width: 95%;
    margin-inline: auto;
}

/*メッセージ-start*/
.message_intro {
    padding: 50px 20px 0px;
    justify-content: space-between;
}


@media screen and (max-width: 1130px) {
    .message_intro {
        padding: 50px 20px 0px;
        flex-direction: column;
    }
}


@media (max-width: 600px) {
    .message_intro {
        padding: 50px 0px 0px;
    }
}

@media (min-width: 500px){
    .message_page {
        height: 400px; 
        background: linear-gradient(to top, rgba(50 120 194 / 100%), rgba(255 0 0 / 0%) 100%);
        display: flex;
        align-items: end;
        color: white;
        text-align: left;
        padding-bottom: 2.2%;
    }
}

@media (min-width: 350px) and (max-width: 500px){
    .message_page {
        height: 350px; 
        background: linear-gradient(to top, rgba(50 120 194 / 100%), rgba(255 0 0 / 0%) 100%);
        display: flex;
        align-items: end;
        color: white;
        text-align: left;
        padding-bottom: 2.2%;
    }
}

@media (max-width: 350px){
    .message_page {
        height: 325px; 
        background: linear-gradient(to top, rgba(50 120 194 / 100%), rgba(255 0 0 / 0%) 100%);
        display: flex;
        align-items: end;
        color: white;
        text-align: left;
        padding-bottom: 2.2%;
    }
}


.message_title{
    padding-left: 6em;
}

.message_title p{
    width: auto;
    height: auto;
}

.message_title_en {
    background-image: url(../images/rnew/title_message.png);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50vw;
    height: 9.5vw;
}


@media screen and (max-width: 800px) {
    .message_title{
        padding-left: 2em;
    }
    .message_title_en {
        width: 50vw;
        height: 15vw;
    }
}

.message_top_img{
    max-width: 100%;
}

.message_top{
    position: relative;
}

.message_top_tx1 p{
    font-weight: 600;
}

.message_top_num{
    font-size: 8rem;
    line-height: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    color: rgba(50, 120, 194, 0.4);
}

.message_top_num.en{
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 330px;
    left: 20px;
    color: rgba(50, 120, 194, 0.4);
}

.message_top_num.en1{
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 180px;
    left: 20px;
    color: rgba(50, 120, 194, 0.4);
}

.message_top_num.en2{
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 265px;
    left: 20px;
    color: rgba(50, 120, 194, 0.4);
}

.message_top_keyword{
    font-size: 2rem;
    line-height: 1;
    position: absolute;
    top: 110px;
    left: 120px;
}

.message_top_name{
   font-size: 1rem;
    line-height: 1;
    position: absolute;
    top: 250px;
    left: 120px; 
}

/*430px以下*/
@media screen and (max-width: 430px){
  .message_top_num{
    font-size: 4rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgba(50, 120, 194, 0.4);
    }

    .message_top_keyword{
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    top: 50px;
    left: 40px;
    }

    .message_top_name{
   font-size: 0.8rem;
    line-height: 1;
    position: absolute;
    top: 120px;
    left: 40px; 
    }
}

/* 431px以上550px以下 */
@media screen and (min-width: 431px) and (max-width: 550px)
 {
  .message_top_num{
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgba(50, 120, 194, 0.4);
    }

    .message_top_keyword{
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    top: 80px;
    left: 40px;
    }

    .message_top_name{
   font-size: 0.8rem;
    line-height: 1;
    position: absolute;
    top: 150px;
    left: 40px; 
    }
}

/* 551px以上～730px以下 */
@media screen and (min-width: 551px) and (max-width: 730px) {
  .message_top_num{
    font-size: 6.5rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgba(50, 120, 194, 0.4);
    }

    .message_top_keyword{
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    top: 100px;
    left: 60px;
    }

    .message_top_name{
   font-size: 0.8rem;
    line-height: 1;
    position: absolute;
    top: 190px;
    left: 65px; 
    }
}

.message_intro h3{
    color: #3278C2;
}

.message01, .message02, .message03, .message04, .message05, .interview_img{
    padding-top: 50px;
}

.p .answer{
    padding-top: 5px;
}

/* 飾り画像の共通スタイル */
.decor-image {
  display: block;
  margin: 1.5em auto;
  max-width: 300px;
  height: auto;
}

/* h3に左線を入れる */
.message01 h3,
.message02 h3,
.message03 h3,
.message04 h3,
.message05 h3{
  position: relative;
  padding-left: 32px; /* 線の長さ＋余白 */
  padding-bottom: 5px;
}

.message01 h3::before,
.message02 h3::before,
.message03 h3::before,
.message04 h3::before,
.message05 h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 26.5px;
  height: 2px;
  background-color: #3278C2;
  transform: translateY(-50%);
}

.interview_img{
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}