@charset "UTF-8";

/* --- デフォルトCSS設定 --- */

#Contents .main-area {

  overflow-x: visible;

}

#footer_emmi {

  margin-top: 0;

  padding-top: 0;

}

#em260513COOLUV {

  min-width: 100%;

  font-feature-settings: "palt";

  position: relative;

  display: flex;

  background: var(--gray);

  --black: #222222;

  --white: #ffffff;

  --gray: #f0eeea;

  --cream: #fff7d6;

  --sax: #768aa8;

  --dark-gray: #424242;

  --font-mincho: "yu-mincho-pr6n", sans-serif;

  --font-gochic: toppan-bunkyugothicpr6n-r, sans-serif;

  --font-credit: pragmatica-web-book, sans-serif;

  --font-r: 400;

  --font-l: 300;

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 400;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #em260513COOLUV {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}

@media (min-width: 768px) and (max-width: 1400px) {

  #em260513COOLUV {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}

@media (max-width: 767px) {

  #em260513COOLUV {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#em260513COOLUV img {

  display: block;

  width: 100%;

  height: auto;

}



#em260513COOLUV h2,

#em260513COOLUV h3,

#em260513COOLUV p,

#em260513COOLUV li {

  margin-block: calc((1em - 1lh) / 2);

}



#em260513COOLUV .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* beforeで裏打ちしている要素を除外して、それ以外に背景白を適用 */

#em260513COOLUV [class*="-img-"]:has(a):not(

  .sec01-img-02,

  .sec05-img-01,

  .sec07__inner--absolute, /* これは元々-img-を含まないかもしれませんが念のため */

  .sec09-img-02

) {

  background: var(--white);

}



/* --- 属性セレクタ設定 --- */



#em260513COOLUV [class*="__txt"] {

  font-family: var(--font-gochic);

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: calc(54 / 24);

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-r);

}



#em260513COOLUV [class*="__inner--horizontal"] {

  display: flex;

}



#em260513COOLUV [class*="__credit"] {

  display: flex;

  flex-direction: column;

  gap: calc(20 * var(--formula));

}



#em260513COOLUV [class*="__credit"] li {

  display: flex;

  font-family: var(--font-credit);

  color: var(--dark-gray);

  font-size: calc(22 * var(--formula));

  line-height: calc(42 / 22);

  letter-spacing: 0.05em;

  text-align: left;

  font-weight: var(--font-l);

  gap: calc(17 * var(--formula));

}



#em260513COOLUV [class*="__inner--absolute"] {

  position: relative;

}



#em260513COOLUV [class*="__inner--vertical"] {

  display: flex;

  flex-direction: column;

}



#em260513COOLUV [class*="teaser__h4"] {

  font-family: var(--font-mincho);

  color: var(--sax);

  font-size: calc(48 * var(--formula));

  line-height: 1;

  letter-spacing: 0.24em;

  text-align: center;

  font-weight: var(--font-r);

}

#em260513COOLUV [class*="teaser__dest-txt"] {

  font-family: var(--font-gochic);

  color: var(--sax);

  font-size: calc(23 * var(--formula));

  line-height: calc(43 / 23);

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-r);

}

#em260513COOLUV [class*="teaser__desc"] {

  position: relative;

  overflow: hidden;

  cursor: pointer;

}

#em260513COOLUV .js-teaser-item a:hover {

  opacity: 1 !important; /* サイト全体の 0.7 設定を上書き */

}

#em260513COOLUV [class*="teaser__content"] {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background-color: rgba(255, 247, 214, 0.9);

  transition: opacity 0.3s ease;

  pointer-events: none;

  opacity: 0;

  transform: translateZ(0);

  -webkit-transform: translateZ(0);

  will-change: opacity;

}



/* PC：マウスホバー時に説明文を表示 */

@media (hover: hover) {

  #em260513COOLUV [class*="teaser__desc"]:hover [class*="teaser__content"] {

    opacity: 1;

  }

}



/* SP：JavaScriptによって .is-active クラスがついた時に表示 */

#em260513COOLUV [class*="teaser__desc"].is-active [class*="teaser__content"] {

  opacity: 1;

}

#em260513COOLUV [class*="__inner--sticky"] {

  display: flex;

  flex-direction: column;

  align-items: center;

}

#em260513COOLUV [class*="-txt-"] {

  pointer-events: none;

}

#em260513COOLUV [class*=""] {

}

#em260513COOLUV [class*=""] {

}

#em260513COOLUV [class*=""] {

}

/* --- 固有クラス設定 --- */

#em260513COOLUV a.link-disable:hover {

  opacity: 1;

}

