/* リリース後追加CSS */
/* バナー */
.banner {
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .banner_container {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .banner_image {
    width: 90%; /* 横幅は親要素に合わせて100% */
    height: 90%; /* 高さも親要素に合わせて100% */
    max-width: 1000px;
  }
  
  /* モバイル端末対応 */
  @media (max-width: 769px) {
    .banner_container {
      max-width: 100%; /* 画面が小さい場合、幅を100%に */
      height: auto; /* 高さは自動で調整 */
      padding: 0; /* 左右の余白をなくす */
    }
    .banner_image {
      height: auto; /* 画像の高さも自動で調整 */
    }
  }