@charset "UTF-8";

/* MV調整(2026/07/08) */
#mv,
#mv .mv_mp4,
#mv .mv_mp4 video{
	height: auto;
	max-height: initial !important;
}
#mv_outer {
    padding-bottom: 0;
}
#mv .mv_textimg {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
#mv .mv_textimg > div {
    width: 30%;
    bottom: 2%;
}
#mv .mv_textimg img {
    width: 100%;
    max-width: initial;
}
#mv .mv_mp4 video {
    aspect-ratio: 4 / 3;
}
@media screen and (min-width: 768px) {
    #mv {
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    #mv .mv_mp4 video {
        aspect-ratio: 6 / 5;
    }
    #mv .mv_textimg > div {
        width: 45%;
    }
}
@media screen and (max-width: 125vh){
	#mv.mv_mp4_cover {
		height: auto !important;
		min-height: 0 !important;
	}
}


#mv .mv_mp4 {
  position: relative;
}

#mv .mv_mp4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 500px;
  aspect-ratio: 1 / 1;

  /* White background + logo */
  background-image: url("/common/upload_data/ichinazaka-seikotsuin-harikyucom/image/20260714142746.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  height: 100px; 

  z-index: 10;
  pointer-events: none;

  /* Stay for 2s, then fade out */
  animation: mvLogoFade 0.5s ease 2s forwards;
}

@keyframes mvLogoFade {
  to {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  #mv .mv_mp4::after {
    width: 45vw;
    max-width: 180px;
    height: 50px;
  }
}

 body:not(.edit_view ).done #mv.mv_mp4_pv .mv_textimg {
    display: none !important; 
}