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

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

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

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

/*---------- all common ----------*/
/*---------- animation ----------*/
.js-fade-Vr-first,
.js-fade-Vr {
  opacity: 0;
  transition-duration: 1.2s;
}

.js-fade-Vr-first.active,
.js-fade-Vr.active {
  opacity: 1;
}

.LB0914 .slide-dots {
  display: flex;
  justify-content: center;
  gap: calc(7 *(100vw / 850));
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: calc(20 *(100vw / 850));
}
.LB0914 .slide-dots li {
  width: calc(10 *(100vw / 850));
  height: calc(10 *(100vw / 850));
}
.LB0914 .slide-dots li button {
  padding: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 50%;
  box-sizing: border-box;
}
.LB0914 .slide-dots li.slick-active button {
  background-color: #000000;
}
@media screen and (min-width: 768px) {
  .LB0914 .slide-dots {
    justify-content: flex-start;
    gap: 0.45rem;
    top: 1.54rem;
    left: 1.4rem;
    margin-top: 0;
  }
  .LB0914 .slide-dots li {
    width: 6.6px;
    height: 6.6px;
  }
  .LB0914 .slide-dots li button {
    background-color: transparent;
    border: solid 1px #fff;
  }
  .LB0914 .slide-dots li.slick-active button {
    background-color: #fff;
  }
}

/*---------- animation ----------*/
/*---------- font ----------*/
.LB0914 {
  color: #000000;
}

.firstviewArea__lead {
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(20 *(100vw / 850));
  line-height: 2.35;
  letter-spacing: 0.03em;
}
.firstviewArea__lead span {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .firstviewArea__lead {
    font-size: 1rem;
    line-height: 2.25;
    letter-spacing: 0.039em;
    font-feature-settings: "palt";
  }
}

.sec-credit span {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(21 *(100vw / 850));
  line-height: 1;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .sec-credit span {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0em;
  }
}

.LB0914__btn a {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(21 *(100vw / 850));
  line-height: 1;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .LB0914__btn a {
    font-weight: 700;
    font-size: 1rem;
    font-feature-settings: "palt";
  }
}