#em260513COOLUV .z1-relative {

  z-index: 1;

  position: relative;

}



#em260513COOLUV .z5-absolute {

  z-index: 5;

  position: absolute;

}



#em260513COOLUV .sec-set {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: calc(400 * var(--formula_pc));

  overflow-x: clip;

}



#em260513COOLUV .self-end {

  align-self: end;

  z-index: 5;

}



#em260513COOLUV .self-start {

  align-self: start;

}



/* --- 抽出されたCSS（上から順） --- */



#em260513COOLUV .lp-mv-area {

  position: sticky;

  top: 0;

  height: 100vh;

  flex: 1;

}

#em260513COOLUV

  :is(

    .sec01,

    .sec02,

    .sec03,

    .sec04,

    .sec05,

    .sec06,

    .sec07,

    .sec08,

    .sec09,

    .sec10,

    .sec11,

    .sec12,

    .lp-footer

  ) {

  background: var(--cream);

}



#em260513COOLUV .lp-mv-img-01,

#em260513COOLUV .lp-mv-img-01 img {

  width: 100%;

  height: 100%;

}

#em260513COOLUV .lp-mv-img-01 img {

  object-fit: cover;

  object-position: top center;

}



#em260513COOLUV .lp-mv-txt-01 {

  width: calc(467 * (100vw / 1400));

  top: calc(51 * var(--formula_pc));

  left: 50.2%;

  transform: translateX(-50%);

}



#em260513COOLUV .lp-main-area {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow-x: clip;

}



#em260513COOLUV .teaser-sec {

  margin: calc(100 * var(--formula)) 0 calc(140 * var(--formula)) 0;

  gap: calc(119 * var(--formula));

}



#em260513COOLUV .teaser__inner--grid {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-template-rows: repeat(3, 1fr);

  grid-column-gap: calc(10 * var(--formula));

  grid-row-gap: calc(10 * var(--formula));

}



#em260513COOLUV .teaser-img-01 {

  width: calc(345 * var(--formula));

}



#em260513COOLUV .teaser__content1 {

  gap: calc(25 * var(--formula));

}



#em260513COOLUV .teaser__h41 {

  margin: calc(4 * var(--formula)) 0 0 calc(12 * var(--formula));

}



#em260513COOLUV .teaser-img-02 {

  width: calc(345 * var(--formula));

}



#em260513COOLUV .teaser__content2 {

  gap: calc(25 * var(--formula));

}



#em260513COOLUV .teaser__h42 {

  letter-spacing: 0.16em;

  margin: calc(1 * var(--formula)) 0 0 calc(7 * var(--formula));

}



#em260513COOLUV .teaser__dest-txt2 {

  font-size: calc(20 * var(--formula));

  line-height: calc(36 / 20);

}

#em260513COOLUV .teaser__dest-txt2 small {

  font-size: calc(16 * var(--formula));

  line-height: calc(28 / 16);

  display: inline-block;

  margin: calc(3 * var(--formula)) 0 0 0;

}



#em260513COOLUV .teaser-img-03 {

  width: calc(345 * var(--formula));

}



#em260513COOLUV .teaser__content3 {

  gap: calc(27 * var(--formula));

}



#em260513COOLUV .teaser__h43 {

  margin: calc(4 * var(--formula)) 0 0 calc(8 * var(--formula));

  letter-spacing: 0.165em;

}



#em260513COOLUV .teaser-img-04 {

  width: calc(345 * var(--formula));

}



#em260513COOLUV .teaser__content4 {

  gap: calc(26 * var(--formula));

}



#em260513COOLUV .teaser__h44 {

  letter-spacing: 0.16em;

  margin: calc(2 * var(--formula)) 0 0 calc(7 * var(--formula));

}



#em260513COOLUV .teaser__desc5 {

  grid-column: 1 / 3;

  justify-self: center;

}



#em260513COOLUV .teaser-img-05 {

  width: calc(345 * var(--formula));

}



#em260513COOLUV .teaser__content5 {

  gap: calc(25 * var(--formula));

}



#em260513COOLUV .teaser__h45 {

  line-height: calc(50 / 48);

  letter-spacing: 0.05em;

  margin: 0 0 0 calc(2 * var(--formula));

}



#em260513COOLUV .sec01 {

  padding: 0 0 calc(160 * var(--formula)) 0;

}



#em260513COOLUV .sec01-img-01 {

  width: calc(750 * var(--formula));

  z-index: 1;

}



