﻿@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
.main-area .main-inner {
  width: 100%;
}
.main-area {
  overflow-x: clip;
}
#LB260319UV {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 392;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

/* @media (min-width: 1401px) {
  #LB260319UV {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
} */

@media (min-width: 768px) {
  #LB260319UV {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  #LB260319UV {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#LB260319UV img {
  display: block;
  width: 100%;
  height: auto;
}

#LB260319UV h2,
#LB260319UV h3,
#LB260319UV p,
#LB260319UV li {
  margin-block: calc((1em - 1lh) / 2);
}

#LB260319UV .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* --- 抽出されたCSS（上から順） --- */

#LB260319UV {
  min-width: 100%;
  display: flex;
  flex-direction: column;
  --pale-blue: #f2f7f6;
  --black: #000000;
  --white: #ffffff;
  --blue: #0a53bc;
  --pink: #f7a4ab;
  --hiragino: hiragino-kaku-gothic-pron, sans-serif;
  --neulis: neulis-sans, sans-serif;
  --font-bold: 600;
  font-feature-settings: "pkna";
  padding-top: calc(50 * var(--formula_pc));
}

#LB260319UV .lp-contents-area {
  display: flex;
}
#LB260319UV .lp-left-area,
#LB260319UV .lp-right-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(10 * var(--formula_pc));
  background: var(--pale-blue);
}
#LB260319UV .lp-left-area::before,
#LB260319UV .lp-right-area::before {
  content: "";
  position: absolute;
  top: calc(-60 * var(--formula_pc));
  left: 0;
  width: 100%;
  height: calc(100 * var(--formula_pc));
  background-image: url(../img/lp-pc-bg.png);
  background-size: auto 100px;
  background-position: top center;
  background-repeat: repeat-x;
  z-index: -1;
}
#LB260319UV .lp-main-area {
  width: calc(392 * var(--formula_pc));
  display: flex;
  flex-direction: column;
  background: var(--white);
  z-index: 0;
}

#LB260319UV .sec-set {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-repeat: no-repeat;
  position: relative;
  /* background: var(--white); */
  overflow-x: clip;
}
#LB260319UV .sticky-cont {
  display: block;
  position: sticky;
  top: calc(80 * var(--formula_pc));
  width: 100%;
}
#LB260319UV .lp-mv-area {
  width: 100%;
  height: calc(670 * (100vw / 1400));
  display: grid;
  place-items: center;
}

#LB260319UV [class*="lp-mv-img-"] {
  position: absolute;
}
#LB260319UV [class*="__credit"] {
  display: flex;
  gap: calc(8 * var(--formula));
}
#LB260319UV [class*="__credit"] li {
  font-family: var(--neulis);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: left;
  font-weight: var(--font-bold);
  display: flex;
  align-items: center;
}
#LB260319UV [class*="__credit-cont"] {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-inline: calc(40 * var(--formula));
  width: 100%;
  gap: calc(24 * var(--formula));
  box-sizing: border-box;
}
#LB260319UV [class*="__icon-cont"] {
  display: flex;
  position: absolute;
  right: calc(40 * var(--formula));
  gap: calc(10 * var(--formula));
}
.common-icon-01,
.common-icon-02 {
  position: absolute;
}
[class*="__icon-cont"] > [class*="common-icon-"] {
  position: relative;
}
[class*="common-icon-"]:not([class*="__icon-cont"] *) {
  right: calc(40 * var(--formula));
}
#LB260319UV [class*="__txt"] {
  width: 100%;
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(22 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: var(--font-bold);
  text-align: justify;
  padding: calc(60 * var(--formula)) calc(40 * var(--formula))
    calc(60 * var(--formula)) calc(40 * var(--formula));
  box-sizing: border-box;
}
#LB260319UV [class*="__ttl-cont"] {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-between;
  padding-inline: calc(39 * var(--formula));
  box-sizing: border-box;
}
#LB260319UV [class*="__color-list"] {
  display: flex;
  align-self: end;
  gap: calc(27 * var(--formula));
}
#LB260319UV [class*="__color-list"] li {
  font-family: var(--neulis);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: left;
  font-weight: var(--font-bold);
  margin-block: 0;
}
#LB260319UV [class*="__pic-cont"] {
  position: relative;
  width: 100%;
}
#LB260319UV [class*="__link-"] {
  width: calc(670 * var(--formula));
  height: calc(130 * var(--formula));
  display: block;
  font-family: var(--neulis);
  color: var(--blue);
  font-size: calc(36 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: var(--font-bold);
  border-width: max(1px, calc(2 * var(--formula)));
  border-color: var(--blue);
  border-style: solid;
  border-radius: calc(65 * var(--formula));
  display: grid;
  align-items: center;
  position: relative;
}
#LB260319UV [class*="__link-"]::after {
  content: "";
  position: absolute;
  width: calc(14 * var(--formula));
  height: calc(25 * var(--formula));
  background-image: url(../img/common-arrow-01.svg);
  right: calc(35 * var(--formula));
  background-repeat: no-repeat;
  background-size: contain;
}
#LB260319UV [class*="right__link"] {
  width: calc(300 * var(--formula_pc));
  height: calc(70 * var(--formula_pc));
  border-radius: calc(35 * var(--formula_pc));
  border-width: 1px;
}

