.sesSection_1 {
  display: flex;
  gap: 4rem;
　　 align-items: center; 
}

.sesSection_1__text {
  width: 50%;
  display: flex; /* Flexboxを使ってテキストコンテンツを中央に配置 */
  flex-direction: column; /* 子要素を縦方向に配置 */
  justify-content: center;
}

.sesSection_1__text h1{
  margin-bottom: 2.5rem;
}

.sesSection_1__img {
    width: 50%;
}

.sesSection_1__img img{
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) { /* 768px以下の画面サイズで適用されるスタイル */
  .sesSection_1 {
    flex-direction: column; /* フレックスの方向を縦に変更 */
    align-items: stretch; /* アイテムをコンテナの幅いっぱいに広げる */
  }

  .sesSection_1__text, .sesSection_1__img {
    width: 100%; /* テキストと画像ブロックの幅を100%に設定 */
  }

  .sesSection_1__img img {
    height: auto; /* 画像の高さを自動調整に変更 */
  }
}