/* worksのみオレンジ */
.menu-item-32 a{
  color: #D94B30!important;
}

/* タイトル */
.title-container{
  text-align: center;
}

.title-line{
  content: '';
  width: 100px;
  height: 8px;
  /* background-color: #D94B30; */
}

.title-container h1{
  line-height: 1!important;
}

/* ビデオサムネイルなどを調整 */
.video-gallery {
    display: flex;
    flex-wrap: wrap;
    /* gap: 5px; 列間・行間のスペース */
    justify-content: space-between; /* 列を均等配置 */
    margin: 0 20px!important;
    max-width: none!important;
    

}

.video-container {
  width: calc((100% - 15px) / 2);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  overflow: hidden; /* タイトルを隠さない */
}

.img-container{
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.video-container img {
  object-fit: cover;
  display: block;

  /* ホバーアニメーション */
  transition: transform 0.3s ease;
  transform-origin: center center;
}

.video-container:hover img {
  transform: scale(1.1);
  

}

.video-title {
  padding:0 15px 15px 15px;
  color: white;
  text-align: center;
}


/* レスポンシブ対応 */
@media screen and (max-width: 900px) {
    .video-container {
        width: calc((100% - 15px) / 2); /* 2列表示 */
    }
}

@media screen and (max-width: 600px) {
    .video-container {
        width: 100%; /* 1列表示 */
    }
}