#LB260319UV [class*="-img-"]:not([class*="mv-img-"]) {
  background: var(--white);
  mask-size: contain;
  mask-repeat: no-repeat;
}
#LB260319UV .lp-mv-img-01 {
  width: calc(330 * (100vw / 1400));
  top: -7.5%;
  right: 8%;
  z-index: 3;
}

#LB260319UV .lp-mv-img-02 {
  width: calc(240 * (100vw / 1400));
  top: -2.5%;
  right: 32.2%;
  z-index: 2;
}

#LB260319UV .lp-mv-img-03 {
  width: calc(240 * (100vw / 1400));
  top: -7.5%;
  left: 29.3%;
  z-index: 1;
}

#LB260319UV .lp-mv-img-04 {
  width: calc(200 * (100vw / 1400));
  top: 5.5%;
  left: 10.7%;
  z-index: 0;
}

#LB260319UV .lp-mv-img-05 {
  width: calc(360 * (100vw / 1400));
  bottom: 15.7%;
  right: 16.5%;
  z-index: 0;
}

#LB260319UV .lp-mv-img-06 {
  width: calc(226 * (100vw / 1400));
  bottom: 12%;
  left: 40.2%;
  z-index: 1;
}

#LB260319UV .lp-mv-img-07 {
  width: calc(290 * (100vw / 1400));
  bottom: 10.5%;
  left: 19.1%;
  z-index: 0;
}

#LB260319UV .lp-mv-txt-01 {
  width: calc(473 * (100vw / 1400));
  z-index: 10;
  margin: -12.7% 0 0 0.5%;
}
#LB260319UV .lp-left-txt-01 {
  width: calc(367 * var(--formula_pc));
  margin: calc(-2 * var(--formula_pc)) 0 0 calc(7 * var(--formula_pc));
}
#LB260319UV .sec1 {
  z-index: 0;
}
#LB260319UV .sec1::after {
  content: "";
  background-image: url(../img/sec1-bg-01.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(370 * var(--formula));
  height: calc(868 * var(--formula));
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: calc(180 * var(--formula));
}
#LB260319UV .sec1__teser-txt {
  position: relative;
  z-index: 0;
  font-family: var(--hiragino);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: var(--font-bold);
  width: 100%;
  height: calc(429 * var(--formula));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 calc(14 * var(--formula));
}

#LB260319UV .sec1__teser-txt::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--pale-blue), transparent);
  filter: blur(calc(5 * var(--formula)));
  z-index: -1;
}

