@charset "utf-8";

.p-mv {
  --pt: 90;
  padding-top: clamp(var(--pt) * .6em/16, var(--pt) / 1024*100vw, var(--pt) * 1em/16);
  overflow: hidden;
}
.p-mv__title {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-mv__titleFirst {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-mv__titleFirst::after {
  content: "";
  display: block;
  margin-top: calc(-12em/16);
  background: url("../../images/mv-title-line.svg") top left no-repeat;
  width: min(calc(420em/16), calc(420/520*100vw));
  /* width: calc(420em/16); */
  height: calc(50em/16);
  background-size: 100%;
}
.p-mv__titleFirstTxt {
  font-size: calc(18em/16);
  text-align: center;
  letter-spacing: .025em;
  text-indent: .025em;
  line-height: 1.4;
}
.p-mv__titleFirstTxt .u-pcNone {
  display: none;
}
@media screen and (max-width: 540px) {
  .p-mv__titleFirst {
    margin-top: calc(-4em/16);
  }
  .p-mv__titleFirst::after {
    width: min(calc(360em/16), calc(360/540*100vw));
  }
  .p-mv__titleFirstTxt .u-pcNone {
    display: block;
  }
}
@media screen and (max-width: 880px) {
  .p-mv__titleFirst {
    font-size: .9em;
  }
}
.p-mv__titleSecond {
  margin-top: calc(18em/56);
  text-align: center;
  line-height: 1.6;
  font-size: clamp(56 * .5em/16, 56/1024*100vw, 56em/16);
  letter-spacing: -0.06em;
}
.p-mv__titleSecondTxt {
  display: block;
}
@media screen and (max-width: 350px) {
  .p-mv__titleSecond {
    margin-top: calc(18em/56);
    text-align: center;
    line-height: 1.6;
    font-size: calc(27/350*100vw*.9);
    letter-spacing: -0.06em;
  }
}

.p-mv__img {
  --mt: 20;
  --item-w: 472;
  margin-top: calc(var(--mt) * 1em/16);
  display: flex;
  will-change: transform;
  width: calc( var(--item-w) * 8em/16 );
  font-size: clamp(.5em, calc(16/1024*100vw), 1em);
}
@media screen and (max-width: 1024px) {
  .p-mv__img {
    --mt: 50;
  }
}
.p-mv__imgItem {
  width: calc( var(--item-w) * 1em/16 );
  padding-right: calc(6em/16);
  flex-shrink: 0;
}