/*---------- reset ----------*/
.main-inner {
  width: 100% !important;
}

/*---------- reset ----------*/
/*---------- all common ----------*/
html {
  font-size: 62.5%;
  box-sizing: border-box;
}

.LB1019 img,
.LB1019 svg,
.LB1019 video {
  width: 100%;
  height: auto;
}
.LB1019 a, .LB1019 picture {
  display: block;
}
.LB1019 .pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  .LB1019 .pc-only {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .LB1019 .sp-only {
    display: none;
  }
}

/*---------- all common ----------*/
/*---------- animation ----------*/
.mainContentArea__fixLogo {
  opacity: 0;
  transition-duration: 0.4s;
}

.mainContentArea__fixLogo.active {
  opacity: 1;
}

/*---------- animation ----------*/
/*---------- font ----------*/
@font-face {
  font-family: "TimesNewRomanMTStd-CondIt";
  src: url(../font/TimesNewRomanMTStd-CondIt.otf);
}
.firstviewArea__lead {
  color: #FFFFFF;
  font-family: "fot-cezanne-pron", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(23 *(100vw / 750));
  line-height: 1.95;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead {
    font-size: 1.3rem;
    line-height: 1.9230769231;
  }
}

.sec-credit span {
  color: #000000;
  font-family: "TimesNewRomanMTStd-CondIt";
  font-style: italic;
  font-size: calc(22 *(100vw / 750));
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .sec-credit span {
    font-size: 1.3rem;
  }
}

.sec15 .sec-credit span {
  color: #FFFFFF;
}

.creditArea__staffCredit {
  color: #FFFFFF;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20 *(100vw / 750));
  line-height: 1.28;
}
@media screen and (min-width: 768px) {
  .creditArea__staffCredit {
    font-size: 1.1rem;
    line-height: 1.2727272727;
  }
}

.LB1019__btn a {
  color: #FFFFFF;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(20 *(100vw / 750));
  line-height: 1.1825;
}
@media screen and (min-width: 768px) {
  .LB1019__btn a {
    font-size: 1.2rem;
    line-height: 1.1666666667;
  }
}

/*---------- font ----------*/
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for mobile
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*---------- image-size ----------*/
.firstviewArea__img,
.model-image {
  width: 100%;
}

.model-image301 {
  width: calc(490 *(100vw / 750));
}

.model-image701 {
  width: calc(544 *(100vw / 750));
}

.model-image901 {
  width: calc(678 *(100vw / 750));
}

.model-image902 {
  width: calc(500 *(100vw / 750));
}

.model-image1002 {
  width: calc(500 *(100vw / 750));
}

.model-image1201 {
  width: calc(668 *(100vw / 750));
}

.model-image1401 {
  width: calc(514 *(100vw / 750));
}

.firstviewArea__movie {
  width: 100%;
  height: 28.1rem;
}

.firstviewArea__ttl {
  width: calc(482.0072 *(100vw / 750));
}

.firstviewArea__logo {
  width: calc(90 *(100vw / 750));
}

.creditArea__logo {
  width: calc(312 *(100vw / 750));
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.firstviewArea__img,
.firstviewArea__logo,
.firstviewArea__movie,
.model-image,
.creditArea__logo {
  margin-inline: auto;
}

.sec {
  margin-bottom: calc(240 *(100vw / 750));
}

.sec-credit {
  text-align: center;
  margin-top: calc(15 *(100vw / 750));
}
.sec-credit span {
  display: inline-block;
  margin-inline: calc(6 *(100vw / 750));
  margin-top: calc(6 *(100vw / 750));
}
.sec-credit span + span {
  position: relative;
}
.sec-credit span + span::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: calc(-14 *(100vw / 750));
  content: "/";
  z-index: 1;
}
.sec-credit br + span::before {
  display: none;
}

/*---------- common ----------*/
.LB1019 {
  padding-bottom: calc(200 *(100vw / 750));
}

.firstviewArea {
  margin-bottom: calc(240 *(100vw / 750));
}
.firstviewArea__wrapper {
  padding-top: calc(54 *(100vw / 750));
  background-color: #000000;
}
.firstviewArea__img {
  position: relative;
  margin-bottom: calc(31 *(100vw / 750));
}
.firstviewArea__ttl {
  position: absolute;
  left: 50%;
  bottom: calc(30 *(100vw / 750));
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
.firstviewArea__lead {
  text-align: center;
  margin-bottom: calc(37 *(100vw / 750));
}
.firstviewArea__logo {
  margin-bottom: calc(130 *(100vw / 750));
}
.firstviewArea__movie {
  overflow: hidden;
}
.firstviewArea__movie video {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(1000 *(100vw / 750));
}

.sec04 .model-image401 {
  margin-bottom: calc(70 *(100vw / 750));
}

.sec06 .model-image601 {
  margin-bottom: calc(240 *(100vw / 750));
}

.sec09 .model-image901 {
  margin-left: 0;
}
.sec09 .model-image902 {
  margin-top: calc(50 *(100vw / 750));
  margin-right: calc(70 *(100vw / 750));
}
.sec09 .sec-credit {
  transform: translateX(calc(-42 *(100vw / 750)));
}

.sec10 .model-image1002 {
  margin-top: calc(240 *(100vw / 750));
}

.sec11 .model-image1102 {
  margin-top: calc(240 *(100vw / 750));
}

.sec12 .model-image1201 {
  margin-left: 0;
}
.sec12 .sec-credit {
  transform: translateX(calc(-36 *(100vw / 750)));
}

.sec14 {
  margin-bottom: calc(206 *(100vw / 750));
}

.sec15 {
  position: relative;
  margin-bottom: 0;
  transform: translateY(1px);
}
.sec15 .sec-credit {
  position: absolute;
  left: 50%;
  bottom: calc(-45 *(100vw / 750));
  transform: translateX(-50%);
  white-space: nowrap;
}

.creditArea {
  padding-top: calc(260 *(100vw / 750));
  padding-bottom: calc(120 *(100vw / 750));
  background-color: #000000;
}
.creditArea__staffCredit {
  text-align: center;
  margin-bottom: calc(115 *(100vw / 750));
}
.creditArea__staffCredit--ttl {
  display: block;
  margin-bottom: calc(20 *(100vw / 750));
}
.creditArea__logo {
  margin-bottom: calc(123 *(100vw / 750));
}

.LB1019__btn a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(500 *(100vw / 750));
  height: calc(88 *(100vw / 750));
  margin: 0 auto;
  border: solid 1px #fff;
}

