@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
#Contents .main-area {
  overflow-x: visible;
}
#Contents .main-area .main-inner {
  width: 100%;
}

#Foot .go-top {
  display: none !important;
}

#LB251211ume {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 462;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

@media (min-width: 1401px) {
  #LB251211ume {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #LB251211ume {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #LB251211ume {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#LB251211ume img {
  display: block;
  width: 100%;
  height: auto;
}

#LB251211ume h2,
#LB251211ume h3,
#LB251211ume p,
#LB251211ume li {
  margin-block: calc((1em - 1lh) / 2);
}

#LB251211ume .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#LB251211ume .pc-img-cont {
  opacity: 0;
  transition: all 1s ease-out;
}
#LB251211ume .is-visible.pc-img-cont {
  opacity: 1;
}

#LB251211ume .slide-up {
  opacity: 0;
  transform: translateY(calc(40 * var(--formula)));
  transition: all 1.2s ease-out;
}
#LB251211ume .is-visible.slide-up {
  opacity: 1;
  transform: translateY(0);
}

#LB251211ume .sec9-01 {
  opacity: 0;
  transform: translateY(calc(40 * var(--formula)));
  transition: opacity 0.4s ease-out, transform 1.2s ease-out;
}
#LB251211ume .is-visible.sec9-01 {
  opacity: 1;
  transform: translateY(0);
}

#LB251211ume .rotate-l {
  opacity: 0;
  transform: rotate(10deg) translateY(calc(80 * var(--formula)));
  transition: all 1.5s ease-out;
}
#LB251211ume .is-visible.rotate-l {
  opacity: 1;
  transform: rotate(0) translateY(0);
}

#LB251211ume .rotate-r {
  opacity: 0;
  transform: rotate(-10deg) translateY(calc(80 * var(--formula)));
  transition: all 1.5s ease-out;
}
#LB251211ume .is-visible.rotate-r {
  opacity: 1;
  transform: rotate(0) translateY(0);
}
@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(calc(40 * var(--formula)));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.stagger-item {
  opacity: 0;
  transform: translateY(calc(40 * var(--formula)));
}

.is-visible .stagger-item {
  animation: fadeInSlideUp 1.2s ease-out forwards;
}

.is-visible .stagger-item + .stagger-item {
  animation-delay: 0.4s;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#LB251211ume {
  --yu-gochic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-credit: indivisible, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-color: #666666;
  --pc-bg: rgba(201, 221, 199, 0.1);
  --sp-bg: #f9f8ef;
  position: relative;
  display: grid;
  justify-items: center;
  font-feature-settings: "palt";
  width: 100%;
  overflow-y: clip;
}

#LB251211ume [class*="-credit"] {
  font-family: var(--font-credit);
  color: var(--font-color);
  font-size: calc(24 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.04em;
  text-align: left;
  font-weight: var(--font-regular);
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--formula));
  z-index: 5;
}

#LB251211ume [class*="-credit"] li {
  display: flex;
  gap: calc(25 * var(--formula));
}

#LB251211ume .sec-set {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#LB251211ume .splide__pagination {
  left: unset;
  bottom: calc(20 * var(--formula));
  right: calc(20 * var(--formula));
  padding: 0;
  gap: calc(21 * var(--formula));
}
#LB251211ume .splide__pagination__page {
  background: rgba(249, 248, 239, 0.5);
  width: calc(16 * var(--formula));
  height: calc(16 * var(--formula));
  opacity: 1;
  margin: 0;
}
#LB251211ume .splide__pagination__page.is-active {
  background: var(--sp-bg);
  transform: scale(1);
}

#LB251211ume .txt-kerning1 {
  margin-left: calc(12 * var(--formula));
}
#LB251211ume .sec2-01,
#LB251211ume .sec3-01,
#LB251211ume #sec04 .splide__slide,
#LB251211ume #sec06 .splide__slide,
#LB251211ume .sec7-01,
#LB251211ume #sec08 .splide__slide,
#LB251211ume .sec9-01,
#LB251211ume #sec11 .splide__slide,
#LB251211ume #sec12 .splide__slide {
  background: #ffffff;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