#LB260319UV .start-date {
  font-family: var(--neulis);
  color: var(--blue);
  font-size: calc(48 * var(--formula));
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: var(--font-bold);
  position: relative;
  width: 100%;
  padding: calc(2 * var(--formula)) 0 0 0;
  margin: 0 0 calc(133 * var(--formula)) 0;
}
#LB260319UV .start-date::after {
  content: "";
  width: 100%;
  height: max(1px, calc(2 * var(--formula)));
  background: var(--blue);
  position: absolute;
  bottom: calc(3 * var(--formula));
  right: 0;
  left: 0;
}

#LB260319UV .sec1__pic-cont {
  margin: 0 0 calc(56 * var(--formula)) 0;
}

#LB260319UV .sec1-img-01 {
  width: calc(752 * var(--formula));
  position: relative;
  left: calc(13 * var(--formula));
  mask-image: url(../img/sec1-img-01.png);
}

#LB260319UV .sec1__credit1 li:nth-child(3),
#LB260319UV .sec1__credit2 li:nth-child(2),
#LB260319UV .sec2__credit1 li:nth-child(2),
#LB260319UV .sec3__credit1 li:nth-child(2),
#LB260319UV .sec3__credit2 li:nth-child(2),
#LB260319UV .sec4__credit1 li:nth-child(2),
#LB260319UV .sec5__credit1 li:nth-child(2),
#LB260319UV .sec5__credit2 li:nth-child(2),
#LB260319UV .sec6__credit1 li:nth-child(3),
#LB260319UV .sec7__credit1 li:nth-child(3),
#LB260319UV .sec7__credit2 li:nth-child(3),
#LB260319UV .sec8__credit1 li:nth-child(2),
#LB260319UV .sec9__credit1 li:nth-child(3),
#LB260319UV .sec9__credit2 li:nth-child(3),
#LB260319UV .sec10__credit1 li:nth-child(3),
#LB260319UV .sec10__credit2 li:nth-child(2) {
  margin: calc(-2 * var(--formula)) 0 0 calc(11 * var(--formula));
}
#LB260319UV .common-icon-03 {
  width: calc(120 * var(--formula));
}

#LB260319UV .common-icon-04 {
  width: calc(102 * var(--formula));
}

#LB260319UV .sec1__credit3 {
  margin: calc(-1 * var(--formula)) 0 calc(2 * var(--formula)) 0;
}

#LB260319UV .common-icon-01 {
  width: calc(80 * var(--formula));
}

#LB260319UV .common-icon-02 {
  width: calc(80 * var(--formula));
}

#LB260319UV .sec2 {
  padding: calc(39 * var(--formula)) 0 calc(45 * var(--formula)) 0;
}

#LB260319UV .sec2-txt-01 {
  width: calc(380 * var(--formula));
  position: relative;
  top: calc(40 * var(--formula));
  left: calc(7 * var(--formula));
}

#LB260319UV .color-maker {
  position: relative;
}
#LB260319UV .color-maker::after {
  content: "";
  position: absolute;
  width: calc(20 * var(--formula));
  height: calc(4 * var(--formula));
  background: var(--black);
  bottom: calc(-14 * var(--formula));
  left: 0;
  right: 0;
  margin-inline: auto;
}
#LB260319UV #sec2-slide {
  margin: calc(55 * var(--formula)) 0 calc(61 * var(--formula)) 0;
}

#LB260319UV .splide {
  width: calc(750 * var(--formula));
}

#LB260319UV #sec2-slide .splide__slide {
  width: calc(530 * var(--formula));
}

#LB260319UV .sec2__credit2 {
  margin: calc(-1 * var(--formula)) 0 calc(2 * var(--formula)) 0;
}

#LB260319UV .sec3 {
  z-index: 0;
}
#LB260319UV .sec3::after {
  content: "";
  width: calc(650 * var(--formula));
  height: calc(949 * var(--formula));
  background: #f9f2f2;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: calc(203 * var(--formula));
}

#LB260319UV .sec3__ttl-cont {
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  display: grid;
}

