@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
.p-arsoaai__list {
  display: flex;
  flex-flow: row wrap;
}
.p-arsoaai__list:first-of-type .p-arsoaai__listItem::before {
  display: block;
  width: 100%;
  height: 2.2rem;
  margin-left: 3%;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  color: #e5004a;
}
.p-arsoaai__list:first-of-type .p-arsoaai__listItem:nth-child(1)::before {
  content: "PICKUP";
}
.p-arsoaai__list:first-of-type .p-arsoaai__listItem:nth-child(2)::before {
  content: "NEW";
}
.p-arsoaai__list:first-of-type .p-arsoaai__listItem:nth-child(3) {
  margin-top: 2.2rem;
}
.p-arsoaai__list:last-of-type .p-arsoaai__listItem::before {
  display: block;
  width: 100%;
  height: 2.2rem;
  margin-left: 3%;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  color: #e5004a;
}
.p-arsoaai__list:last-of-type .p-arsoaai__listItem:nth-child(1)::before {
  content: "NEW";
}
.p-arsoaai__list:last-of-type .p-arsoaai__listItem:not(.p-arsoaai__list:last-of-type .p-arsoaai__listItem:nth-child(1)) {
  margin-top: 2.2rem;
}
.p-arsoaai__listItem {
  width: 28%;
  margin: 0 2.6% 70px;
  text-align: center;
  line-height: 2;
}
.p-arsoaai__movieLogo {
  width: 171px;
  margin: 0 auto;
}
.p-arsoaai__movieTitle {
  width: 489px;
  margin: 120px auto 124px;
}
.p-arsoaai__movieTxt {
  position: relative;
  width: 341px;
  margin: 0 auto;
}
.p-arsoaai__movieTxt::before {
  content: "";
  width: 48px;
  height: 4px;
  position: absolute;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
}
.p-arsoaai__moviePeriod {
  margin: 80px 0 95px;
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.08em;
  text-align: center;
}
.p-arsoaai__moviePeriod p {
  margin-top: 0.4em;
  font-size: 3.5rem;
}
.p-arsoaai__moviePeriod p span {
  margin-left: 0.1em;
  font-size: 2.6rem;
  vertical-align: 0.1em;
}
.p-arsoaai__movieMv {
  position: relative;
  max-width: 1465px;
  margin: 0 auto;
}
.p-arsoaai__movieMv::after {
  content: "";
  width: 44px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/assets/img/news/arsoaai/movie/play.svg) no-repeat left top/100%;
  pointer-events: none;
}
.p-arsoaai__movieMv img {
  transition: 0.3s;
}
.p-arsoaai__movieMv img:hover {
  opacity: 0.8;
  cursor: pointer;
}
.p-arsoaai__movieCopy {
  max-width: 1161px;
  margin: 150px auto 90px;
}
.p-arsoaai__movieClose {
  position: relative;
  margin: 150px auto 200px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.875;
  text-align: center;
}
.p-arsoaai__movieClose::after {
  content: "";
  width: 50px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../../../img/news/arsoaai/movie/ico_heart.svg) no-repeat center center/contain;
}
.p-arsoaai__movie footer div {
  width: 167px;
  margin: 0 auto 34px;
}
.p-arsoaai__movie footer p {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  text-align: center;
}

/* modal */
.movie {
  position: relative;
  width: 80%;
  padding-top: 45%;
  margin: 0 auto;
}
.movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.movie .mfp-close {
  position: absolute;
  top: -36px;
  right: 0;
  width: 52px;
  height: 24px;
  font-size: 0;
  background: url(/assets/img/news/arsoaai/movie/close.svg) no-repeat left top/100%;
}
@media screen and (max-width: 768px){
  .p-arsoaai__list {
    display: block;
  }
  .p-arsoaai__list:first-of-type .p-arsoaai__listItem:nth-child(3) {
    margin-top: 0;
  }
  .p-arsoaai__list:last-of-type .p-arsoaai__listItem:not(.p-arsoaai__list:last-of-type .p-arsoaai__listItem:nth-child(1)) {
    margin-top: 0;
  }
  .p-arsoaai__listItem {
    width: 100%;
    margin: 0 0 60px;
  }
  .p-arsoaai__movie {
    padding: 7.2916666667vw 0 6.25vw;
  }
  .p-arsoaai__movieLogo {
    width: 21.25vw;
  }
  .p-arsoaai__movieTitle {
    width: 50.9375vw;
    margin: 11.4583333333vw auto 12.9166666667vw;
  }
  .p-arsoaai__movieTxt {
    width: 35.5208333333vw;
  }
  .p-arsoaai__movieTxt::before {
    width: 5vw;
    height: 0.4166666667vw;
    top: -6.6666666667vw;
  }
  .p-arsoaai__moviePeriod {
    margin: 8.3333333333vw 0 9.8958333333vw;
    padding: 1.6666666667vw 0;
    font-size: 2.9166666667vw;
    font-weight: 500;
  }
  .p-arsoaai__moviePeriod p {
    font-size: 3.6458333333vw;
  }
  .p-arsoaai__moviePeriod p span {
    font-size: 2.7083333333vw;
    vertical-align: 0.02em;
  }
  .p-arsoaai__movieMv {
    max-width: 89.8958333333vw;
  }
  .p-arsoaai__movieMv::after {
    width: 8.2291666667vw;
    height: 9.4791666667vw;
  }
  .p-arsoaai__movieCopy {
    max-width: 54.6875vw;
    margin: 14.5833333333vw auto 13.5416666667vw;
  }
  .p-arsoaai__movieClose {
    margin: 15.625vw auto 20.8333333333vw;
    font-size: 3.3333333333vw;
  }
  .p-arsoaai__movieClose::after {
    width: 5.2083333333vw;
    height: 4.375vw;
  }
  .p-arsoaai__movie footer div {
    width: 26.0416666667vw;
    margin-bottom: 5.625vw;
  }
  .p-arsoaai__movie footer p {
    font-size: 2.0833333333vw;
  }
  .movie {
    width: 92%;
    padding-top: 51.75%;
  }
}