#aboutMovieContainer{
  width: 90%;
  max-width: 900px;
  margin: 100px auto 0;
}

#aboutMovieContainer h2.ayumi {
  color: var(--secondaryColor);
}
#aboutMovieContainer h2.arigatou {
  color: var(--thirdColor);
}
#aboutMovieContainer h2.tadaima {
  color: var(--fourthColor);
}

#aboutMovieContainer > p {
  margin-top: 70px;
  font-size: 18px;
  line-height: 2.2;
  text-align: center;
}

.mainMovie {
  margin-top: 60px;
  border-radius: 60px;
  overflow: hidden;
}

.mainMovie iframe {
  width: 100%!important;
  aspect-ratio: 16 / 9;
}






#galleryContainer {
  width: 90%;
  max-width: 900px;
  margin: 120px auto 0;
}

#galleryContainer h3 {
  font-size: 38px;
}

.galleryContents {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px 25px;
}

.gallery {
  flex: 0 1 275px;
  border-radius: 30px;
  overflow: hidden;
}

.galleryMovie {
  position: relative;
  display: flex;
  flex-direction: column;
}

.movieThumb {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16 / 9!important;
  object-fit: cover;
}

.galleryInfo {
  padding: 30px 20px 25px;
  box-sizing: border-box;
  color: #fff;
}
.galleryInfo.ayumi {
  background: var(--secondaryColor);
}
.galleryInfo.arigatou {
  background: var(--thirdColor);
}
.galleryInfo.tadaima {
  background: var(--fourthColor);
}

.galleryCategory li {
  width: 104px;
  height: 28px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size:  12px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.galleryInfo h4 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

#galleryContainer .moreBtn {
  margin: 100px auto 0;
}






#flowContainer {
  width: 90%;
  max-width: 900px;
  margin: 120px auto 250px;
}








@media (max-width: 1024px) {
/* #aboutMovieContainer .title h2 {
  color: var(--secondaryColor);
} */

#aboutMovieContainer{
  /* width: 90%;
  max-width: 900px; */
  margin: 60px auto 0;
}

#aboutMovieContainer > p {
  margin-top: 40px;
  /* font-size: 18px;
  line-height: 2.2;
  text-align: center; */
}

.mainMovie {
  margin-top: 40px;
  border-radius: 50px;
  /* overflow: hidden; */
}






#galleryContainer {
  /* width: 90%;
  max-width: 900px; */
  margin: 80px auto 0;
}

#galleryContainer h3 {
  font-size: 32px;
}

.galleryContents {
  max-width: 575px;
  margin: 20px auto 0;
  /* display: flex;
  flex-wrap: wrap;
  gap: 50px 25px; */
}

/* .gallery {
  flex: 0 1 275px;
  border-radius: 30px;
  overflow: hidden;
}

.galleryMovie {
  position: relative;
  display: flex;
  flex-direction: column;
}

.galleryMovie iframe {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16 / 9!important;
}

.galleryInfo {
  padding: 30px 20px 25px;
  box-sizing: border-box;
  background: var(--secondaryColor);
  color: #fff;
}

.galleryCategory li {
  width: 104px;
  height: 28px;
  border: 1px solid #fff;
  box-sizing: border-box;
  font-size:  12px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.galleryInfo h4 {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
} */

#galleryContainer .moreBtn {
  margin: 60px auto 0;
}






#flowContainer {
  /* width: 90%; */
  /* max-width: 350px; */
  margin: 90px auto 200px;
}

}








@media (max-width: 560px) {
/* #aboutMovieContainer .title h2 {
  color: var(--secondaryColor);
} */

#aboutMovieContainer{
  /* width: 90%;
  max-width: 900px; */
  margin: 40px auto 0;
}

#aboutMovieContainer > p {
  margin-top: 20px;
  /* font-size: 18px;
  line-height: 2.2;
  text-align: center; */
}

.mainMovie {
  margin-top: 30px;
  border-radius: 25px;
  /* overflow: hidden; */
}






#galleryContainer {
  /* width: 90%;
  max-width: 900px; */
  margin: 60px auto 0;
}

#galleryContainer h3 {
  font-size: 28px;
}

.galleryContents {
  /* width: 100%;
  max-width: 575px; */
  margin: 20px auto 0;
  /* display: flex; */
  /* flex-wrap: wrap; */
  gap: 20px 3%;
}

.gallery {
  flex: 0 1 48.5%;
  border-radius: 15px;
  /* overflow: hidden; */
}

/* .galleryMovie {
  position: relative;
  display: flex;
  flex-direction: column;
} */

/* .galleryMovie iframe {
  width: 100%!important;
  height: auto!important;
  aspect-ratio: 16 / 9!important;
} */

.galleryInfo {
  padding: 16px 10px 15px;
  /* box-sizing: border-box;
  background: var(--secondaryColor);
  color: #fff; */
}

.galleryCategory li {
  width: 83px;
  height: 18px;
  /* border: 1px solid #fff;
  box-sizing: border-box; */
  font-size:  10px;
  border-radius: 9px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.galleryInfo h4 {
  margin-top: 5px;
  font-size: 12px;
  /* line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
}

#galleryContainer .moreBtn {
  margin: 50px auto 0;
}






#flowContainer {
  /* width: 90%; */
  /* max-width: 350px; */
  margin: 70px auto 170px;
}

}