layout settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#LB251211ume .lp-pc-cont {
  position: sticky;
  top: 0;
  grid-area: 1/1;
  width: 100%;
  height: 100vh;
  background: var(--pc-bg);
  display: grid;
  justify-items: end;
  align-content: center;
}
#LB251211ume .flower-deco {
  position: absolute;
  pointer-events: none;
}

#LB251211ume .pc-img-cont {
  position: absolute;
  bottom: 0;
  right: 0;
  display: grid;
  align-items: end;
}

#LB251211ume .pc-01 {
  position: relative;
  right: calc(48 * var(--formula_pc));
  grid-area: 1/1;
  bottom: calc(71 * var(--formula_pc));
}

#LB251211ume .pc-02 {
  position: relative;
  bottom: calc(12 * var(--formula_pc));
  grid-area: 1/1;
}

#LB251211ume .lp-main-cont {
  position: relative;
  grid-area: 1/1;
  width: calc(462 * var(--formula_pc));
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--sp-bg);
  overflow-x: clip;
}

#LB251211ume .sec01 {
  align-items: center;
  margin: 0 0 calc(139 * var(--formula)) 0;
}

#LB251211ume .sec1-01 {
  margin: calc(139 * var(--formula)) 0 calc(81 * var(--formula)) 0;
}

#LB251211ume .sec01__txt {
  font-family: var(--yu-gochic);
  font-size: calc(26 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: var(--font-color);
  font-weight: var(--font-medium);
  text-align: center;
  font-feature-settings: "palt";
}
#LB251211ume .sec01__txt span:nth-of-type(2) {
  letter-spacing: 0.13em;
}
#LB251211ume .sec01__txt span:nth-of-type(3) {
  letter-spacing: 0.14em;
}
#LB251211ume .sec01__txt span:nth-of-type(4) {
  letter-spacing: 0.1em;
}
#LB251211ume .sec01__txt span:nth-of-type(5) {
  letter-spacing: 0.12em;
}

#LB251211ume .sec1-02 {
  right: calc(-19 * var(--formula));
  top: 0;
}

#LB251211ume .sec1-03 {
  left: calc(-179 * var(--formula));
  top: calc(202 * var(--formula));
}

#LB251211ume .sec1-04 {
  right: calc(-108 * var(--formula));
  bottom: calc(-221 * var(--formula));
}

#LB251211ume .sec02 {
  align-items: center;
  margin: 0 0 calc(80 * var(--formula)) 0;
}

#LB251211ume .sec03 {
  margin: 0 0 calc(140 * var(--formula)) 0;
}

#LB251211ume .sec3-01 {
  align-self: end;
  z-index: 1;
}

#LB251211ume .sec03-credit {
  position: absolute;
  bottom: calc(42 * var(--formula));
  left: calc(40 * var(--formula));
}
#LB251211ume #sec04 .splide__pagination {
  right: calc(119 * var(--formula));
}

#LB251211ume .sec04 .splide__slide {
  width: calc(650 * var(--formula));
}

#LB251211ume .sec04-credit {
  margin: calc(40 * var(--formula)) 0 0 calc(40 * var(--formula));
}

#LB251211ume .sec05 {
  padding: calc(141 * var(--formula)) 0 calc(62 * var(--formula)) 0;
}

#LB251211ume .sec5-01 {
  margin: 0 0 0 calc(52 * var(--formula));
}

#LB251211ume .sec5-02 {
  top: calc(-37 * var(--formula));
  right: calc(-32 * var(--formula));
}

#LB251211ume .sec06 {
  align-items: center;
}

#LB251211ume #sec06 {
  outline-style: solid;
  outline-color: #c9ddc7;
  outline-width: max(calc(1 * var(--formula)), 1px);
  outline-offset: calc(18 * var(--formula));
}

#LB251211ume .sec06 .splide {
  width: calc(630 * var(--formula));
}

#LB251211ume .sec06 .splide__slide {
  width: calc(630 * var(--formula));
}

#LB251211ume .sec07 {
  align-items: end;
  margin: calc(81 * var(--formula)) 0 calc(140 * var(--formula)) 0;
}

#LB251211ume .sec7-01 {
  z-index: 1;
}

#LB251211ume .sec07-credit {
  position: absolute;
  bottom: calc(42 * var(--formula));
  left: calc(40 * var(--formula));
}