#em260513COOLUV .sec01-txt-01 {

  width: calc(556 * var(--formula));

  margin: calc(-74 * var(--formula)) calc(-5 * var(--formula))

    calc(59 * var(--formula)) 0;

}



#em260513COOLUV .sec01-img-02 {

  width: calc(570 * var(--formula));

  margin: 0 calc(20 * var(--formula)) calc(15 * var(--formula)) 0;

  position: relative;

  z-index: 5;

}



#em260513COOLUV

  :is(

    .sec01-img-02,

    .sec05-img-01,

    .sec07__inner--absolute,

    .sec09-img-02

  )::before {

  content: "";

  position: absolute;

  inset: 0;

  background: #fff;

  z-index: 1;

}



#em260513COOLUV

  :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  :is(a, img) {

  position: relative;

  z-index: 2;

  display: block; /* 画像下の余計な隙間を消す */

}

#em260513COOLUV .sec01-img-02::after {

  content: "";

  width: calc(600 * var(--formula));

  height: calc(800 * var(--formula));

  position: absolute;

  background-image: url(../img/sec01-img-04.jpg);

  top: calc(120 * var(--formula));

  left: calc(-80 * var(--formula));

  z-index: -1;

  background-size: cover;

}

#em260513COOLUV .sec01__inner--horizontal {

  align-items: end;

  justify-content: space-between;

  width: 100%;

}



#em260513COOLUV .sec01__credit {

  margin: 0 0 calc(32 * var(--formula)) calc(30 * var(--formula));

}



#em260513COOLUV .sec01-img-03 {

  width: calc(480 * var(--formula));

  z-index: 5;

  flex-shrink: 0;

}



#em260513COOLUV .sec02 {

  padding: 0 0 calc(161 * var(--formula)) 0;

}



#em260513COOLUV .sec02__inner--absolute {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}



#em260513COOLUV .sec02-img-01 {

  width: calc(750 * var(--formula));

  z-index: 1;

  pointer-events: none;

}



#em260513COOLUV .sec02-img-02 {

  width: calc(570 * var(--formula));

  z-index: 5;

  position: absolute;

  bottom: calc(-120 * var(--formula));

}



#em260513COOLUV .sec02-txt-01 {

  width: calc(723 * var(--formula));

  margin: calc(56 * var(--formula)) 0 calc(65 * var(--formula))

    calc(-3 * var(--formula));

  z-index: 10;

}



#em260513COOLUV .sec02-img-03 {

  width: calc(705 * var(--formula));

}



#em260513COOLUV .sec02__credit {

  margin: calc(40 * var(--formula)) 0 0 0;

  align-items: center;

}



#em260513COOLUV .sec03 {

  padding: 0 0 calc(159 * var(--formula)) 0;

}



#em260513COOLUV .sec03-img-01 {

  width: calc(750 * var(--formula));

  position: sticky;

  top: calc(50vh - (500 * var(--formula)));

}



#em260513COOLUV .sec03-img-02 {

  width: calc(600 * var(--formula));

  margin: calc(100 * var(--formula)) 0;

}



#em260513COOLUV .sec03__credit {

  bottom: calc(132 * var(--formula));

  left: calc(30 * var(--formula));

}



#em260513COOLUV .sec03-txt-01 {

  width: calc(553 * var(--formula));

  margin: calc(-82 * var(--formula)) 0 0 0;

  z-index: 5;

}



#em260513COOLUV #sec04-slide,

#em260513COOLUV #sec04-slide .splide__slide {

  width: calc(705 * var(--formula));

  z-index: 1;

}



#em260513COOLUV .sec04-txt-01 {

  width: calc(691 * var(--formula));

  margin: calc(-83 * var(--formula)) 0 calc(63 * var(--formula))

    calc(12 * var(--formula));

  z-index: 5;

}



#em260513COOLUV .sec05 {

  padding: 0 0 calc(161 * var(--formula)) 0;

}



#em260513COOLUV .sec05-img-01 {

  width: calc(630 * var(--formula));

  position: relative;

  z-index: 1;

}

#em260513COOLUV .sec05-img-01::after {

  content: "";

  width: calc(750 * var(--formula));

  height: calc(1000 * var(--formula));

  position: absolute;

  background-image: url(../img/sec05-img-02.jpg);

  top: calc(320 * var(--formula));

  left: 0;

  z-index: -1;

  background-size: cover;

}

#em260513COOLUV .sec05-txt-01 {

  width: calc(540 * var(--formula));

  margin: calc(-48 * var(--formula)) calc(0 * var(--formula))

    calc(80 * var(--formula)) 0;

}