#LB260319UV .sec3-img-03 {
  width: calc(710 * var(--formula));
  grid-area: 1 / 1 / 2 / 3;
  justify-self: end;
}

#LB260319UV .sec3__h4 {
  font-family: var(--neulis);
  color: var(--pink);
  font-size: calc(24 * var(--formula));
  line-height: 1.22;
  letter-spacing: 0.04em;
  text-align: left;
  font-weight: var(--font-bold);
  grid-area: 2 / 1 / 3 / 2;
  justify-items: start;
  padding: calc(26 * var(--formula)) 0 0 calc(5 * var(--formula));
}

#LB260319UV .sec3__color-list {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
  margin: 0 calc(38 * var(--formula)) calc(3 * var(--formula)) 0;
}

#LB260319UV .sec3__pic-cont {
  height: calc(1272 * var(--formula));
  margin: calc(51 * var(--formula)) 0 calc(59 * var(--formula)) 0;
}

#LB260319UV .sec3-img-01 {
  width: calc(650 * var(--formula));
  position: relative;
  z-index: 1;
}

#LB260319UV .sec3-img-02 {
  width: calc(270 * var(--formula));
  position: absolute;
  right: 0;
  bottom: calc(40 * var(--formula));
  z-index: 5;
  mask-image: url(../img/sec3-img-02.png);
}

#LB260319UV .sec3-txt-01 {
  width: calc(390 * var(--formula));
  position: absolute;
  left: calc(164 * var(--formula));
  bottom: calc(127 * var(--formula));
  z-index: 1;
}

#LB260319UV .sec3__credit3 {
  margin: calc(-1 * var(--formula)) 0 calc(1 * var(--formula)) 0;
}

#LB260319UV .sec4 {
  padding: calc(313 * var(--formula)) 0 calc(136 * var(--formula)) 0;
}

#LB260319UV .sec4__ttl-cont,
#LB260319UV .sec6__ttl-cont,
#LB260319UV .sec7__ttl-cont {
  justify-content: end;
}

#LB260319UV .sec4__pic-cont {
  height: calc(1608 * var(--formula));
  margin: calc(54 * var(--formula)) 0 calc(60 * var(--formula)) 0;
}

#LB260319UV .sec4-img-01 {
  position: absolute;
  width: calc(430 * var(--formula));
  left: 0;
  z-index: 5;
  top: calc(-290 * var(--formula));
  mask-image: url(../img/sec4-img-01.png);
}

#LB260319UV .sec4-img-02 {
  width: calc(410 * var(--formula));
  position: absolute;
  right: 0;
  z-index: 2;
}

#LB260319UV .sec4-img-03 {
  width: calc(750 * var(--formula));
  position: absolute;
  bottom: 0;
  z-index: 1;
}

#LB260319UV .sec4__credit2 {
  margin: calc(-1 * var(--formula)) 0 calc(1 * var(--formula)) 0;
}

#LB260319UV .sec4__credit3 {
  margin: calc(-7 * var(--formula)) 0 0 0;
}

#LB260319UV .sec5 {
  z-index: 0;
}
#LB260319UV .sec5::after {
  content: "";
  width: calc(350 * var(--formula));
  height: calc(938 * var(--formula));
  background-image: url(../img/sec5-bg-01.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: calc(-178 * var(--formula));
  z-index: -1;
}

#LB260319UV .sec5__pic-cont {
  margin: 0 0 calc(55 * var(--formula)) 0;
}

#LB260319UV .sec5-img-01 {
  z-index: 1;
  width: calc(783 * var(--formula));
  margin: 0 0 0 calc(-33 * var(--formula));
  position: relative;
  mask-image: url(../img/sec5-img-01.png);
}

#LB260319UV .sec-5-txt-01 {
  width: calc(284 * var(--formula));
  position: absolute;
  top: calc(-22 * var(--formula));
  right: calc(31 * var(--formula));
  z-index: 5;
}

