.LB1006 {
  --color_blue-01: #ccd8db;
  --color_blue-02: #aebcc1;
  --color_gray-01: #d8d8d8;
  --color_gray-02:#adadad;
  --color_gray-03: #d8d8d6;
  --color_gray-04: #afb4b2;
  --font_en-01: "big-caslon-fb", serif;
  --font_en-02: "neue-haas-grotesk-display", sans-serif;
  --font_jp: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  --font_athena: "athena", sans-serif;
  --ttl_color-blue: #457FA0;
  --ttl_color-orange: #D1664E;
  --ttl_color-navy: #135068;
  --ttl_color-purple: #555158;
  --ttl_color-black: #414347;
  --ttl_color-green: #326B66;
  --back_color-01: #EAE8E4;
  --back_color-02: #F0BF96;
  --back_color-03: #CED7D8;
  --back_color-04: #B7B3AE;
  --back_color-05: #6E809A;
  --back_color-06: #D2D6D5;

  --back_leadTtl: #533b4b;
  --back_credit: #b29249;
  --back_border: #b29249;
  --back_Bbc-01: #ede2e8; 
  --back_Bbc-02: #b29249;
  color: #000;
  text-align: center;
}
.LB1006 > *{
  font-feature-settings: initial;
  -webkit-font-smoothing: auto;
}

.main-inner {
  width: 100% !important;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
}
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media only screen and (min-width: 1401px) {
  html {
    font-size: 62.5%;
  }
}

@media only screen and (min-width: 768px) {
  .spOnly{
    display: none!important;
  }
}

.LB1006{
  /* font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif; */
  font-family: yu-mincho-pr6n, sans-serif;
  font-style: normal;
  font-weight: 400;
  width: 100%;
  margin-bottom: 15rem;
  overflow-x: hidden;
}


.LB1006 li{
  list-style: none;
}
.LB1006 img,
.LB1006 svg {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 3;
}
.LB1006 picture,
.LB1006 span {
  display: block;
}

.LB1006 .heading{
  width: 100%;
  margin: 0 auto;
  margin-bottom: -4rem;
}

.splide__slide {
  width: fit-content!important;
  height: auto!important;
}

.splide__track {
  height: fit-content!important;
}

.splide__track img{
  display: block!important;
}

/* â–³ baseCSS â–³ */









  /* text */
  .LB1006 .mainVisual .leadTxt{
    color: var(--back_leadTtl);
    letter-spacing: 0;
  }
  .LB1006 .sec .leadTxt{
    position: relative;
    color: var(--back_leadTtl);
    letter-spacing: 0;
  }
  .LB1006 .creditList{
    color: var(--back_credit);
  }


@media only screen and (max-width: 767px) {
  .main-area.lp {
    overflow: unset;
  }
  .pcOnly{
    display: none!important;
  }

  /* text */
  .LB1006 .mainVisual .leadTxt{
    /* font-feature-settings: "palt"; */
    font-size: calc(25 * (100vw / 750));
  }
  .LB1006 .sec .leadTxt{
    font-size: calc(26 * (100vw / 750));
    line-height: 1.923;
  }
  .LB1006 .creditList{
    font-size: calc(24 * (100vw / 750));
    line-height: 1;
  }

  /* img */
  .imgBox.--101{
    width: calc(700 * (100vw / 750));
  }
  .imgBox.--103,
  .imgBox.--104,
  .imgBox.--202,
  .imgBox.--203{
    width: calc(450 * (100vw / 750));
  }
  .imgBox.--301{
    width: calc(665 * (100vw / 750));
  }
  .imgBox.--302{
    width: calc(500 * (100vw / 750));
  }
  .imgBox.--303{
    width: calc(368 * (100vw / 750));
  }
}