#em260513COOLUV .sec05__inner--vertical {

  margin: 0 calc(30 * var(--formula)) 0 0;

  gap: calc(40 * var(--formula));

}



#em260513COOLUV .sec05-img-03 {

  width: calc(585 * var(--formula));

}



#em260513COOLUV .sec06-img-01 {

  width: calc(750 * var(--formula));

  position: sticky;

  top: calc(50vh - (500 * var(--formula)));

}



#em260513COOLUV .sec06__inner--absolute {

  margin: calc(80 * var(--formula)) 0;

}



#em260513COOLUV .sec06-img-02 {

  width: calc(630 * var(--formula));

}



#em260513COOLUV .sec06__credit {

  bottom: calc(30 * var(--formula));

  right: calc(29 * var(--formula));

  align-items: end;

}

#em260513COOLUV .sec06__credit li {

  text-align: right;

}

#em260513COOLUV .sec06-txt-01 {

  width: calc(666 * var(--formula));

  z-index: 5;

  margin: calc(-63 * var(--formula)) 0 calc(158 * var(--formula)) 0;

}



#em260513COOLUV .sec07 {

  padding: 0 0 calc(160 * var(--formula)) 0;

}



#em260513COOLUV .sec07__inner--absolute {

  z-index: 1;

}

#em260513COOLUV .sec07__inner--absolute::after {

  content: "";

  width: calc(750 * var(--formula));

  height: calc(1000 * var(--formula));

  position: absolute;

  background-image: url(../img/sec07-img-03.jpg);

  top: calc(80 * var(--formula));

  left: 50%;

  z-index: -1;

  background-size: cover;

  transform: translateX(-50%);

}

#em260513COOLUV #sec07-slide,

#em260513COOLUV #sec07-slide .splide__slide {

  width: calc(675 * var(--formula));

}



#em260513COOLUV .sec07__credit {

  bottom: calc(31 * var(--formula));

  left: calc(30 * var(--formula));

}



#em260513COOLUV .sec07-txt-01 {

  width: calc(605 * var(--formula));

  z-index: 5;

  margin: calc(21 * var(--formula)) 0 0 calc(8 * var(--formula));

}



#em260513COOLUV .sec08 {

  padding: 0 0 calc(162 * var(--formula)) 0;

}



#em260513COOLUV .sec08-img-01 {

  width: calc(750 * var(--formula));

}



#em260513COOLUV .sec08-txt-01 {

  width: calc(702 * var(--formula));

  margin: calc(-78 * var(--formula)) calc(-5 * var(--formula))

    calc(60 * var(--formula)) 0;

}



#em260513COOLUV .sec08-img-02 {

  width: calc(585 * var(--formula));

}



#em260513COOLUV .sec08__inner--vertical {

  margin: calc(15 * var(--formula)) 0 0 0;

  gap: calc(40 * var(--formula));

}



#em260513COOLUV .sec08-img-03 {

  width: calc(630 * var(--formula));

}



#em260513COOLUV .sec09 {

  padding: calc(79 * var(--formula)) 0 0 0;

}



#em260513COOLUV .sec09-img-02 {

  width: calc(570 * var(--formula));

  position: relative;

  z-index: 1;

}

#em260513COOLUV .sec09-img-02::after {

  content: "";

  width: calc(570 * var(--formula));

  height: calc(760 * var(--formula));

  position: absolute;

  background-image: url(../img/sec09-img-01.jpg);

  top: calc(-80 * var(--formula));

  right: calc(-90 * var(--formula));

  z-index: -1;

  background-size: cover;

}

#em260513COOLUV .sec09-txt-01 {

  width: calc(496 * var(--formula));

  margin: calc(-83 * var(--formula)) 0 calc(19 * var(--formula))

    calc(-5 * var(--formula));

  z-index: 5;

}



#em260513COOLUV .sec10 {

  padding: calc(80 * var(--formula)) 0 calc(159 * var(--formula)) 0;

}



#em260513COOLUV .sec10-img-01 {

  width: calc(705 * var(--formula));

}



#em260513COOLUV .sec10__credit {

  bottom: calc(32 * var(--formula));

  align-items: end;

  right: calc(29 * var(--formula));

}

#em260513COOLUV .sec10__credit li {

  text-align: right;

}

#em260513COOLUV .sec10-txt-01 {

  width: calc(522 * var(--formula));

  margin: calc(22 * var(--formula)) 0 0 0;

}



#em260513COOLUV .sec11 {

  padding: 0 0 calc(158 * var(--formula)) 0;

}



#em260513COOLUV .sec11-img-01 {

  width: calc(660 * var(--formula));

}