#LB260319UV .sec6 {
  padding: calc(80 * var(--formula)) 0 calc(91 * var(--formula)) 0;
}

#LB260319UV .sec6-txt-01 {
  width: calc(280 * var(--formula));
  position: absolute;
  z-index: 5;
  top: calc(-15 * var(--formula));
  left: calc(41 * var(--formula));
}
#LB260319UV #sec6-slide {
  margin: calc(55 * var(--formula)) 0 calc(61 * var(--formula)) 0;
  z-index: 1;
}
#LB260319UV #sec6-slide .splide__slide {
  width: calc(650 * var(--formula));
}

#LB260319UV .common-icon-05 {
  width: calc(61 * var(--formula));
}

#LB260319UV .sec6__credit2 {
  margin: calc(-1 * var(--formula)) 0 calc(1 * var(--formula)) 0;
}

#LB260319UV .sec7__pic-cont {
  margin: calc(55 * var(--formula)) 0 calc(60 * var(--formula)) 0;
  display: flex;
  justify-content: end;
}

#LB260319UV .sec7-img-01 {
  width: calc(310 * var(--formula));
  position: absolute;
  top: calc(-130 * var(--formula));
  left: 0;
  z-index: 5;
  mask-image: url(../img/sec7-img-01.png);
}

#LB260319UV .sec7-img-02 {
  width: calc(550 * var(--formula));
  z-index: 1;
  position: relative;
}

#LB260319UV .sec7__credit3 {
  margin: calc(-1 * var(--formula)) 0 calc(1 * var(--formula)) 0;
}

#LB260319UV .sec7__credit4 {
  margin: calc(-7 * var(--formula)) 0 calc(2 * var(--formula)) 0;
}

#LB260319UV .sec8 {
  z-index: 0;
}
#LB260319UV .sec8::after {
  content: "";
  width: calc(370 * var(--formula));
  height: calc(850 * var(--formula));
  background-image: url(../img/sec8-bg-01.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: calc(-222 * var(--formula));
  z-index: -1;
}
#LB260319UV .sec8__pic-cont {
  margin: calc(77 * var(--formula)) 0 calc(50 * var(--formula)) 0;
}

#LB260319UV .sec8-img-01 {
  width: calc(760 * var(--formula));
  margin: 0 0 0 calc(-12 * var(--formula));
  z-index: 1;
  position: relative;
  mask-image: url(../img/sec8-img-01.png);
}

#LB260319UV .sec8-txt-01 {
  width: calc(266 * var(--formula));
  position: absolute;
  bottom: calc(-12 * var(--formula));
  right: calc(14 * var(--formula));
  z-index: 5;
}

#LB260319UV .sec9 {
  padding: calc(80 * var(--formula)) 0 calc(93 * var(--formula)) 0;
  z-index: 0;
}

#LB260319UV .sec9::after {
  content: "";
  width: calc(410 * var(--formula));
  height: calc(850 * var(--formula));
  background-image: url(../img/sec9-bg-01.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: calc(-204 * var(--formula));
  z-index: -1;
}

#LB260319UV .sec9__pic-cont {
  display: flex;
  flex-direction: column;
  gap: calc(60 * var(--formula));
  margin: 0 0 calc(60 * var(--formula)) 0;
}

#LB260319UV .sec9-img-01 {
  width: calc(690 * var(--formula));
  align-self: end;
}

#LB260319UV .sec9-img-02 {
  width: calc(590 * var(--formula));
}

#LB260319UV .sec10-txt-01 {
  width: calc(586 * var(--formula));
  margin: 0 0 calc(49 * var(--formula)) calc(9 * var(--formula));
}

#LB260319UV .sec10__pic-cont {
  display: flex;
  justify-content: center;
  margin: 0 0 calc(58 * var(--formula)) 0;
}

#LB260319UV .sec10-img-01 {
  width: calc(682 * var(--formula));
  margin: 0 0 0 calc(8 * var(--formula));
  mask-image: url(../img/sec10-img-01.png);
}

