.text-area{
       font-family: 'M PLUS Rounded 1c';
    max-width: 825px;
    margin: 0 auto;
	background-color: yellow;
    padding: 5px 0;
    display: flex; 
  align-items: flex-end;
  
}
.text_area_left01 {  
        font-size: clamp(6px, 5vw, 28px);
            font-weight: 900;
            line-height: 1.4rem;
    text-align: right;
    color: red;
    -webkit-text-stroke: 0.7px #ffffff; /* 枠線の太さと色 (WebKit系ブラウザ向け) */
    width: 30%;
padding-bottom:1%;
}
.text_area_left01 > span {  
    color:#1d2087;
}
.text_area_left02 {
    padding:0;
  overflow: visible; /* コンテンツのはみ出しを許可 */
    width: 15%;
    margin-top: -50px;
    text-align: center;
    color:#00ddeb;

}
.text_area_left02 > span {
 font-size: 45px;
position: relative;
  top: 7px; /* 現在の位置から下に5px移動 */
            font-weight: 900;
}

.text_area_left03 {
      font-size: clamp(6px, 3.3vw, 34px);
            font-weight: 900;
            padding-bottom:1%;
            color:#1d2087; 
             -webkit-text-stroke: 0.3px #ffffff; /* 枠線の太さと色 (WebKit系ブラウザ向け) */
    width: 34%;
    text-align: bottom;
}
.text_area_left03 > span {
            color:red; 

}
.text_area_left04 {
    font-size: clamp(6px, 4.9vw, 22px);
       color: red;
              line-height: 1.4rem;
         -webkit-text-stroke: 0.5px #ffffff; /* 枠線の太さと色 (WebKit系ブラウザ向け) */
      font-weight: 900;
    width: 21%;
    padding-bottom:1%;
    text-align: bottom;
}
 p {
  margin:0;
 }
 @media screen and (min-width: 749px) {
.text_area_left01 {  
                  line-height: 1.9rem;
    
}
.text_area_left02 > span {
 font-size: 70px;
position: relative;
  top: 15px; /* 現在の位置から下に5px移動 */
}

.text_area_left03 {
      font-size: 26px;
}
.text_area_left04 {
    font-size: 30px;
       color: red;
              line-height: 1.9rem;
      padding-bottom:1%;
    text-align: bottom;
}
 }