.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.containervideo {
  display: flex;
  flex-wrap: wrap;
  width:90% ;
  margin-left:auto ;
  margin-right: auto ;
}
.columnvideo {
  width: 100%;
  padding:1em ;
}

@media (min-width: 1024px) {
  .columnvideo {
    width: 50%;
  }
}

.logoContainer {
  display: flex;
  align-items: center; /* ロゴの縦位置を中央揃え */
  justify-content: space-between; /* ロゴ間に適度なスペースを作る場合 */
}

.small-logo img {
  width: 300px;  /* お好みのサイズに調整してください */
  height: auto; /* アスペクト比を保つために自動設定 */
  margin-left: 40px; /* お好みの値に調整してください */
}

/* 画面幅768px以下の場合のスタイル */
@media screen and (max-width: 768px) {
  .headerLogo img {
    width: 150px; /* スマホ表示時のサイズ（お好みで調整してください） */
    height: auto;
    margin-left: 20px; /* お好みの値に調整してください */
  }
}