@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
#Contents .main-area .main-inner {
  width: 100%;
}
/* SP/PC共通のページ設定用デフォルトCSS */
.LB251007check {
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 448; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio));
  /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

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

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

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

.LB251007check img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.LB251007check h2,
.LB251007check h3,
.LB251007check p,
.LB251007check li {
  margin-block: calc((1em - 1lh) / 2);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

.LB251007check .invisible-heading {
  position: absolute;
  width: calc(1 * var(--formula));
  height: calc(1 * var(--formula));
  margin: calc(-1 * var(--formula));
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* --- 抽出されたセレクタ --- */

/* レイアウト用セレクタ */

.LB251007check {
  --brown: #665852;
  --white: #ffffff;
  --navy: #25293c;
  --gray: #c1c1c1;
  --beige: #efece8;
  --yu_gothic: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 100%;
  height: 100%;
  display: flex;
  font-feature-settings: "palt";
  box-sizing: border-box;
}

.LB251007check .left-area {
  flex: 1;
  display: flex;
  justify-content: center;
  background-color: var(--beige);
}

.LB251007check .left-area__container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(44 * var(--formula_pc));
  width: 100%;
  position: sticky;
  top: 0;
}

.LB251007check .left-area-logo__frame img {
}

.LB251007check .left-area__txt {
  font-family: var(--yu_gothic);
  color: var(--brown);
  font-size: calc(15 * var(--formula_pc));
  line-height: 1.513;
  letter-spacing: 0.076em;
  text-align: center;
}

.LB251007check .lp-main-area {
  position: relative;
  flex-shrink: 0;
  width: 32%;
  max-width: calc(448 * var(--formula_pc));
  background-color: var(--white);
}

.LB251007check .section01 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.LB251007check .section01__hr--img {
  margin-bottom: calc(70 * var(--formula));
}

.LB251007check .section01__title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(50 * var(--formula));
  margin-bottom: calc(70 * var(--formula));
}

.LB251007check .section01__logo--img {
}

.LB251007check .section01__sub-title {
  font-family: var(--yu_gothic);
  color: var(--brown);
  font-size: calc(26 * var(--formula));
  line-height: 1.269;
  letter-spacing: 0.075em;
  text-align: center;
  margin-left: calc(3 * var(--formula));
}

.LB251007check .section01__model01--img {
  margin-bottom: calc(70 * var(--formula));
}

.LB251007check .section01__txt {
  font-family: var(--yu_gothic);
  color: var(--brown);
  font-size: calc(26 * var(--formula));
  line-height: 2;
  letter-spacing: 0.13em;
  text-align: center;
  margin-bottom: calc(107 * var(--formula));
  margin-left: calc(4 * var(--formula));
}

.LB251007check .section01__hr2--img {
  margin-bottom: calc(120 * var(--formula));
}

.LB251007check .section01__model02--img {
  align-self: flex-start;
  margin-left: calc(30 * var(--formula));
  z-index: 5;
}

.LB251007check .section01__img-wrapper {
  display: flex;
  align-self: flex-end;
  margin-top: calc(-60 * var(--formula));
  margin-bottom: calc(120 * var(--formula));
}

.LB251007check .section02 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.LB251007check .section02__logo--img {
  align-self: center;
  z-index: 5;
}
.LB251007check .section02__toggle-wrapper--1 {
  position: relative;
  display: grid;
  place-items: center;
  align-items: end; /* ← 垂直方向を下揃えにする */
  justify-items: center;
  margin-bottom: calc(130 * var(--formula));
  margin-top: calc(-100 * var(--formula));
}

.section02__toggle-wrapper--1 .toggle-button {
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
}
.LB251007check .section02__credit-wrapper--1 {
  /* position: relative; */
  width: 100%;
  grid-area: 1 / 1;
  z-index: 10;
  align-items: end;
}

.LB251007check .credit-box {
  position: relative;
  --y-position: 100%;
  --opacity: 0;
  --transform-origin: bottom;
  overflow: hidden;
  pointer-events: none;
}

