@charset "UTF-8";

/* --- デフォルトCSS設定 --- */



#MO260715black {

  min-width: 100%;

  font-feature-settings: "palt";

  position: relative;

  display: flex;

  --black: #000000;

  --white: #ffffff;

  --gray: #565653;

  --font-jpn: noto-sans-cjk-jp, sans-serif;

  --font-eng: barlow-semi-condensed, sans-serif;

  --font-t: 100;

  --font-l: 300;

  --pc-width: 1920;

  --sp-width: 640;

  --pc-artboard-width: 640;

  --sp-artboard-width: 640;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1921px) {

  #MO260715black {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}

@media (min-width: 768px) and (max-width: 1920px) {

  #MO260715black {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}

@media (max-width: 767px) {

  #MO260715black {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#MO260715black img {

  display: block;

  width: 100%;

  height: auto;

}



#MO260715black [class*="sec01-"]:has(a),

#MO260715black [class*="sec02-"]:has(a),

#MO260715black [class*="sec03-"]:has(a),

#MO260715black [class*="sec04-"]:has(a),

#MO260715black [class*="sec05-"]:has(a),

#MO260715black [class*="sec06-"]:has(a),

#MO260715black [class*="sec07-"]:has(a),

#MO260715black [class*="sec08-"]:has(a),

#MO260715black [class*="sec09-"]:has(a),

#MO260715black [class*="sec10-"]:has(a) {

  background: var(--white);

  display: flex;

  flex-direction: column;

  line-height: 0;

  font-size: 0;

}



/* --- 属性セレクタ設定 --- */

#MO260715black [class*="__credit"] {

  display: flex;

  flex-direction: column;

  align-items: center;

  margin: calc(44 * var(--formula)) 0 calc(47 * var(--formula)) 0;

}



#MO260715black [class*="__credit"] li {

  display: flex;

  font-family: var(--font-eng);

  color: var(--black);

  font-size: calc(18 * var(--formula));

  line-height: calc(27 / 18);

  letter-spacing: 0.075em;

  text-align: center;

  font-weight: var(--font-l);

}



#MO260715black [class*="__hr--divider"] {

  display: block;

  height: 1px;

  background: var(--black);

  border: none;

  margin: 0;

  padding: 0;

  width: 100%;

}



/* --- 固有クラス設定 --- */



#MO260715black .z1-relative {

  z-index: 1;

  position: relative;

}



#MO260715black .z5-absolute {

  z-index: 5;

  position: absolute;

}



#MO260715black .sec-set {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: calc(640 * var(--formula));

  background: var(--white);

  box-shadow: -1px 0 0 0 var(--white), 1px 0 0 0 var(--white);

}



#MO260715black .sticky-item {

  position: sticky;

}



/* --- 抽出されたCSS（上から順） --- */



#MO260715black .lp-left-area {

  position: sticky;

  top: 0;

  height: 100vh;

  flex: 1;

  display: grid;

  place-items: center;

}

#MO260715black .left__inner--absolute {

  position: relative;

  display: grid;

  place-items: center;

}

#MO260715black .lp-mv-img {

  width: calc(786 * var(--formula_pc));

  grid-area: 1/1;

}



#MO260715black .lp-mv-ttl {

  width: calc(695 * var(--formula_pc));

  grid-area: 1/1;

  margin: calc(20 * var(--formula_pc)) 0 0 0;

  z-index: 5;

  pointer-events: none;

}



#MO260715black .lp-right-area {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

}



#MO260715black .teaser-txt-01 {

  width: calc(296 * var(--formula));

  align-self: flex-start;

  margin: calc(109 * var(--formula)) 0 0 calc(40 * var(--formula));

}



#MO260715black .teaser-sec__txt--desc {

  font-family: var(--font-jpn);

  color: var(--gray);

  font-size: calc(20 * var(--formula));

  line-height: calc(38.6 / 20);

  letter-spacing: 0;

  text-align: justify;

  font-weight: var(--font-t);

  width: calc(447 * var(--formula));

  margin: calc(40 * var(--formula)) calc(33 * var(--formula))

    calc(109 * var(--formula)) 0;

  align-self: flex-end;

}



#MO260715black .teaser-sec__inner--video {

  width: calc(572 * var(--formula));

  border: solid 1px var(--black);

  position: relative;

  overflow: hidden;

}



#MO260715black .teaser-sec__video {

  width: 100%;

  height: auto;

  object-fit: cover;

  display: block;

  outline: none;

  border: none;

}



