@charset "UTF-8";

/* ===============================================### 
可変設定
###=============================================== */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --pc-width: 1548.3870967742;
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 480;/*SP共通デザイン幅*/
  --sp-artboard-width: 750;/*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));/*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1);/*PCデザインの可変割合の計算式*/

  --image-percent-factor: 0.31; /* 31%を小数点で表現 */
  --image-max-pixel-width: 480; /* 最大幅のピクセル値 (単位は後で付ける) */
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1548.3870967743px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1548.3870967742px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}



/* ===============================================### 
初期設定
###=============================================== */
.LB250709preorder{
  position: relative;
  --font-common: "neue-haas-grotesk-display", sans-serif; /* fw500使う*/
  --font-ja:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-en: "kepler-std-display", serif; /* fw400使う*/
  font-style: normal;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-beige: #EAEADF;
  --color-red: #9B331B;
  color: #000000;
}

.LB250709preorder img,
.LB250709preorder svg{
  width: 100%;
  height: auto;
}

/*** firefox用設定 ***/
@-moz-document url-prefix(){
  .LB250709preorder .js-fade-up-text img{
    transform: rotate(0.0001deg);
  }
}

.main-area * {
  box-sizing: border-box;
}

.go-top, .page-top{
  display: none!important;
}


/* ===========### PC用設定 ###=========== */
@media screen and (min-width: 768px) {
  /* .main-area{
    padding: 0 0 190px;
  } */

  .main-area{
    padding: 0;
  }

  .LB250709preorder .pc-visible{
    display: block;
  }

  .LB250709preorder .sp-visible{
    display: none;
  }

  .LB250709preorder .bg-image{
    background-color: #fff;
  }

  .LB250709preorder .bg-image a:hover{
    opacity: 0.7;
  }
}

/* @media screen and (max-width: 1200px) {
  .bredlist.lp a{
    padding-left: calc(30 * (100vw / 1200));
  }
} */

/* ===========### SP用設定 ###=========== */
@media screen and (max-width: 767px) {
  .main-area .main-inner{
    width: 100%!important;
  }

  .LB250709preorder{
    overflow:  clip;
    padding-bottom: calc(330 * var(--formula));
  }
  
  .LB250709preorder .pc-visible{
    display: none;
  }

  .LB250709preorder .sp-visible{
    display: block;
  }
}


/* ===============================================### 
center-area 設定
###=============================================== */
/*** PC ***/
@media screen and (min-width: 768px) {
  .LB250709preorder .bg-fixed{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
  }

  .LB250709preorder .lp_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../img/lp_bg.jpg) center top repeat-x;
    background-size: cover;
    background-attachment: fixed;
  }

  .LB250709preorder .center-area {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(750 * var(--formula));
    margin-top: -100vh;
    margin-inline: auto;
    background-color: var(--color-white);
    overflow-x: clip;
    padding: 0 0 190px;
  }
}

/*** SP ***/
@media screen and (max-width: 767px) {
  .LB250709preorder .center-area {
    width: calc(750 * var(--formula));
  }
}




/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
/*** image ***/
.LB250709preorder .js-slide-in{
  /* opacity: 0;
  transform: translateY(10rem);
  transition: all ease 1s; */
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 40px);
  transition: all ease 1.5s;
}