@media only screen and (max-width: 767px) {
  /* lp */
  .LB1006 .mainVisual .leadTxt{
    margin: calc(69 * (100vw / 750)) 0 calc(75 * (100vw / 750));
  }
  .LB1006 .itemContents.--01{
    margin: 0 auto calc(105 * (100vw / 750));
  }
  .LB1006 .splide.loopTextSlider{
    margin: 0 auto calc(115 * (100vw / 750));
  }
  .LB1006 .splide.loopTextSlider2 {
    margin: calc(-25 * (100vw / 750)) auto calc(98 * (100vw / 750));
  }
  .LB1006 .splide.loopTextSlider img,
  .LB1006 .splide.loopTextSlider2 img{
    width: calc(955 * (100vw / 750));
  }
  .LB1006 .sec.--01{
    padding: calc(80 * (100vw / 750)) 0 calc(250 * (100vw / 750));
    background-color: var(--back_Bbc-01);
  }
  .LB1006 .creditList{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
  .LB1006 .creditList li{
    margin: 0 calc(10 * (100vw / 750));
  }
  .LB1006 .imgBox.--101{
    width: calc(700 * (100vw / 750));
    margin: 0 auto calc(15 * (100vw / 750));
  }
  .LB1006 .imgBox.--103{
    margin: 0 0 calc(40 * (100vw / 750)) calc(240 * (100vw / 750));
  }
  .LB1006 .sec .leadTxt.--01 {
    width: fit-content;
    margin-left: calc(103 * (100vw / 750));
    margin-bottom: calc(135 * (100vw / 750));
    text-align: left;
  }
  .LB1006 .sec .leadTxt::before,
  .LB1006 .sec.--02 .imgBox.--203::before{
    pointer-events: none;
    content: "";
    position: absolute;
    display: block;
    width: calc(400 * (100vw / 750));
    height: calc(400 * (100vw / 750));
    border-radius: 50%;
    border: solid 0.99px var(--back_border);
    z-index: 10;
  }
  .LB1006 .sec .leadTxt.--01::before{
    top: calc(-100 * (100vw / 750));
    left: calc(-45 * (100vw / 750));
  }
  .LB1006 .imgBox.--104{
    margin: 0 0 calc(45 * (100vw / 750)) calc(60 * (100vw / 750));
  }
  .LB1006 .sec.--01 .leadTxt.--02 {
    width: fit-content;
    margin: 0 calc(90 * (100vw / 750)) 0 auto;
    text-align: right;
  }
  .LB1006 .sec .leadTxt.--02::before{
    top: calc(-125 * (100vw / 750));
    right: calc(-28 * (100vw / 750));
  }
  
  /* sec02 */
  .LB1006 .sec.--02 {
    padding: 0;
  }
  .LB1006 .imgBox.--201 {
    margin: 0 auto calc(15 * (100vw / 750));
  }
  .LB1006 .itemContents.--04 {
    margin: 0 auto calc(115 * (100vw / 750));
  }
  .LB1006 .imgBox.--202 {
    margin: 0 auto calc(45 * (100vw / 750)) calc(260 * (100vw / 750));
  }
  .LB1006 .sec.--02 .leadTxt.--02 {
    width: fit-content;
    margin: 0 auto calc(35 * (100vw / 750));
  }
  .LB1006 .imgBox.--203 {
    position: relative;
    margin: 0 auto calc(200 * (100vw / 750)) calc(40 * (100vw / 750));
  }
  .LB1006 .sec.--02 .leadTxt.--02::before{
    display: none;
  }
  .LB1006 .sec.--02 .imgBox.--203::before{
    top: calc(265 * (100vw / 750));
    left: calc(290 * (100vw / 750));
    z-index: 5;
  }
  
  /* all_item_btn */
  .all_item_btn{
    width: calc(560 * (100vw / 750));
    margin: 0 auto calc(205 * (100vw / 750));
  }
  
  /* sec03 */
  .LB1006 .sec.--03 {
    padding: calc(100 * (100vw / 750)) 0 calc(100 * (100vw / 750));
    background: var(--back_Bbc-02);
  }
  .LB1006 .sec.--03 .comingSoon{
    width: calc(615 * (100vw / 750));
    margin: 0 auto calc(35 * (100vw / 750));
  }
  .LB1006 .sec.--03 .imgBox.--301 {
    margin: 0 auto calc(100 * (100vw / 750));
  }
  .LB1006 .sec.--03 .leadTxt.--01{
    margin: auto;
    margin-bottom: calc(80 * (100vw / 750));
    text-align: center;
    color: #fff;
  }
   .LB1006 .sec.--03 .leadTxt.--01::before{
    display: none;
  }
  .LB1006 .sec.--03 .leadTxt.--01 span{
    margin-bottom: calc(30 * (100vw / 750));
    font-size: calc(40 * (100vw / 750));
    line-height: 1;
    letter-spacing: 0;
  }
    .LB1006 .imgBox.--302 {
      position: relative;
      margin: 0 0 calc(46 * (100vw / 750)) auto;
  }
}

/* pc */
@media only screen and (min-width: 768px) {
    /* text */
    .LB1006 .mainVisual .leadTxt{
      /* font-feature-settings: "palt"; */
      font-size: 1.8rem;
      line-height: 2.222;
    }
    .LB1006 .sec .leadTxt{
      font-size: 1.8rem;
      line-height: 1.667;
      z-index: 5;
    }
    .LB1006 .creditList{
      font-size: 2rem;
      line-height: 1;
    }
  
    /* img */
    .mainVisual {
      width: 99rem;
    }
    .imgBox.--101{
      width: 70.0rem;
    }
    .imgBox.--103,
    .imgBox.--104,
    .imgBox.--202,
    .imgBox.--203{
      width: 40rem;
    }
    .imgBox.--201 {
      width: 50rem;
    }
    .imgBox.--301{
      width: 50rem;
    }
    .imgBox.--302{
      width: 30rem;
    }
    .imgBox.--303{
      width: 30rem;
    }


    /* lp */
    .LB1006 .mainVisual {
      margin: auto;
    }
    .LB1006 .mainVisual .leadTxt{
      margin: 7rem 0 7.3rem;
    }
    .LB1006 .itemContents.--01{
      margin: 0 auto 10.5rem;
    }
    .LB1006 .splide.loopTextSlider{
      margin: 0 auto 8rem;
    }
    .LB1006 .splide.loopTextSlider2 {
      margin: -2.5rem auto 7.4rem;
    }
    .LB1006 .splide.loopTextSlider img,
    .LB1006 .splide.loopTextSlider2 img{
      width: 95.5rem;
    }
    .LB1006 .sec.--01{
      padding: 8.2rem 0 17.5rem;
      background-color: var(--back_Bbc-01);
    }
    .LB1006 .creditList{
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
    }
    .LB1006 .creditList li{
      margin: 0 0.8rem;
    }
    .LB1006 .imgBox.--101{
      width: 50rem;
      margin: 0 auto 2rem;
    }
    .LB1006 .itemWrap.grid{
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 19rem;
      width: 99rem;
      margin: auto;
      justify-items: stretch;
      justify-content: space-between;
    }
    .LB1006 .sec.--01 .grid .itemContents{
      width: 40rem;
    }
    .LB1006 .imgBox.--103{
      margin: 0 0 4rem;
    }
    .LB1006 .imgBox.--104{
        margin: 0 0 8.7rem;
      }
    .LB1006 .sec .leadTxt.--01 {
      width: fit-content;
      margin: auto;
    }
    .LB1006 .sec .leadTxt::before{
      transform: translateX(-50%);
      pointer-events: none;
      content:
      "";
      position: absolute;
      left: 50%;
      display: block;
      width: 35rem;
      height: 35rem;
      border-radius: 50%;
      border: solid 0.99px var(
      --back_border);
      z-index: 10;
    }
    .LB1006 .sec .leadTxt.--01::before{
      top: -6.5rem;
    }
    .LB1006 .sec.--01 .leadTxt.--02 {
      width: fit-content;
      margin: auto;
    }
    .LB1006 .sec .leadTxt.--02::before{
      top: -11.4rem;
    }
    
    /* sec02 */
    .LB1006 .sec.--02 {
      padding: 0;
    }
    .LB1006 .imgBox.--201 {
      margin: 0 auto 2rem;
    }
    .LB1006 .sec.--02 .itemWrap.grid{
      gap: 10rem;
      width: 90rem;
      padding: 0 0 16.8rem;
      margin: 0 auto 26rem;
    }
    .LB1006 .itemContents.--04 {
      margin: 0 auto 10rem;
    }
    .LB1006 .imgBox.--202 {
      margin: 0;
    }
    .LB1006 .sec.--02 .leadTxt.--02 {
      transform: translateX(-50%);
      position: absolute;
      bottom: 0;
      left: 50%;
      width: fit-content;
    }
    .LB1006 .imgBox.--203 {
      position: relative;
      margin: 0;
    }
    .LB1006 .sec.--02 .leadTxt.--02::before{
      top: -11.3rem;
      z-index: 5;
    }
    
    /* all_item_btn */
    .all_item_btn{
      width: 50rem;
      margin: 0 auto 14rem;
    }
    
    /* sec03 */
    .LB1006 .sec.--03 {
      padding: 8rem 0 8.5rem;
      background: var(--back_Bbc-02);
    }
    .LB1006 .sec.--03 .itemWrap.grid{
      gap: 10rem;
      width: 70rem;
      padding: 23.6rem 0 0;
    }
    .LB1006 .sec.--03 .comingSoon{
      width: 46.5rem;
      margin: 0 auto 3.5rem;
    }
    .LB1006 .sec.--03 .imgBox.--301 {
      margin: 0 auto 6.2rem;
    }
    .LB1006 .sec.--03 .leadTxt.--01{
      transform: translateX(-50%);
      position: absolute;
      left: 50%;
      top: 0;
      white-space: nowrap;
      line-height: 1.889;
      text-align: center;
      color: #fff;
    }
    .LB1006 .sec.--03 .leadTxt.--01 span{
      margin-bottom: 1.9rem;
      font-size: 3rem;
      line-height: 1;
      letter-spacing: 0;
    }
    .LB1006 .sec.--03 .leadTxt.--01::before{
      display: none;
    }
    .LB1006 .imgBox.--302 {
      position: relative;
    }
}



/***************************** animation *****************************/
.LB1006 .js_d_fade {
  opacity: 1;
  transform: translate(0, 0);
}
/**************************** // animation ****************************/

/* 追加CSS */
.LB1006 .splide.loopTextSlider,
.LB1006 .splide.loopTextSlider2{
  pointer-events: none;
}



/***************************** animation *****************************/
/* .LB1006 .js_fade,
.LB1006 .js_d_fade {
  visibility: hidden;
  opacity: 0;
  transform: translate(0, 40px);
  transition: all ease 1.5s;
}
.LB1006 .js_fade.active,
.LB1006 .js_d_fade.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.LB1006 span.js_fade.active,
.LB1006 span.js_d_fade.active {
  opacity: 0.5;
} */
/**************************** // animation ****************************/