#MO260715black .video-sound-btn {

  position: absolute;

  bottom: calc(22 * var(--formula));

  width: calc(43 * var(--formula));

  height: calc(43 * var(--formula));

  right: calc(22 * var(--formula));

  background: transparent;

  border: none;

  padding: 0;

  cursor: pointer;

}

#MO260715black .video-sound-btn img {

  display: none;

}



#MO260715black .video-sound-btn[data-state="off"] .icon-off {

  display: block;

}

#MO260715black .video-sound-btn[data-state="on"] .icon-on {

  display: block;

}

#MO260715black .sec01 {

  margin: calc(169 * var(--formula)) 0 0 0;

  top: calc(100vh - (2589 * var(--formula)));

  z-index: 1;

}



#MO260715black .sec01-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec01-02 {

  width: calc(572 * var(--formula));

  margin: calc(41 * var(--formula)) 0 calc(40 * var(--formula)) 0;

}



#MO260715black .sec01-03 {

  width: calc(642 * var(--formula));

}



#MO260715black .sec01__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec02 {

  top: calc(100vh - (1639 * var(--formula)));

  z-index: 2;

}



#MO260715black .sec02-01 {

  width: calc(641 * var(--formula));

}



#MO260715black .sec02-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec02__credit {

  margin: calc(34 * var(--formula)) 0 calc(47 * var(--formula)) 0;

}



#MO260715black .sec02__hr--divider {

  margin: 0 0 calc(169 * var(--formula)) 0;

}



#MO260715black .sec03 {

  top: calc(100vh - (2105 * var(--formula)));

  z-index: 3;

}



#MO260715black .sec03-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec03-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec03__credit {

  margin: calc(44 * var(--formula)) 0 calc(48 * var(--formula)) 0;

}



#MO260715black .sec03__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec04 {

  top: calc(100vh - (2079 * var(--formula)));

  z-index: 4;

}



#MO260715black .sec04-01 {

  width: calc(642 * var(--formula));

}



#MO260715black .sec04-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec04__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec05 {

  top: calc(100vh - (2074 * var(--formula)));

  z-index: 5;

}



#MO260715black .sec05-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec05-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec05__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec06 {

  top: calc(100vh - (2104 * var(--formula)));

  z-index: 6;

}



#MO260715black .sec06-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec06-02 {

  width: calc(641 * var(--formula));

}



#MO260715black .sec06__credit {

  margin: calc(44 * var(--formula)) 0 calc(48 * var(--formula)) 0;

}



#MO260715black .sec06__hr--divider {

  margin: 0 0 calc(169 * var(--formula)) 0;

}



#MO260715black .sec07 {

  top: calc(100vh - (2080 * var(--formula)));

  z-index: 7;

}



#MO260715black .sec07-01 {

  width: calc(642 * var(--formula));

}



#MO260715black .sec07-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec07__credit {

  margin: calc(44 * var(--formula)) 0 calc(48 * var(--formula)) 0;

}



#MO260715black .sec07__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec08 {

  top: calc(100vh - (2104 * var(--formula)));

  z-index: 8;

}



#MO260715black .sec08-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec08-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec08__hr--divider {

  margin: 0 0 calc(170 * var(--formula)) 0;

}



#MO260715black .sec09 {

  top: calc(100vh - (2104 * var(--formula)));

  z-index: 9;

}



#MO260715black .sec09-01 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec09-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .sec09__hr--divider {

  margin: 0 0 calc(171 * var(--formula)) 0;

}



#MO260715black .sec10 {

  z-index: 10;

}



#MO260715black .sec10-01 {

  width: calc(641 * var(--formula));

}



#MO260715black .sec10-02 {

  width: calc(640 * var(--formula));

}



#MO260715black .lp-footer-sec {

  padding: calc(176 * var(--formula)) 0 calc(10 * var(--formula)) 0;

  z-index: 10;

}

#MO260715black .allitems{

  width: calc(180 * var(--formula));

}



#MO260715black .lp-footer-sec__credit--staff{

    margin: calc(164 * var(--formula)) 0 0 calc(3 * var(--formula));

}

@media (max-width: 767px) {

  #MO260715black {

    flex-direction: column;

  }

  #MO260715black .lp-left-area {

    position: relative;

    top: 0;

    height: auto;

  }

  #MO260715black .sec-set {

    width: 100%;

  }

  #MO260715black .lp-mv-img {

    width: calc(640 * var(--formula));

  }



  #MO260715black .lp-mv-ttl {

    width: calc(568 * var(--formula));

    margin: 0;

  }

}



#MO260715black .fade-in {

  opacity: 0;

  transition: opacity 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#MO260715black .is-visible.fade-in {

  opacity: 1;

}