.LB250709preorder .js-slide-in.show{
  /* opacity: 1;
  transform: translateY(0); */
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

/*** text ***/
.LB250709preorder .text-anime.text-wrap{
  display: block;
  overflow: hidden;
  text-align: center;
}

.LB250709preorder .js-fade-up-text{
  /* transform: translateY(110%) rotate(0.0001deg);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); */
  /* display: inline-block; */
  display: block;
  transform: translateY(110%);
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text{
  /* transform: translateY(0) rotate(0.0001deg); */
  transform: translateY(0);
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text.js-delay01,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text.js-delay01{
  transition-delay: 0.5s;
}

/*** 微調整 ***/
.LB250709preorder .content09 .js-fade-up-trigger.show .js-fade-up-text.js-delay01{
  transition-delay: 0.7s;
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text.js-delay02,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text.js-delay02{
  transition-delay: 1s;
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text.js-delay03,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text.js-delay03{
  transition-delay: 1.5s;
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text.js-delay04,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text.js-delay04{
  transition-delay: 2s;
}

.LB250709preorder .js-mv-fade-up-trigger.show .js-fade-up-text.js-delay05,
.LB250709preorder .js-fade-up-trigger.show .js-fade-up-text.js-delay05{
  transition-delay: 2.5s;
}

/************** follow-button **************/
.LB250709preorder .fixed-button {
  position: fixed;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);

  bottom: calc(39 * var(--formula));
  right: calc(137 * var(--formula));
  width: calc(244 * var(--formula));
}

.LB250709preorder .fixed-button a{
  display: block;
}

.LB250709preorder .fixed-button.show{
  visibility: visible;
  opacity: 1;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .fixed-button {
    bottom: calc(37 * var(--formula));
    right: calc(19 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.LB250709preorder .content{
  background-color: var(--color-white);
}

.LB250709preorder .flex-wrap{
  display: flex;
}

/************** slide **************/
.LB250709preorder .fade-slide{
  position: relative;
  padding-bottom: calc(51 * var(--formula));
}

.LB250709preorder .swiper-container-horizontal>.swiper-pagination-bullets, 
.LB250709preorder .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0;
}

.LB250709preorder .swiper-pagination-bullet{
  width: calc(16 * var(--formula));
  height: calc(16 * var(--formula));
  opacity: 1;
  background: #AAAAAA;
}

.LB250709preorder .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 10px;
}

.LB250709preorder .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: var(--color-red);
}

/************** text **************/
.LB250709preorder .credit{
  font-family: var(--font-common);
  font-size: calc(24 * var(--formula));
  font-weight: var(--fw-medium);
  line-height: 1.75;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
}

.LB250709preorder .credit a{
  display: inline-block;
}

.LB250709preorder .decoration__text,
.LB250709preorder .decoration__image{
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  /************** slide **************/
  .LB250709preorder .fade-slide{
    padding-bottom: calc(46 * var(--formula));
  }
}



/* ===============================================### 
MV
###=============================================== */
.LB250709preorder .mv{
  margin-bottom: calc(140 * var(--formula));
  background-color: var(--color-beige);
}

.LB250709preorder .mv .content-inner{
  position: relative;
  padding-top: calc(50 * var(--formula));
  padding-bottom: calc(50 * var(--formula));
}

.LB250709preorder .mv .lp-title{
}

/************** info-area **************/
.LB250709preorder .info-area{
  margin-top: calc(41 * var(--formula));
}

.LB250709preorder .info-area .flex-wrap{
  align-items: center;
  justify-content: center;
}

.LB250709preorder .info__item01{
  width: 100%;
  height: calc(70 * var(--formula));
  background-color: var(--color-red);
}

.LB250709preorder .info__item02{
  position: relative;
  width: calc(690 * var(--formula));
  margin-top: calc(49 * var(--formula));
  margin-inline: auto;
  padding-top: calc(50 * var(--formula));
  padding-bottom: calc(41 * var(--formula));
  background-color: var(--color-white);
}

/************** text **************/
.LB250709preorder .info-title.title01{
  font-family: var(--font-common);
  font-size: calc(25 * var(--formula));
  font-weight: var(--fw-medium);
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--color-red);
}

.LB250709preorder .info-title.title02{
  margin-top: calc(16 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(60 * var(--formula));
  font-weight: var(--fw-regular);
  letter-spacing: 0.03em;
  text-align: center;
  color: var(--color-red);
}

.LB250709preorder .info-title.title02 span.percent{
  font-size: calc(66 * var(--formula));
}

.LB250709preorder .info__text.text01{
  margin-top: calc(23 * var(--formula));
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 1.7;
  letter-spacing: 0.1em;
  text-align: center;
}

.LB250709preorder .info__text.text02{
  margin-top: calc(23 * var(--formula));
  font-family: var(--font-ja);
  font-size: calc(20 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.13em;
  text-align: center;
  color: #727272;
}

/************** image **************/
.LB250709preorder .mv__text.text01{
  width: calc(210 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .mv__text.text02{
  width: calc(272 * var(--formula));
  margin-top: calc(31 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .mv__text.text03{
  width: calc(520 * var(--formula));
  margin-top: calc(30 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .mv__text.text04{
  width: calc(379 * var(--formula));
  margin-top: calc(32 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .info__image{
  width: calc(654 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .decoration__image.image01{
  top: calc(-75 * var(--formula));
  right: calc(-40 * var(--formula));
  width: calc(160 * var(--formula));
}

.LB250709preorder .decoration__image.image02{
  bottom: calc(-40 * var(--formula));
  left: calc(-30 * var(--formula));
  width: calc(178 * var(--formula));
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .info__item02{
    padding-top: calc(46 * var(--formula));
    padding-bottom: calc(41 * var(--formula));
  }

  .LB250709preorder .info-title.title02{
    margin-top: calc(10 * var(--formula));
  }

  .LB250709preorder .info__text.text01{
    margin-top: calc(19 * var(--formula));
  }
}


/* ===============================================### 
コンテンツ01
###=============================================== */
.LB250709preorder .content01{
}

.LB250709preorder .content01 .content-inner{
}

.LB250709preorder .content01 .content__item01{
}

.LB250709preorder .content01 .content__item02{
  position: relative;
  margin-top: calc(134 * var(--formula));
  padding-top: calc(66 * var(--formula));
  padding-bottom: calc(66 * var(--formula));
}

.LB250709preorder .content01 .content__item02::after{
  content: '';
  position: absolute;
  top: 0;
  width: calc(750 * var(--formula));
  height: calc(1000 * var(--formula));
  background-image: url('../img/content01_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

/************** text **************/
.LB250709preorder .content01 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content01 .credit .credit02,
.LB250709preorder .content01 .credit .credit04{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content01 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content01 .content__item02 .content__image{
  position: relative;
  z-index: 1;
  width: calc(650 * var(--formula));
  margin-inline: auto;
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.LB250709preorder .content02{
  padding-top: calc(170 * var(--formula));
}

.LB250709preorder .content02 .content-inner{
}

.LB250709preorder .content02 .content__item01{
  position: relative;
  margin-left: calc(100 * var(--formula));
}

.LB250709preorder .content02 .content__item01::after{
  content: '';
  position: absolute;
  top: calc(-30 * var(--formula));
  left: calc(-74 * var(--formula));
  width: calc(694 * var(--formula));
  height: calc(867 * var(--formula));
  background-image: url('../img/frame01.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}

.LB250709preorder .content02 .content__item02{
  margin-top: calc(132 * var(--formula));
  overflow: hidden;
}

.LB250709preorder .content02 .fade-slide{
  width: calc(650 * var(--formula));
}

/************** text **************/
.LB250709preorder .content02 .content__item01 .credit{
  margin-top: calc(27 * var(--formula));
}

.LB250709preorder .content02 .content__item02 .credit{
  margin-top: calc(33 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content02 .content__item01 .credit .credit02{
  margin-left: calc(13 * var(--formula));
}

/************** image **************/
.LB250709preorder .content02 .content__item02 .content__image{
  position: relative;
  left: calc(-179 * var(--formula));
  width: calc(930 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content02 .content__item01 .credit{
    margin-top: calc(30 * var(--formula));
  }

  .LB250709preorder .content02 .content__item02{
    margin-top: calc(134 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.LB250709preorder .content03{
  padding-top: calc(130 * var(--formula));
}

.LB250709preorder .content03 .content-inner{
}

.LB250709preorder .content03 .content__item01{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.LB250709preorder .content03 .content__item02{
  margin-top: calc(137 * var(--formula));
}

.LB250709preorder .content03 .fade-slide{
  width: calc(690 * var(--formula));
}

/************** text **************/
.LB250709preorder .content03 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content03 .credit .credit02,
.LB250709preorder .content03 .credit .credit04,
.LB250709preorder .content03 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content03 .decoration__text{
  top: calc(135 * var(--formula));
  right: calc(-12 * var(--formula));
  width: calc(252 * var(--formula));
}

.LB250709preorder .content03 .content__item02 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content03 .decoration__image{
  top: calc(100 * var(--formula));
  right: calc(100 * var(--formula));
  width: calc(248 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content03{
    margin-top: calc(129 * var(--formula));
  }

  .LB250709preorder .content03 .content__item02{
    margin-top: calc(140 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.LB250709preorder .content04{
  padding-top: calc(134 * var(--formula));
}

.LB250709preorder .content04 .content-inner{
}

.LB250709preorder .content04 .content__item01{
}

.LB250709preorder .content04 .content__item02{
  position: relative;
  margin-top: calc(133 * var(--formula));
  padding-top: calc(50 * var(--formula));
  padding-bottom: calc(52 * var(--formula));
}

.LB250709preorder .content04 .content__item02::after{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(650 * var(--formula));
  height: calc(834 * var(--formula));
  background-image: url('../img/content04_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

/************** text **************/
.LB250709preorder .content04 .credit{
  margin-top: calc(30 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content04 .credit .credit02,
.LB250709preorder .content04 .credit .credit03,
.LB250709preorder .content04 .credit .credit05,
.LB250709preorder .content04 .credit .credit06,
.LB250709preorder .content04 .credit .credit08{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content04 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content04 .content__item02 .content__image{
  position: relative;
  z-index: 1;
  width: calc(550 * var(--formula));
  margin-inline: auto;
}



/* ===============================================### 
コンテンツ05
###=============================================== */
.LB250709preorder .content05{
  position: relative;
  padding-top: calc(277 * var(--formula));
}

.LB250709preorder .content05::after{
  content: '';
  position: absolute;
  top: calc(140 * var(--formula));
  right: 0;
  width: calc(520 * var(--formula));
  height: calc(1982 * var(--formula));
  background-color: #F7F7F7;
}

.LB250709preorder .content05 .content-inner{
}

.LB250709preorder .content05 .content__item01{
  position: relative;
  z-index: 1;
}

.LB250709preorder .content05 .content__item02{
  position: relative;
  z-index: 1;
  margin-top: calc(132 * var(--formula));
  margin-left: calc(50 * var(--formula));
}

.LB250709preorder .content05 .fade-slide{
  width: calc(700 * var(--formula));
}

.LB250709preorder .content05 .flex-wrap{
  align-items: center;
  gap: calc(29 * var(--formula));
}

/************** text **************/
.LB250709preorder .content05 .content__item01 .credit{
  margin-top: calc(30 * var(--formula));
}

.LB250709preorder .content05 .content__item02 .credit{
  margin-top: calc(26 * var(--formula));
}

.LB250709preorder .content05 .content__item01 .credit{
  width: fit-content;
  margin-left: calc(26 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content05 .content__item01 .credit .credit02,
.LB250709preorder .content05 .content__item01 .credit .credit03,
.LB250709preorder .content05 .content__item01 .credit .credit05,
.LB250709preorder .content05 .content__item01 .credit .credit07{
  margin-left: calc(15 * var(--formula));
}

.LB250709preorder .content05 .content__item02 .credit .credit02,
.LB250709preorder .content05 .content__item02 .credit .credit04{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content05 .content__item01 .content__image{
  width: calc(570 * var(--formula));
}

.LB250709preorder .content05 .decoration__text{
  position: initial;
  width: calc(26 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content05{
    margin-top: calc(279 * var(--formula));
  }

  .LB250709preorder .content05 .content__item01 .credit{
    margin-top: calc(31 * var(--formula));
  }

  .LB250709preorder .content05 .content__item02{
    margin-top: calc(131 * var(--formula));
  }

  .LB250709preorder .content05 .content__item02 .credit{
    margin-top: calc(33 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ06
###=============================================== */
.LB250709preorder .content06{
  padding-top: calc(134 * var(--formula));
}

.LB250709preorder .content06 .content-inner{
}

.LB250709preorder .content06 .content__item01{
  position: relative;
  padding-top: calc(93 * var(--formula));
  padding-bottom: calc(92 * var(--formula));
}

.LB250709preorder .content06 .content__item01::after{
  content: '';
  position: absolute;
  top: 0;
  width: calc(750 * var(--formula));
  height: calc(1000 * var(--formula));
  background-image: url('../img/content06_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.LB250709preorder .content06 .content__item02{
}

/************** text **************/
.LB250709preorder .content06 .credit{
  margin-top: calc(33 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content06 .credit .credit02,
.LB250709preorder .content06 .credit .credit03,
.LB250709preorder .content06 .credit .credit05,
.LB250709preorder .content06 .credit .credit06{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content06 .content__item01 .content__image{
  position: relative;
  z-index: 1;
  width: calc(610 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .content06 .content__item02 .content__image{
  width: calc(750 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content06 .credit{
    margin-top: calc(30 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ07
###=============================================== */
.LB250709preorder .content07{
  padding-top: calc(129 * var(--formula));
}

.LB250709preorder .content07 .content-inner{
}

.LB250709preorder .content07 .content__item01{
}

.LB250709preorder .content07 .content__item02{
  margin-top: calc(49 * var(--formula));
  margin-left: calc(50 * var(--formula));
}

/************** text **************/
.LB250709preorder .content07 .credit{
  margin-top: calc(30 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content07 .credit .credit02,
.LB250709preorder .content07 .credit .credit03,
.LB250709preorder .content07 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content07 .content__item01 .content__image{
  width: calc(610 * var(--formula));
}

.LB250709preorder .content07 .content__item02 .content__image{
  width: calc(700 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content07 .credit{
    margin-top: calc(32 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ08
###=============================================== */
.LB250709preorder .content08{
  padding-top: calc(133 * var(--formula));
}

.LB250709preorder .content08 .content-inner{
}

.LB250709preorder .content08 .content__item01{
  position: relative;
  z-index: 1;
}

.LB250709preorder .content08 .content__item02{
  position: relative;
  margin-top: calc(133 * var(--formula));
}

.LB250709preorder .content08 .content__item02::after{
  content: '';
  position: absolute;
  top: calc(220 * var(--formula));
  right: 0;
  width: calc(270 * var(--formula));
  height: calc(590 * var(--formula));
  background-image: url('../img/content08_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/************** text **************/
.LB250709preorder .content08 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content08 .credit .credit02,
.LB250709preorder .content08 .credit .credit03,
.LB250709preorder .content08 .credit .credit05,
.LB250709preorder .content08 .credit .credit06{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content08 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content08 .content__item02 .content__image{
  position: relative;
  z-index: 1;
}

.LB250709preorder .content08 .content__item02 .content__image.image01{
  width: calc(530 * var(--formula));
}

.LB250709preorder .content08 .content__item02 .content__image.image02{
  width: calc(650 * var(--formula));
  margin-top: calc(50 * var(--formula));
  margin-left: calc(100 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content08 .content__item02{
    margin-top: calc(132 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ09
###=============================================== */
.LB250709preorder .content09{
  padding-top: calc(140 * var(--formula));
}

.LB250709preorder .content09 .content-inner{
}

.LB250709preorder .content09 .content__item01{
}

.LB250709preorder .content09 .content__item02{
  position: relative;
  width: fit-content;
  margin-top: calc(173 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .content09 .content__item02::after{
  content: '';
  position: absolute;
  top: calc(-31 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(689 * var(--formula));
  height: calc(841 * var(--formula));
  background-image: url(../img/frame02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}

.LB250709preorder .content09 .fade-slide{
  width: calc(750 * var(--formula));
}

/************** text **************/
.LB250709preorder .content09 .credit{
  margin-top: calc(26 * var(--formula));
}

.LB250709preorder .content09 .decoration__text{
  font-family: var(--font-en);
  font-size: calc(36 * var(--formula));
  font-weight: var(--fw-medium);
  letter-spacing: 0.03em;
  color: var(--color-red);
}

.LB250709preorder .content09 .decoration__text.text01{
  top: calc(-45 * var(--formula));
  left: calc(-33 * var(--formula));
}

.LB250709preorder .content09 .decoration__text.text02{
  bottom: calc(10 * var(--formula));
  right: calc(-37 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content09 .credit .credit02,
.LB250709preorder .content09 .credit .credit03,
.LB250709preorder .content09 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content09 .content__item02 .content__image{
  width: calc(630 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content09 .credit{
    margin-top: calc(29 * var(--formula));
  }

  .LB250709preorder .content09 .content__item02{
    margin-top: calc(174 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ10
###=============================================== */
.LB250709preorder .content10{
  padding-top: calc(280 * var(--formula));
  position: relative;
}

.LB250709preorder .content10::after{
  content: '';
  position: absolute;
  top: calc(140 * var(--formula));
  left: 0;
  width: calc(440 * var(--formula));
  height: calc(2951 * var(--formula));
  background-color: #F7F7F7;
}

.LB250709preorder .content10 .content-inner{
}

.LB250709preorder .content10 .content__item01{
  position: relative;
  z-index: 2;
  margin-left: calc(180 * var(--formula));
}

.LB250709preorder .content10 .content__item02{
  position: relative;
  z-index: 1;
  margin-top: calc(-50 * var(--formula));
}

.LB250709preorder .content10 .fade-slide{
  width: calc(750 * var(--formula));
}

/************** text **************/
.LB250709preorder .content10 .credit{
  margin-top: calc(28 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content10 .credit .credit02,
.LB250709preorder .content10 .credit .credit03{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content10 .content__item01 .content__image{
  width: calc(570 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content10 .credit{
    margin-top: calc(31 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ11
###=============================================== */
.LB250709preorder .content11{
  padding-top: calc(132 * var(--formula));
}

.LB250709preorder .content11 .content-inner{
}

.LB250709preorder .content11 .content__item01{
}

.LB250709preorder .content11 .content__item02{
  position: relative;
  margin-top: calc(134 * var(--formula));
  padding-top: calc(66 * var(--formula));
}

.LB250709preorder .content11 .content__item02::after{
  content: '';
  position: absolute;
  top: 0;
  width: calc(750 * var(--formula));
  height: calc(1000 * var(--formula));
  background-image: url('../img/content11_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.LB250709preorder .content11 .content__item01 .fade-slide{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content11 .content__item02 .fade-slide{
  width: calc(650 * var(--formula));
  margin-inline: auto;
  padding-bottom: calc(116 * var(--formula));
  z-index: 1;
}

/************** text **************/
.LB250709preorder .content11 .content__item01 .credit{
  margin-top: calc(26 * var(--formula));
}

.LB250709preorder .content11 .content__item02 .credit{
  margin-top: calc(27 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content11 .content__item01 .credit .credit02,
.LB250709preorder .content11 .content__item01 .credit .credit04{
  margin-left: calc(16 * var(--formula));
}

.LB250709preorder .content11 .content__item02 .credit .credit02,
.LB250709preorder .content11 .content__item02 .credit .credit04{
  margin-left: calc(15 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content11 .content__item01 .credit{
    margin-top: calc(33 * var(--formula));
  }

  .LB250709preorder .content11 .content__item02{
    margin-top: calc(133 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ12
###=============================================== */
.LB250709preorder .content12{
  padding-top: calc(133 * var(--formula));
}

.LB250709preorder .content12 .content-inner{
}

.LB250709preorder .content12 .content__item01{
}

.LB250709preorder .content12 .content__item02{
  margin-top: calc(133 * var(--formula));
}

/************** text **************/
.LB250709preorder .content12 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content12 .credit .credit02,
.LB250709preorder .content12 .credit .credit03,
.LB250709preorder .content12 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content12 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content12 .content__item02 .content__image.image01{
  position: relative;
  z-index: 1;
  width: calc(510 * var(--formula));
}

.LB250709preorder .content12 .content__item02 .content__image.image02{
  width: calc(650 * var(--formula));
  margin-top: calc(-100 * var(--formula));
  margin-left: calc(100 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content12 .credit{
    margin-top: calc(34 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ13
###=============================================== */
.LB250709preorder .content13{
  padding-top: calc(140 * var(--formula));
}

.LB250709preorder .content13 .content-inner{
}

.LB250709preorder .content13 .content__item01{
}

.LB250709preorder .content13 .content__item02{
  width: fit-content;
  margin-top: calc(133 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .content13 .fade-slide{
  width: calc(650 * var(--formula));
  padding-bottom: calc(49 * var(--formula));
}

/************** text **************/
.LB250709preorder .content13 .credit{
  margin-top: calc(30 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content13 .credit .credit02,
.LB250709preorder .content13 .credit .credit04,
.LB250709preorder .content13 .credit .credit06{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content13 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content13 .fade-slide{
    padding-bottom: calc(46 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ14
###=============================================== */
.LB250709preorder .content14{
  padding-top: calc(167 * var(--formula));
}

.LB250709preorder .content14 .content-inner{
}

.LB250709preorder .content14 .content__item01{
  position: relative;
}

.LB250709preorder .content14 .content__item01::after{
  content: '';
  position: absolute;
  top: calc(-31 * var(--formula));
  right: calc(70 * var(--formula));
  width: calc(651 * var(--formula));
  height: calc(814 * var(--formula));
  background-image: url('../img/frame03.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}

.LB250709preorder .content14 .content__item02{
  margin-top: calc(139 * var(--formula));
}

.LB250709preorder .content14 .fade-slide{
  width: calc(650 * var(--formula));
}

/************** text **************/
.LB250709preorder .content14 .credit{
  margin-top: calc(32 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content14 .credit .credit02,
.LB250709preorder .content14 .credit .credit03,
.LB250709preorder .content14 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content14 .content__item01 .content__image{
  width: calc(610 * var(--formula));
}

.LB250709preorder .content14 .content__item02 .content__image.image01{
  position: relative;
  z-index: 1;
  width: calc(490 * var(--formula));
  margin-left: calc(260 * var(--formula));
}

.LB250709preorder .content14 .content__item02 .content__image.image02{
  width: calc(750 * var(--formula));
  margin-top: calc(-80 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content14 .credit{
    margin-top: calc(33 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ15
###=============================================== */
.LB250709preorder .content15{
  padding-top: calc(131 * var(--formula));
}

.LB250709preorder .content15 .content-inner{
}

.LB250709preorder .content15 .content__item01{
  position: relative;
  padding-top: calc(68 * var(--formula));
  padding-bottom: calc(65 * var(--formula));
}

.LB250709preorder .content15 .content__item01::after{
  content: '';
  position: absolute;
  top: 0;
  width: calc(750 * var(--formula));
  height: calc(1000 * var(--formula));
  background-image: url('../img/content15_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

.LB250709preorder .content15 .content__item02{
}

/************** text **************/
.LB250709preorder .content15 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content15 .credit .credit02,
.LB250709preorder .content15 .credit .credit03,
.LB250709preorder .content15 .credit .credit05,
.LB250709preorder .content15 .credit .credit06{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content15 .content__item01 .content__image{
  position: relative;
  z-index: 1;
  width: calc(650 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .content15 .content__item02 .content__image{
  width: calc(750 * var(--formula));
}



/* ===============================================### 
コンテンツ16
###=============================================== */
.LB250709preorder .content16{
  padding-top: calc(131 * var(--formula));
}

.LB250709preorder .content16 .content-inner{
}

.LB250709preorder .content16 .content__item01{
  position: relative;
}

.LB250709preorder .content16 .content__item01::after{
  content: '';
  position: absolute;
  top: calc(327 * var(--formula));
  right: 0;
  width: calc(380 * var(--formula));
  height: calc(758 * var(--formula));
  background-image: url('../img/content16_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.LB250709preorder .content16 .content__item02{
  width: fit-content;
  margin-top: calc(51 * var(--formula));
  margin-inline: auto;
}

/************** text **************/
.LB250709preorder .content16 .credit{
  margin-top: calc(32 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content16 .credit .credit02,
.LB250709preorder .content16 .credit .credit03,
.LB250709preorder .content16 .credit .credit05,
.LB250709preorder .content16 .credit .credit06{
  margin-left: calc(15 * var(--formula));
}

.LB250709preorder .content16 .decoration__text{
  top: calc(136 * var(--formula));
  right: calc(51 * var(--formula));
  width: calc(248 * var(--formula));
}

/************** image **************/
.LB250709preorder .content16 .content__item01 .content__image{
  position: relative;
  z-index: 1;
  width: calc(610 * var(--formula));
}

.LB250709preorder .content16 .content__item02 .content__image{
  width: calc(650 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content16 .credit{
    margin-top: calc(31 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ17
###=============================================== */
.LB250709preorder .content17{
  padding-top: calc(132 * var(--formula));
}

.LB250709preorder .content17 .content-inner{
}

.LB250709preorder .content17 .content__item01{
}

.LB250709preorder .content17 .fade-slide{
  width: calc(750 * var(--formula));
}

/************** text **************/
.LB250709preorder .content17 .credit{
  margin-top: calc(26 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content17 .credit .credit02,
.LB250709preorder .content17 .credit .credit04,
.LB250709preorder .content17 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content17 .credit{
    margin-top: calc(29 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ18
###=============================================== */
.LB250709preorder .content18{
  padding-top: calc(132 * var(--formula));
}

.LB250709preorder .content18 .content-inner{
}

.LB250709preorder .content18 .content__item01{
}

.LB250709preorder .content18 .content__item02{
  position: relative;
  margin-top: calc(161 * var(--formula));
  margin-left: calc(180 * var(--formula));
}

.LB250709preorder .content18 .content__item02::after{
  content: '';
  position: absolute;
  top: calc(-30 * var(--formula));
  left: calc(-74 * var(--formula));
  width: calc(614 * var(--formula));
  height: calc(760 * var(--formula));
  background-image: url('../img/frame04.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  pointer-events: none;
}

.LB250709preorder .content18 .fade-slide{
  width: calc(650 * var(--formula));
}

/************** text **************/
.LB250709preorder .content18 .credit{
  margin-top: calc(32 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content18 .credit .credit02,
.LB250709preorder .content18 .credit .credit03,
.LB250709preorder .content18 .credit .credit05{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content18 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content18 .content__item02 .content__image{
  width: calc(570 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content18 .content__item02::after{
    top: calc(-27 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ19
###=============================================== */
.LB250709preorder .content19{
  padding-top: calc(140 * var(--formula));
}

.LB250709preorder .content19 .content-inner{
}

.LB250709preorder .content19 .content__item01{
}

.LB250709preorder .content19 .content__item02{
  position: relative;
  margin-top: calc(134 * var(--formula));
  padding-top: calc(92 * var(--formula));
  padding-bottom: calc(93 * var(--formula));
}

.LB250709preorder .content19 .content__item02::after{
  content: '';
  position: absolute;
  top: 0;
  width: calc(750 * var(--formula));
  height: calc(1000 * var(--formula));
  background-image: url('../img/content19_bg.jpg');
  background-repeat: no-repeat;
  background-size: contain;
}

/************** text **************/
.LB250709preorder .content19 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content19 .credit .credit02,
.LB250709preorder .content19 .credit .credit04{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content19 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content19 .content__item02 .content__image{
  position: relative;
  z-index: 1;
  width: calc(610 * var(--formula));
  margin-inline: auto;
}



/* ===============================================### 
コンテンツ20
###=============================================== */
.LB250709preorder .content20{
  padding-top: calc(140 * var(--formula));
}

.LB250709preorder .content20 .content-inner{
}

.LB250709preorder .content20 .content__item01{
  position: relative;
  z-index: 1;
  margin-left: calc(141 * var(--formula));
}

.LB250709preorder .content20 .content__item02{
  margin-top: calc(-50 * var(--formula));
}

.LB250709preorder .content20 .content__item03{
  width: fit-content;
  margin-top: calc(132 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .content20 .flex-wrap{
  position: relative;
  left: calc(28 * var(--formula));
  align-items: center;
  gap: calc(30 * var(--formula));
}

/************** text **************/
.LB250709preorder .content20 .credit{
  margin-top: calc(31 * var(--formula));
}

/*** クレジット位置微調整 ***/
.LB250709preorder .content20 .content__item02 .credit .credit02,
.LB250709preorder .content20 .content__item02 .credit .credit04{
  margin-left: calc(15 * var(--formula));
}

/************** image **************/
.LB250709preorder .content20 .content__item01 .content__image{
  width: calc(610 * var(--formula));
}

.LB250709preorder .content20 .content__item02 .content__image{
  width: calc(750 * var(--formula));
}

.LB250709preorder .content20 .content__item03 .content__image{
  width: calc(570 * var(--formula));
}

.LB250709preorder .content20 .decoration__text{
  position: initial;
  width: calc(26 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .LB250709preorder .content20 .credit{
    margin-top: calc(32 * var(--formula));
  }
}



/* ===============================================### 
コンテンツ21
###=============================================== */
.LB250709preorder .content21{
  padding-top: calc(190 * var(--formula));
}

.LB250709preorder .content21 .content-inner{
  position: relative;
  padding-top: calc(201 * var(--formula));
  padding-bottom: calc(192 * var(--formula));
  background-color: var(--color-beige);
}

.LB250709preorder .category-area{
  width: calc(647 * var(--formula));
  margin-top: calc(71 * var(--formula));
  margin-inline: auto;
}

.LB250709preorder .category-list.flex-wrap{
  justify-content: center;
  flex-wrap: wrap;
  column-gap: calc(101 * var(--formula));
  row-gap: calc(12 * var(--formula));
}

/*** safari ***/
_::-webkit-full-page-media, _:future, :root .LB250709preorder .category-list.flex-wrap {
  column-gap: calc(91 * var(--formula));
}

.LB250709preorder .category-list li{
  position: relative;
  font-family: var(--font-common);
  font-size: calc(28 * var(--formula));
  font-weight: var(--fw-medium);
  letter-spacing: 0.03em;
  line-height: 1.75;
  text-align: center;
  color: var(--color-red);
}

.LB250709preorder .category-list li:not(:last-child)::after{
  content: '';
  position: absolute;
  top: 50%;
  right: calc(-50 * var(--formula));
  transform: translateY(-50%);
  width: 1px;
  height: calc(30 * var(--formula));
  background-color: var(--color-red);
}

.LB250709preorder .category-list li:nth-of-type(4)::after{
  content: none;
}

/************** text **************/
.LB250709preorder .staff__text{
  margin-top: calc(120 * var(--formula));
  font-family: var(--font-common);
  font-size: calc(24 * var(--formula));
  font-weight: var(--fw-medium);
  line-height: 1.75;
  letter-spacing: 0.03em;
  text-align: center;
}

/************** image **************/
.LB250709preorder .content21 .decoration__image.image01{
  top: calc(-90 * var(--formula));
  right: 0;
  width: calc(220 * var(--formula));
}

.LB250709preorder .content21 .decoration__image.image02{
  bottom: calc(-51 * var(--formula));
  left: calc(11 * var(--formula));
  width: calc(220 * var(--formula));
}

/************** button **************/
.LB250709preorder .link__button{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(690 * var(--formula));
  height: calc(140 * var(--formula));
  margin-inline: auto;
  border: 1px solid var(--color-red);
}

.LB250709preorder .link__button a{
  display: block;
  margin-top: calc(5 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(38 * var(--formula));
  letter-spacing: 0.03em;
  text-align: center;
  color: var(--color-red);
}


/* ===============================================### 

###=============================================== */
/************** info-area **************/
.LB250709preorder .info__item01.LB250716{
  margin-top: calc(52 * var(--formula));
  height: fit-content;
  background-color: transparent;
}

.LB250709preorder .info__item01.LB250716 .info__text{
  font-family: var(--font-common);
  font-size: calc(24 * var(--formula));
  font-weight: var(--fw-medium);
  letter-spacing: 0.03em;
  text-align: center;
  color: var(--color-red);
}


/************** mv **************/
.LB250709preorder .mv.LB250719{
  margin-bottom: 0;
}

.LB250709preorder .mv.LB250719 .content-inner{
  padding-top: calc(76 * var(--formula));
  padding-bottom: calc(81 * var(--formula));
}

.LB250709preorder .mv-decoration__image{
  position: absolute;
  z-index: 1;
}

.LB250709preorder .mv-decoration__image.image01{
  top: calc(18 * var(--formula));
  right: 0;
  width: calc(160 * var(--formula));
}

.LB250709preorder .mv-decoration__image.image02{
  bottom: calc(-39 * var(--formula));
  left: calc(21 * var(--formula));
  width: calc(178 * var(--formula));
}