.LB251007check .credit-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;

  /* グラデーションをこちらに設定 */
  background: linear-gradient(0deg, #00000080, transparent);

  transform: translateY(var(--y-position));
  opacity: var(--opacity);
  transform-origin: var(--transform-origin);
}

.LB251007check .item-list {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: var(--white);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: left;
  display: flex;
  gap: calc(24 * var(--formula)) calc(22 * var(--formula));
  flex-wrap: wrap;
  opacity: 0; /* 最初は透明にする */
  visibility: hidden; /* 操作できないように隠す */
  transform: translateY(30px); /* 少し下に配置しておく */
  padding: 0;
  z-index: 10;
  position: relative;
  pointer-events: auto;
}

.LB251007check .section02__credit--1 {
  width: 100%;
  padding-left: calc(20 * var(--formula));
  padding-bottom: calc(38 * var(--formula));
}

.LB251007check .section02__credit--1 li:nth-child(2) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section02__credit--1 li:nth-child(5) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section02__credit--1 li:nth-child(7) {
  margin-right: calc(100 * var(--formula));
}
.LB251007check .section02__credit--1 li:nth-child(10) {
  /* margin-right: calc(100 * var(--formula)); */
}
.LB251007check .toggle-button {
  position: absolute;
  width: calc(56 * var(--formula));
  height: calc(56 * var(--formula));
  cursor: pointer;
  z-index: 10;
  pointer-events: auto;
}

.LB251007check .toggle-button__line--horizontal {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(56 * var(--formula));
  height: calc(2 * var(--formula));
  background-color: var(--white);
}

.LB251007check .toggle-button__line--vertical {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(2 * var(--formula));
  height: calc(56 * var(--formula));
  background-color: var(--white);
}

.LB251007check .section02__model04--img {
  grid-area: 1 / 1;
}

.LB251007check .section02__toggle-wrapper--2 {
  position: relative;
  display: grid;
  align-items: end;
  margin-bottom: calc(165 * var(--formula));
  width: calc(590 * var(--formula));
  align-self: center;
}

.LB251007check .section02__credit-wrapper--2 .toggle-button {
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
}

.LB251007check .section02__credit-wrapper--2 {
  grid-area: 1/1;
  z-index: 10;
}

.LB251007check .section02__credit--2 {
  /* width: 100%; */
  padding-left: calc(20 * var(--formula));
  padding-bottom: calc(37 * var(--formula));
  overflow: hidden;
}

.LB251007check .section02__credit--2 li:nth-child(2) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section02__credit--2 li:nth-child(3) {
  margin-right: calc(150 * var(--formula));
}

.LB251007check .section02__slider-wrapper--1 {
  grid-area: 1/1;
  height: auto;
}

/* .LB251007check .section02__check3--img {
  grid-area: 1 / 1;
} */

.LB251007check #slider1 {
  position: relative;
  width: calc(590 * var(--formula));
  background-color: var(--white);
  z-index: 5;
}

.LB251007check .section02__slider-wrapper--1::after {
  content: "";
  position: absolute;
  background-image: url(../img/check_3.jpg);
  background-size: cover;
  padding: calc(10 * var(--formula));
  top: calc(-10 * var(--formula));
  left: calc(-10 * var(--formula));
  right: calc(-10 * var(--formula));
  bottom: calc(-10 * var(--formula));
}

.section02__toggle-wrapper--3 {
  display: grid;
  align-self: flex-end;
  align-items: end;
}

.LB251007check .section02__credit-wrapper--3 {
  grid-area: 1/1;
  position: relative;
  z-index: 10;
  width: 100%;
  align-content: flex-end;
  pointer-events: none;
}

.LB251007check .section02__credit-wrapper--3 .toggle-button {
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
  pointer-events: auto;
}

.LB251007check .section02__credit--3 {
  width: calc(450 * var(--formula));
  margin-bottom: calc(38 * var(--formula));
  margin-left: calc(21 * var(--formula));
  pointer-events: auto;
}

.LB251007check .section02__credit--3 li:nth-child(2) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section02__credit--3 li:nth-child(4) {
  margin-right: calc(0 * var(--formula));
}