#em260513COOLUV .sec11-txt-01 {

  width: calc(554 * var(--formula));

  margin: calc(-69 * var(--formula)) calc(-5 * var(--formula)) 0 0;

}



#em260513COOLUV .sec12-txt-01 {

  width: calc(740 * var(--formula));

}



#em260513COOLUV .sec12-img-01 {

  width: calc(760 * var(--formula));

  margin: calc(12 * var(--formula)) 0 calc(40 * var(--formula)) 0;

}



#em260513COOLUV .sec12__credit {

  align-items: center;

}



#em260513COOLUV .lp-footer {

  padding: calc(181 * var(--formula)) 0 calc(147 * var(--formula)) 0;

  gap: calc(130 * var(--formula));

}



#em260513COOLUV .lp-footer-img-01 {

  width: calc(480 * var(--formula));

}



#em260513COOLUV .lp-footer__staff-credit {

  font-family: var(--font-credit);

  color: var(--dark-gray);

  font-size: calc(22 * var(--formula));

  line-height: 1;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-l);

  display: flex;

  flex-direction: column;

  gap: calc(26 * var(--formula));

}

@media (max-width: 767px) {

  #em260513COOLUV {

    flex-direction: column;

  }

  #em260513COOLUV .sec-set {

    width: 100%;

  }

  #em260513COOLUV .lp-mv-area {

    position: relative;

    height: unset;

  }

  #em260513COOLUV .lp-mv-img-01 {

    height: auto;

  }

  #em260513COOLUV .lp-mv-txt-01 {

    width: calc(564 * var(--formula));

    top: calc(24 * var(--formula));

  }

}

/* 

////////////////////////////////////////////

animation

////////////////////////////////////////////

*/



/* ============================================================

   1. 特殊グループ（背景固定：中身 a と before だけ動かす）

   ============================================================ */



/* ホバー時に不透明度を変更 */

#em260513COOLUV

  :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  a:hover

  img {

  opacity: 0.7;

}

/* --- 【追加】特殊グループの fade-in (.sec09-img-02, .sec07__inner--absolute) --- */

#em260513COOLUV :is(.sec07__inner--absolute, .sec09-img-02).fade-in a,

#em260513COOLUV :is(.sec07__inner--absolute, .sec09-img-02).fade-in::before {

  opacity: 0;

  transition: opacity 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#em260513COOLUV

  :is(.sec07__inner--absolute, .sec09-img-02).is-visible.fade-in

  a,

#em260513COOLUV

  :is(.sec07__inner--absolute, .sec09-img-02).is-visible.fade-in::before {

  opacity: 1;

}



/* --- 特殊グループの slide-right (中身だけ) --- */

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).slide-right a,

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).slide-right::before {

  display: block; /* 必須：transformを有効にするため */

  opacity: 0;

  transform: translateX(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).is-visible.slide-right a,

#em260513COOLUV

  :is(.sec01-img-02, .sec05-img-01).is-visible.slide-right::before {

  opacity: 1;

  transform: translateX(0);

}



/* --- 特殊グループの slide-left (中身だけ) --- */

/* ※translateX(-30px)を維持 */

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).slide-left a,

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).slide-left::before {

  display: block;

  opacity: 0;

  transform: translateX(calc(-30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260513COOLUV :is(.sec01-img-02, .sec05-img-01).is-visible.slide-left a,

#em260513COOLUV

  :is(.sec01-img-02, .sec05-img-01).is-visible.slide-left::before {

  opacity: 1;

  transform: translateX(0);

}



/* ============================================================

   2. 通常グループ（親ごと動かす：.sec01-img-01 など）

   ============================================================ */



/* 特殊グループ（背景固定組）以外に適用 */

#em260513COOLUV .fade-in:not(:is(.sec07__inner--absolute, .sec09-img-02)) {

  opacity: 0;

  transition: opacity 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#em260513COOLUV

  .is-visible.fade-in:not(:is(.sec07__inner--absolute, .sec09-img-02)) {

  opacity: 1;

}



#em260513COOLUV .slide-right:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 0;

  transform: translateX(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260513COOLUV .is-visible.slide-right:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 1;

  transform: translateX(0);

}



#em260513COOLUV .slide-left:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 0;

  transform: translateX(calc(-30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260513COOLUV .is-visible.slide-left:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 1;

  transform: translateX(0);

}



#em260513COOLUV

  .slide-up:not(

    :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  ) {

  opacity: 0;

  transform: translateY(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260513COOLUV

  .is-visible.slide-up:not(

    :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  ) {

  opacity: 1;

  transform: translateY(0);

}