#LB260319UV .sec10__link-uv {
  margin: calc(92 * var(--formula)) 0 calc(20 * var(--formula)) 0;
}

#LB260319UV .sec10__staff-credit {
  padding: calc(139 * var(--formula)) 0 calc(201 * var(--formula)) 0;
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--formula));
}
#LB260319UV .sec10__staff-credit li {
  font-family: var(--neulis);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 1.75;
  letter-spacing: 0.04em;
  text-align: center;
  font-weight: var(--font-bold);
}

@media (max-width: 767px) {
  #LB260319UV {
    padding-top: 0;
  }
  #LB260319UV .lp-left-area,
  #LB260319UV .lp-right-area {
    display: none;
  }
  #LB260319UV .lp-mv-area {
    height: calc(1227 * var(--formula));
    position: relative;
  }
  #LB260319UV .lp-main-area {
    width: 100%;
  }
  #LB260319UV .lp-mv-txt-01 {
    width: calc(688 * var(--formula));
    z-index: 10;
    margin: calc(-146 * var(--formula)) 0 0 calc(11 * var(--formula));
  }
  #LB260319UV .lp-mv-img-01 {
    width: calc(370 * var(--formula));
    top: calc(12 * var(--formula));
    right: calc(-80 * var(--formula));
  }

  #LB260319UV .lp-mv-img-02 {
    width: calc(286 * var(--formula));
    top: calc(213 * var(--formula));
    right: calc(120 * var(--formula));
  }

  #LB260319UV .lp-mv-img-03 {
    width: calc(295 * var(--formula));
    top: calc(-8 * var(--formula));
    left: calc(130 * var(--formula));
  }

  #LB260319UV .lp-mv-img-04 {
    width: calc(249 * var(--formula));
    top: calc(148 * var(--formula));
    left: calc(-20 * var(--formula));
  }

  #LB260319UV .lp-mv-img-05 {
    width: calc(426 * var(--formula));
    bottom: calc(239 * var(--formula));
    right: calc(-80 * var(--formula));
  }

  #LB260319UV .lp-mv-img-06 {
    width: calc(321 * var(--formula));
    bottom: calc(108 * var(--formula));
    left: calc(177 * var(--formula));
  }

  #LB260319UV .lp-mv-img-07 {
    width: calc(412 * var(--formula));
    bottom: calc(230 * var(--formula));
    left: calc(-81 * var(--formula));
  }
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation
//////////////////////////////////////////////////////////////////////////////////////////
*/
#LB260319UV .fade-in {
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
#LB260319UV .is-visible .fade-in {
  opacity: 1;
}

#LB260319UV .fade-in2 {
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}

#LB260319UV .is-visible.fade-in2 {
  opacity: 1;
}
#LB260319UV .delay1 {
  transition-delay: 0.3s;
}
#LB260319UV .delay2 {
  transition-delay: 0.6s;
}
#LB260319UV .delay3 {
  transition-delay: 0.9s;
}
#LB260319UV .delay4 {
  transition-delay: 1.2s;
}
#LB260319UV .delay5 {
  transition-delay: 1.5s;
}
#LB260319UV .delay6 {
  transition-delay: 1.8s;
}

#LB260319UV .rotate-cw {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate(calc(-20 * var(--formula)), calc(50 * var(--formula)))
    rotate(-2deg);
  opacity: 0;
}

#LB260319UV .rotate-ccw {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translate(calc(20 * var(--formula)), calc(50 * var(--formula)))
    rotate(2deg);
  opacity: 0;
}

#LB260319UV .rotate-cw.is-visible,
#LB260319UV .rotate-ccw.is-visible {
  opacity: 1;
  transform: translate(0, 0) rotate(0deg);
}

#LB260319UV .slide-up {
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(calc(20 * var(--formula)));
}
#LB260319UV .slide-up.is-visible {
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(0);
}
