@charset "UTF-8";

.mv__area--inner {
  justify-content: space-between;
  width: 641px;
}
.mv__area--head h2 {
  position: relative;
  /* width: 365px; */
}

.mv__area--head h2 .mv__area--title {
  position: relative;
  background-color: transparent;
  /* padding: min(calc(13 / 1440 * 100vw), 13px) min(calc(30 / 1440 * 100vw), 30px); */
  /* height: min(calc(60 / 1440 * 100vw), 60px); */
  z-index: 0;
  width: 0;
  transition: all ease-in 0.5s;
  opacity: 0;
}

.mv__area--head h2 span::before {
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 0px 0px 25px 0px;
  background: #fff;
  height: 100%;
  display: block;
  left: 0;
  width: 0;
  transition: all ease-in 0.25s;
  transition: width 0.8s ease-out;
  opacity: 0;
}

.pageLoaded .mv__area--head h2 .mv__area--title {
  width: auto;
  opacity: 1;
}

.pageLoaded .mv__area--head h2 .mv__area--title::before {
  width: 100%;
  opacity: 1;
}

.mv__area--head h2 .mv__area--title.animation-delay-1 {
  transition-delay: 0s;
}

.mv__area--head h2 .mv__area--title.animation-delay-2 {
  transition-delay: 0.25s;
}

.mv__area--head h2 .mv__area--title.animation-delay-3 {
  transition-delay: 0.5s;
}

.mv__area--img {
  transition: all ease-in 0.5s;
  opacity: 0;
  transition-delay: 0.5s;
}

.pageLoaded .mv__area--img {
  opacity: 1;
}

.mv__area p {
  transition: all ease-in 0.5s;
  opacity: 0;
  transition-delay: 0.75s;
  scale: 1.15;
}

.pageLoaded .mv__area p {
  opacity: 1;
  scale: 1;
}

.mv__area .disp-pc a {
  transition: all ease-in-out 0.5s;
  opacity: 0;
  transition-delay: 1.25s;
  /* scale: 0.85; */
  scale: 1.15;
}

.pageLoaded .mv__area .disp-pc a {
  opacity: 1;
  scale: 1;
}

.animation-delay-1 {
  transition-delay: 0s;
}

.animation-delay-2 {
  transition-delay: 0.25s;
}

.animation-delay-3 {
  transition-delay: 0.75s;
}

.animation-delay-4 {
  transition-delay: 1s;
}

@media screen and (max-width: 768px) {
  .mv__area--head {
    width: calc(280 / 430 * 100vw);
  }

  .mv__area--inner {
    width: 100%;
  }
  /* .pageLoaded .mv__area--head h2 span {
    width: 100%;
  } */
  .pageLoaded .mv__area--head h2 .mv__area--title:first-child {
    width: auto;
  }
  .pageLoaded .mv__area--head h2 .mv__area--title:first-child:before {
    width: calc(234 / 430 * 100vw);
  }
  .pageLoaded .mv__area--head h2 .mv__area--title:nth-child(2)::before {
    width: calc(329 / 430 * 100vw);
  }
  .mv__area--head h2 .mv__area--title {
    padding: 0 0 0 calc(20 / 430 * 100vw);
    text-align: left;
  }
  .mv__area--head h2 .mv__area--title:nth-child(2) {
    padding: 0 0 0 calc(3 / 430 * 100vw);
  }
  .mv__area--head h2 .tight {
    margin-left: -0.4em;
  }
}