#LB251211ume .sec08 .splide {
  width: calc(750 * var(--formula));
}
#LB251211ume .sec08 .splide__slide {
  width: calc(750 * var(--formula));
}

#LB251211ume .sec08-credit {
  margin: calc(41 * var(--formula)) 0 0 calc(40 * var(--formula));
}

#LB251211ume .sec09 {
  padding: calc(141 * var(--formula)) 0 calc(139 * var(--formula)) 0;
}

#LB251211ume .sec9-01 {
  z-index: 5;
  position: relative;
  align-self: center;
}

#LB251211ume .sec9-02 {
  top: calc(-29 * var(--formula));
  right: calc(-139 * var(--formula));
  z-index: 1;
}

#LB251211ume .sec9-03 {
  bottom: calc(-101 * var(--formula));
  right: calc(457 * var(--formula));
  z-index: 1;
}

#LB251211ume .sec10 {
  align-items: center;
}

#LB251211ume .sec11 {
  margin: calc(61 * var(--formula)) 0 calc(195 * var(--formula)) 0;
}

#LB251211ume .sec11 .splide {
  width: calc(670 * var(--formula));
  outline-style: solid;
  outline-color: #c9ddc7;
  outline-width: max(calc(1 * var(--formula)), 1px);
  outline-offset: calc(18 * var(--formula));
  align-self: center;
}
#LB251211ume .sec11 .splide__slide {
  width: calc(670 * var(--formula));
}

#LB251211ume .sec11-credit {
  margin: calc(60 * var(--formula)) 0 0 calc(40 * var(--formula));
}
#LB251211ume .sec12 .splide {
  width: calc(750 * var(--formula));
}
#LB251211ume .sec12 .splide__slide {
  width: calc(750 * var(--formula));
}

#LB251211ume .sec12-credit {
  margin: calc(40 * var(--formula)) 0 0 calc(40 * var(--formula));
}

#LB251211ume .sec13 {
  padding: calc(241 * var(--formula)) 0 calc(234 * var(--formula)) 0;
  align-items: center;
}

#LB251211ume .sec13-01 {
  left: calc(-113 * var(--formula));
  top: calc(81 * var(--formula));
}

#LB251211ume .sec13-03 {
  right: calc(-190 * var(--formula));
  top: calc(18 * var(--formula));
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
img settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#LB251211ume .pc-01__frame {
  width: calc(181 * var(--formula_pc));
}

#LB251211ume .pc-02__frame {
  width: calc(234 * var(--formula_pc));
}

#LB251211ume .sec1-01__frame {
  width: calc(508 * var(--formula));
}

#LB251211ume .sec1-02__frame {
  width: calc(371 * var(--formula));
}

#LB251211ume .sec1-03__frame {
  width: calc(409 * var(--formula));
}

#LB251211ume .sec1-04__frame {
  width: calc(370 * var(--formula));
}

#LB251211ume .sec2-01__frame {
  width: calc(670 * var(--formula));
}

#LB251211ume .sec3-01__frame {
  width: calc(590 * var(--formula));
}

#LB251211ume .sec5-01__frame {
  width: calc(439 * var(--formula));
}

#LB251211ume .sec5-02__frame {
  width: calc(370 * var(--formula));
}

#LB251211ume .sec7-01__frame {
  width: calc(570 * var(--formula));
}

#LB251211ume .sec9-01__frame {
  width: calc(550 * var(--formula));
}

#LB251211ume .sec9-02__frame {
  width: calc(435 * var(--formula));
}

#LB251211ume .sec9-03__frame {
  width: calc(451 * var(--formula));
}

#LB251211ume .sec10-01__frame {
  width: calc(439 * var(--formula));
}

#LB251211ume .sec13-01__frame {
  width: calc(384 * var(--formula));
}

#LB251211ume .sec13-02__frame {
  width: calc(362 * var(--formula));
}

#LB251211ume .sec13-03__frame {
  width: calc(450 * var(--formula));
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
SP settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
@media (max-width: 767px) {
  #LB251211ume {
    display: flex;
  }
  #LB251211ume .lp-pc-cont {
    display: none;
  }
  #LB251211ume .lp-main-cont {
    width: 100%;
  }
}