.LB251007check .section02__model05--img {
  grid-area: 1/1;
  z-index: 5;
}

.LB251007check .section02__model06--img {
  align-self: flex-start;
  margin-top: calc(-30 * var(--formula));
  margin-bottom: calc(120 * var(--formula));
}

.LB251007check .section03 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.LB251007check .section03__logo--img {
  align-self: center;
  z-index: 5;
}

.LB251007check .section03__toggle-wrapper--1 {
  position: relative;
  display: grid;
  place-items: center;
  align-items: end;
  justify-items: center;
  margin-bottom: calc(120 * var(--formula));
}

.LB251007check .section03__credit-wrapper--1 {
  width: 100%;
  grid-area: 1 / 1;
  z-index: 10;
  align-items: end;
}

.LB251007check .section03__credit-wrapper--1 .toggle-button {
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
}

.LB251007check .section03__credit--1 {
  margin-left: calc(21 * var(--formula));
  margin-bottom: calc(39 * var(--formula));
  width: calc(600 * var(--formula));
}

.LB251007check .section03__credit--1 li:nth-child(2) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section03__credit--1 li:nth-child(4) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section03__credit--1 li:nth-child(6) {
  margin-right: calc(50 * var(--formula));
}

.LB251007check .section03__model07--img {
  grid-area: 1 / 1;
  margin-top: calc(-100 * var(--formula));
}

.LB251007check .section03__slider-wrapper--2 {
  display: grid;
  place-items: center;
}

.LB251007check #slider2 {
  width: calc(570 * var(--formula));
  grid-area: 1 / 1;
  background-color: var(--white);
}

.LB251007check .section03__check4--img {
  grid-area: 1 / 1;
}

.LB251007check .section03__model08--img {
  margin-right: calc(50 * var(--formula));
}

.LB251007check .section03__model08--img {
  margin-top: calc(155 * var(--formula));
  margin-bottom: calc(-141 * var(--formula));
  align-self: flex-end;
  z-index: 5;
}

.LB251007check .section03__slider-wrapper--3 {
  display: flex;
  gap: calc(30 * var(--formula));
  margin-top: calc(120 * var(--formula));
  margin-bottom: calc(154 * var(--formula));
  width: 100%;
}
.LB251007check .section03__toggle-wrapper--2 {
  position: relative;
  display: grid;
  place-items: center;
  align-items: end;
}
.LB251007check .section03__credit-wrapper--2 {
  width: 100%;
  grid-area: 1 / 1;
  z-index: 10;
  align-items: end;
}

.LB251007check .section03__credit-wrapper--2 .toggle-button {
  right: calc(20 * var(--formula));
  bottom: calc(20 * var(--formula));
}
.LB251007check .section03__credit--2 {
  max-width: calc(500 * var(--formula));
  margin-left: calc(21 * var(--formula));
  margin-bottom: calc(38 * var(--formula));
}

.LB251007check .section03__credit--2 li:nth-child(3) {
  margin-right: calc(50 * var(--formula));
}
.LB251007check .section03__credit--2 li:nth-child(5) {
  margin-right: calc(0 * var(--formula));
}

.LB251007check #slider3 {
  grid-area: 1 / 1;
  width: calc(610 * var(--formula));
  background-color: var(--white);
}

.LB251007check .splide li {
  margin-block: 0;
}

.LB251007check .section04 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.LB251007check .section04__logo--img {
  align-self: center;
  z-index: 5;
}

.LB251007check .section04__model10--img {
  align-self: center;
  margin-bottom: calc(50 * var(--formula));
  margin-top: calc(-16 * var(--formula));
}

.LB251007check .section04__toggle-wrapper {
  position: relative;
  display: grid;
  place-items: center;
  align-items: end;
  justify-items: center;
  margin-bottom: calc(120 * var(--formula));
}
.LB251007check .section04__credit-wrapper {
  width: calc(570 * var(--formula));
  grid-area: 1 / 1;
  z-index: 10;
  align-items: end;
  position: relative;
}
.LB251007check .section04__credit-wrapper .toggle-button {
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
}