.LB1019__btn + .LB1019__btn {
  margin-top: calc(12 *(100vw / 750));
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .firstviewArea__img {
    width: 56.4rem;
  }
  .model-image101 {
    width: 66rem;
  }
  .model-image201 {
    width: 44rem;
  }
  .model-image301 {
    width: 30.8rem;
  }
  .model-image401,
  .model-image402 {
    width: 66rem;
  }
  .model-image501 {
    width: 44rem;
  }
  .model-image601 {
    width: 59rem;
  }
  .model-image602 {
    width: 44rem;
  }
  .model-image701 {
    width: 33rem;
  }
  .model-image801 {
    width: 44rem;
  }
  .model-image901 {
    width: 39.8rem;
  }
  .model-image902 {
    width: 29.4rem;
  }
  .model-image1001 {
    width: 44rem;
  }
  .model-image1002 {
    width: 31.8rem;
  }
  .model-image1101 {
    width: 44rem;
  }
  .model-image1102 {
    width: 54.6rem;
  }
  .model-image1201 {
    width: 39.2rem;
  }
  .model-image1301 {
    width: 44rem;
  }
  .model-image1401 {
    width: 31.8rem;
  }
  .model-image1501 {
    width: 44rem;
  }
  .firstviewArea__movie {
    width: 87.6rem;
    height: auto;
  }
  .firstviewArea__ttl {
    width: 43.6rem;
  }
  .firstviewArea__logo {
    width: 6rem;
  }
  .firstviewArea__fixLogo {
    width: 11rem;
  }
  .mainContentArea__fixLogo {
    width: 7rem;
  }
  .creditArea__logo {
    width: 18.2rem;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  .sec {
    margin-bottom: 14rem;
  }
  .sec-credit {
    margin-top: 1.1rem;
  }
  .sec-credit span {
    margin-inline: 0.4rem;
    margin-top: 0.2rem;
  }
  .sec-credit span + span::before {
    left: -0.8rem;
  }
  /*---------- common ----------*/
  .LB1019 {
    position: relative;
    padding-bottom: 15rem;
  }
  .firstviewArea {
    margin-bottom: 0;
  }
  .firstviewArea__wrapper {
    padding-top: 0;
  }
  .firstviewArea__img {
    margin-bottom: 2.5rem;
  }
  .firstviewArea__ttl {
    top: 50%;
    left: -21.8rem;
    bottom: auto;
    transform: translateX(0);
    transform: translateY(-50%);
  }
  .firstviewArea__lead {
    margin-bottom: 3.4rem;
  }
  .firstviewArea__logo {
    margin-bottom: 9rem;
  }
  .firstviewArea__fixLogo {
    position: absolute;
    top: 48.2%;
    right: -18.8rem;
    transform: translateY(-50%);
  }
  .firstviewArea__movie video {
    position: static;
    width: 100%;
    transform: translateX(0);
    transform: translateY(1px);
  }
  .mainContentArea__wrapper {
    position: relative;
    margin-inline: auto;
    padding-top: 8.4rem;
    width: 140rem;
  }
  .mainContentArea__fixLogo {
    position: sticky;
    top: 6rem;
    margin-left: auto;
    margin-right: 13.6rem;
  }
  .sec04 .model-image401 {
    margin-bottom: 6rem;
  }
  .sec06 .model-image601 {
    margin-bottom: 14rem;
  }
  .sec09 .model-image901 {
    margin-left: auto;
    transform: translateX(-2rem);
  }
  .sec09 .model-image902 {
    margin-top: 3rem;
    margin-right: auto;
    transform: translateX(3rem);
  }
  .sec09 .sec-credit {
    transform: translateX(-2rem);
  }
  .sec10 .model-image1002 {
    margin-top: 14rem;
  }
  .sec11 .model-image1102 {
    margin-top: 14rem;
  }
  .sec12 .model-image1201 {
    margin-left: auto;
    transform: translateX(-2.5rem);
  }
  .sec12 .sec-credit {
    transform: translateX(-2.5rem);
  }
  .sec14 {
    margin-bottom: 14rem;
  }
  .sec15 {
    margin-bottom: 0;
    transform: translateY(0);
  }
  .sec15 .sec-credit {
    bottom: -2.6rem;
  }
  .creditArea {
    padding-top: 14.5rem;
    padding-bottom: 12rem;
  }
  .creditArea__staffCredit {
    margin-bottom: 7.2rem;
  }
  .creditArea__staffCredit--ttl {
    margin-bottom: 1.5rem;
  }
  .creditArea__logo {
    margin-bottom: 7rem;
  }
  .LB1019__btn a {
    width: 29.6rem;
    height: 5.2rem;
  }
  .LB1019__btn + .LB1019__btn {
    margin-top: 0.5rem;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}/*# sourceMappingURL=style.css.map */