.staff-credit {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(16 *(100vw / 850));
  line-height: 2.15625;
  letter-spacing: 0.039em;
}
@media screen and (min-width: 768px) {
  .staff-credit span {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.11em;
    transform: scale(0.7);
    transform-origin: left;
  }
  .staff-credit span:first-child {
    font-weight: 700;
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 768px) {
  .sec-ttlArea__ttl {
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.01em;
  }
}

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

.model-image {
  width: 100%;
}

.image-box101 {
  width: calc(700 *(100vw / 850));
}

.image-box401 {
  width: calc(700 *(100vw / 850));
}

.image-box501 {
  width: calc(700 *(100vw / 850));
}

.image-box601 {
  width: calc(700 *(100vw / 850));
}

.model-image13 {
  width: calc(608 *(100vw / 850));
}

.image-box1101 {
  width: calc(578 *(100vw / 850));
}

.model-image20 {
  width: calc(700 *(100vw / 850));
}

.image-box1301 {
  width: calc(700 *(100vw / 850));
}

/*---------- image-size ----------*/
/*---------- common ----------*/
.image-box {
  margin-inline: auto;
}

.model-image {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
}

.sec-credit {
  text-align: center;
  margin-top: calc(25 *(100vw / 850));
}
.sec-credit span {
  display: inline-block;
  margin-top: calc(15 *(100vw / 850));
  margin-inline: calc(8 *(100vw / 850));
}
.sec-credit span + span {
  position: relative;
}
.sec-credit span + span::after {
  position: absolute;
  top: calc(0 *(100vw / 850));
  left: calc(-15 *(100vw / 850));
  content: "/";
  z-index: 1;
}

.js-fade-img + .sec-credit {
  margin-top: calc(34 *(100vw / 850));
}

/*---------- common ----------*/
.LB0914 {
  padding-bottom: calc(100 *(100vw / 850));
}

.firstviewArea {
  padding-bottom: calc(176 *(100vw / 850));
}
.firstviewArea__img {
  margin-bottom: calc(100 *(100vw / 850));
}
.firstviewArea__lead {
  position: relative;
  text-align: center;
}
.firstviewArea__lead::after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: calc(-68 *(100vw / 850));
  transform: translateX(-50%);
  width: calc(27.5601 *(100vw / 850));
  height: calc(26.9351 *(100vw / 850));
  background-image: url(../img/icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  z-index: 1;
}

.sec-imageArea {
  padding-bottom: calc(140 *(100vw / 850));
}

.sec01 {
  margin-bottom: calc(234 *(100vw / 850));
}
.sec01 .model-image {
  border: none;
}

.sec02 {
  margin-bottom: calc(164 *(100vw / 850));
}
.sec02 .image-box201 {
  margin-bottom: calc(200 *(100vw / 850));
}

.sec03 {
  margin-bottom: calc(320 *(100vw / 850));
}

.sec04 {
  margin-bottom: calc(198 *(100vw / 850));
}
.sec04 .sec10-logo {
  margin-inline: auto;
  margin-bottom: calc(80 *(100vw / 850));
  width: calc(161.9997 *(100vw / 850));
}
.sec04 .model-image07 {
  margin-bottom: calc(248 *(100vw / 850));
}
.sec04 .model-image08 {
  border: none;
}

.sec05 {
  margin-bottom: calc(248 *(100vw / 850));
}
.sec05 .model-image {
  border: none;
}

.sec06 {
  margin-bottom: calc(217 *(100vw / 850));
}
.sec06 .model-image11 {
  margin-bottom: calc(150 *(100vw / 850));
}
.sec06 .model-image12 {
  border: none;
}

.sec07 {
  margin-bottom: calc(166 *(100vw / 850));
}
.sec07 .model-image13 {
  margin-inline: auto;
  border: solid 2px #000000;
}

.sec08 {
  margin-bottom: calc(170 *(100vw / 850));
}

.sec09 {
  margin-bottom: calc(260 *(100vw / 850));
}

.sec10 {
  margin-bottom: calc(270 *(100vw / 850));
}
.sec10 .sec10-logo {
  margin-inline: auto;
  margin-bottom: calc(35 *(100vw / 850));
  width: calc(781.5968 *(100vw / 850));
}
.sec10 .sec-inner {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
}

.sec11 {
  margin-bottom: calc(240 *(100vw / 850));
}
.sec11 .js-fade-img1101 {
  border: solid 2px #000000;
}
.sec11 .model-image {
  border: none;
}

.sec12 {
  margin-bottom: calc(256 *(100vw / 850));
}
.sec12 .model-image20 {
  margin-inline: auto;
  margin-bottom: calc(218 *(100vw / 850));
  border: none;
}

.sec13 .model-image22 {
  border: none;
}

.staff-credit {
  text-align: center;
  margin-bottom: calc(58 *(100vw / 850));
  padding-top: calc(44 *(100vw / 850));
  border-top: solid 1px #000000;
}

.LB0914__btn {
  text-align: center;
}
.LB0914__btn a {
  position: relative;
  display: inline-block !important;
  padding-top: calc(76 *(100vw / 850));
}
.LB0914__btn a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(58.1314 *(100vw / 850));
  height: calc(56.4994 *(100vw / 850));
  background-image: url(../img/icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for desktop
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  html {
    font-size: 62.5%;
  }
  /*---------- image-size ----------*/
  .model-image {
    width: 100%;
  }
  .image-box {
    width: 100%;
  }
  /*---------- image-size ----------*/
  /*---------- common ----------*/
  * {
    min-width: 0;
    min-height: 0;
  }
  .sec {
    margin-bottom: 0;
  }
  .sec__wrapper {
    display: flex;
  }
  .sec .image-box {
    margin-inline: 0;
    margin-bottom: 0;
  }
  .sec .model-image {
    margin-inline: 0;
    margin-bottom: 0;
    border: none;
  }
  .sec .js-fade-img {
    border: none;
  }
  .sec + .sec {
    border-top: solid 1px #000000;
    box-sizing: border-box;
  }
  .sec01__wrapper,
  .sec02__wrapper,
  .sec03__wrapper,
  .sec04__wrapper,
  .sec08__wrapper {
    flex-direction: row-reverse;
  }
  .sec-credit {
    text-align: left;
    margin-top: 0;
  }
  .sec-credit span {
    margin-top: 0.6rem;
    margin-inline: 0;
    margin-right: 0.9rem;
  }
  .sec-credit span + span::after {
    top: 0;
    left: -0.8rem;
  }
  .sec-credit + .sec-credit {
    margin-top: 2.28rem;
  }
  /*---------- common ----------*/
  .LB0914 {
    padding-bottom: 0;
  }
  .main-contentArea {
    position: relative;
  }
  .main-contentArea .sec-ttlArea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    padding-inline: 1.9rem;
    width: 100%;
    height: 6rem;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #ffffff;
    z-index: 15;
    box-sizing: border-box;
  }
  .main-contentArea .sec-ttlArea__logo {
    margin-top: 3px;
    width: 30.12646rem;
  }
  .main-flexWrap {
    display: flex;
  }
  .sec-imageArea {
    width: 71.4%;
    border-right: solid 1px #000000;
    box-sizing: border-box;
  }
  .sec-creditArea {
    position: relative;
    padding-top: 1.4rem;
    padding-left: 2rem;
    padding-bottom: 3.5rem;
    width: 28.6%;
    box-sizing: border-box;
  }
  .sec-creditArea__wrapper {
    position: sticky;
    top: 7.4rem;
  }
  .firstviewArea {
    padding-bottom: 8rem;
  }
  .firstviewArea__img {
    margin-bottom: 4.1rem;
  }
  .firstviewArea__lead::after {
    bottom: -4.1rem;
    width: 2.55887rem;
    height: 2.50085rem;
  }
  .sec-imageArea {
    padding-bottom: 0;
  }
  .sec09 .sec09-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .sec09 .sec09-logo span {
    display: block;
    width: 13.15974rem;
  }
  .sec10__wrapper {
    display: block;
  }
  .sec10 .sec-inner {
    grid-template-columns: repeat(2, 1fr);
    border: none;
  }
  .sec13 .staff-credit {
    text-align: left;
    position: relative;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 4rem;
    width: 100%;
    border-top: none;
    box-sizing: border-box;
    overflow: hidden;
  }
  .sec13 .staff-credit ul {
    display: flex;
    flex-direction: column;
    gap: 0.44rem;
    position: absolute;
    left: 3.8rem;
    bottom: 3.5rem;
  }
  .sec13 .staff-credit li {
    display: flex;
  }
  .sec13 .staff-credit span {
    display: inline-block;
    white-space: nowrap;
  }
  .sec13 .staff-credit span:first-child {
    margin-right: 3.2rem;
    width: 9rem;
  }
  .LB0914__btn {
    text-align: left;
    margin-top: 13.5rem;
  }
  .LB0914__btn a {
    padding-top: 3rem;
  }
  .LB0914__btn a::after {
    left: 0;
    transform: translateX(0);
    width: 2.18629rem;
    height: 2.12491rem;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                          for tablet
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 1024px) and (min-width: 768px) {
  html {
    font-size: 0.9765625vw;
  }
}/*# sourceMappingURL=style.css.map */