.section04__model11--img {
  grid-area: 1 / 1;
}
.LB251007check .section04__credit {
  margin-left: calc(20 * var(--formula));
  margin-bottom: calc(38 * var(--formula));
}

.LB251007check .section04__all-item--img {
  align-self: center;
  margin-bottom: calc(200 * var(--formula));
}

.LB251007check .right-area {
  position: relative;
  flex: 1;
  background-color: var(--beige);
  display: flex;
  justify-content: center;
}

.LB251007check .right-area__all-item--img {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
}

/* スライダー設定 */
.LB251007check .blur-animation,
.LB251007check .fade-animation {
  visibility: hidden;
  opacity: 0;
}

.LB251007check .splide__pagination {
  gap: calc(20 * var(--formula));
}

.LB251007check .splide__pagination__page {
  width: calc(14 * var(--formula)); /* 幅を12pxに設定 */
  height: calc(14 * var(--formula)); /* 高さを12pxに設定 */
  opacity: 1; /* 透明度を1（不透明）に設定 */
  background: var(--gray);
}

.LB251007check #slider1 .splide__pagination__page.is-active,
.LB251007check #slider3 .splide__pagination__page.is-active {
  transform: scale(1);
  background: var(--navy);
}

.LB251007check #slider2 .splide__pagination__page.is-active {
  transform: scale(1);
  background: var(--brown);
}

.LB251007check #slider1 .splide__pagination {
  bottom: calc(-48 * var(--formula));
}

.LB251007check #slider2 .splide__pagination {
  bottom: calc(-77 * var(--formula));
}

.LB251007check #slider3 .splide__pagination {
  bottom: calc(-38 * var(--formula));
}

/* 画像サイズ指定用クラス(__frame) */
.LB251007check .left-area-logo__frame {
  width: calc(250 * var(--formula_pc));
  margin-top: calc(62 * var(--formula_pc));
  margin-left: calc(2 * var(--formula_pc));
}

.LB251007check .check_1__frame {
  width: calc(750 * var(--formula));
}

.LB251007check .logo__frame {
  width: calc(365 * var(--formula));
  margin-left: calc(2 * var(--formula));
  margin-top: calc(2 * var(--formula));
  pointer-events: none;
}

.LB251007check .model_01__frame {
  width: 100%;
}

.LB251007check .model_02__frame {
  width: calc(480 * var(--formula));
}

.LB251007check .model_03__frame {
  width: calc(480 * var(--formula));
}

.LB251007check .check_2__frame {
  width: calc(60 * var(--formula));
}

.LB251007check .model_04__frame {
  width: 100%;
}

.LB251007check .check_3__frame {
  width: calc(610 * var(--formula));
}

.LB251007check .model_05__frame {
  width: calc(480 * var(--formula));
}

.LB251007check .model_06__frame {
  width: calc(650 * var(--formula));
}

.LB251007check .model_07__frame {
  width: 100%;
}

.LB251007check .check_4__frame {
  width: calc(650 * var(--formula));
}

.LB251007check .model_08__frame {
  width: calc(430 * var(--formula));
}

.LB251007check .model_09__frame {
  width: calc(610 * var(--formula));
}

.LB251007check .check_5__frame {
  /* width: calc(110 * var(--formula)); */
  flex: 1;
}

.LB251007check .check_5__frame img {
  object-fit: cover;
  height: 100%;
}

.LB251007check .model_10__frame {
  width: calc(690 * var(--formula));
}

.LB251007check .model_11__frame {
  width: calc(570 * var(--formula));
}

.LB251007check .all-item__frame {
  width: calc(690 * var(--formula));
}

.LB251007check .right-area__all-item__frame {
  width: calc(312 * var(--formula_pc));
  margin-top: calc(28 * var(--formula_pc));
}

@media (max-width: 767px) {
  #Contents .main-area .main-inner {
    width: 100%;
  }
  .LB251007check .lp-main-area {
    width: 100%;
    max-width: unset;
  }
  .LB251007check .hidden-sml {
    display: none;
  }
}