@charset "UTF-8";

/* ===============================================### 
可変設定
###=============================================== */
.lp_variable {
  /*デザインの値*/
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 500;/*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) {
  .lp_variable {
  --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) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

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


/* ===============================================### 
初期設定
###=============================================== */
.em250626leolionni{
  position: relative;
  --font-ja:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-en: "davis-sans", sans-serif;
  --font-en02: "pragmatica", sans-serif;
  font-style: normal;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --color-white: #ffffff;
  --color-black: #112333;
  color: #112333;
  overflow: clip;
}

.em250626leolionni img,
.em250626leolionni svg{
  width: 100%;
  height: auto;
}

.main-area * {
  box-sizing: border-box;
}

body{
  overflow-x: visible;
}

.main-area{
  overflow-x: visible;
}


/* ===========### PC用設定 ###=========== */
@media screen and (min-width: 768px) {
  .bredlist.lp{
    position: relative;
    z-index: 1;
  }

  #Foot{
    position: relative;
    z-index: 1;
  }

  #footer_emmi{
    margin-top: 0;
    background-color: #fff;
  }

  .em250626leolionni .pc-visible{
    display: block;
  }

  .em250626leolionni .sp-visible{
    display: none;
  }

  .em250626leolionni .bg-image{
    background-color: #fff;
  }

  .em250626leolionni .bg-image a:hover{
    opacity: 0.7;
  }
}

/* ===========### SP用設定 ###=========== */
@media screen and (max-width: 767px) {
  #footer_emmi{
    padding-top: 0;
  }

  .em250626leolionni{
    overflow: clip;
  }
  
  .em250626leolionni .pc-visible{
    display: none;
  }

  .em250626leolionni .sp-visible{
    display: block;
  }
}


/* ===============================================### 
left-area, right-area, center-area 設定
###=============================================== */
@media screen and (min-width: 768px) {
  .em250626leolionni .section-wrap.grid-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr calc(750 * var(--formula)) 1fr;
  }

  .em250626leolionni .left-area {
    position: sticky;
    grid-column: 1;
    top: 0;
    height: 100vh;
    display: grid;
    place-content: center;
  }

  .em250626leolionni .center-area {
    grid-column: 2;
    overflow-x: clip;
    /* overflow: hidden; */
  }

  .em250626leolionni .right-area {
    position: sticky;
    grid-column: 3;
    top: 0;
    height: 100vh;
    display: grid;
    place-content: center;
  }

  /************** image **************/
  .em250626leolionni .left-area .fixed_title {
    grid-column: 1;
  }

  .em250626leolionni .left-area .fixed_title .title__image{
    width: calc(283 * var(--formula_pc));
  }

  _::-webkit-full-page-media, _:future, :root .em250626leolionni .left-area .fixed_title{
    width: calc(283 * var(--formula_pc));
    height: calc(142 * var(--formula_pc));
    overflow: hidden;
  }

  _::-webkit-full-page-media, _:future, :root .em250626leolionni .left-area .fixed_title .title__image {
    width: calc(1132 * var(--formula_pc));
    transform: scale(0.25);
    transform-origin: left top;
  }

  .em250626leolionni .right-area .fixed_title {
    grid-column: 1;
    width: calc(283 * var(--formula_pc));
  }
}

@media screen and (min-width: 1400px) {
  .em250626leolionni .left-area .fixed_title .title__image{
    width: calc(283 * (100vw / 1400));
  }

  _::-webkit-full-page-media, _:future, :root .em250626leolionni .left-area .fixed_title{
    width: calc(283 * (100vw / 1400));
    height: calc(142 * (100vw / 1400));
    overflow: hidden;
  }

  _::-webkit-full-page-media, _:future, :root .em250626leolionni .left-area .fixed_title .title__image {
    width: calc(1132 * (100vw / 1400));
    transform: scale(0.25);
    transform-origin: left top;
  }

  .em250626leolionni .right-area .fixed_title {
    grid-column: 1;
    width: calc(283 * (100vw / 1400));
  }
}

@media screen and (max-width: 767px) {
  .em250626leolionni .section-wrap{
    width: calc(750 * var(--formula));
  }
}


/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
/*** fade-mv ***/
.em250626leolionni .js-fade-mv{
  opacity: 0;
}

.em250626leolionni .mv .decoration-image.image01.js-fade-mv{
  transition: all 0.3s ease-in;  /* 1番目 */
}

.em250626leolionni  .mv .decoration-image.image02.js-fade-mv.js-fade-delay01{
  transition: all 0.3s ease-in 0.5s;  /* 2番目 */
}

.em250626leolionni .mv .title-image.image01.js-fade-mv.js-fade-delay02{
  transition: all 0.3s ease-in 0.75s;  /* 3番目 */
}

.em250626leolionni .mv .title-image.image02.js-fade-mv.js-fade-delay03{
  transition: all 0.3s ease-in 1s;  /* 4番目 */
}

.em250626leolionni .mv .title-image.image03.js-fade-mv.js-fade-delay04{
  transition: all 0.3s ease-in 1.25s;  /* 5番目 */
}

.em250626leolionni .js-fade-mv.show{
  opacity: 1;
}


/*** fade-in ***/
.em250626leolionni .js-fade-in{
  /* opacity: 0;
  transition: ease-in, opacity 1s; */
  opacity: 0;
}

.em250626leolionni .js-fade-in.show{
  /* opacity: 1; */
  animation: opa1 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards, tra3 .8s cubic-bezier(0.51, 0.21, 0.41, 1) 0s 1 forwards;
}

@keyframes opa1{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes tra3 {
  0% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0);
  }
}

.em250626leolionni .js-fade-in-deco{
  opacity: 0;
  transition: ease-in, opacity 1s;
}

.em250626leolionni .js-fade-in-deco.show{
  opacity: 1;
}

/*** fade-up ***/
.em250626leolionni .js-fade-up{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s 0s, transform 1s 0s;
}

.em250626leolionni .js-fade-up.js-delay01{
  transition: opacity 1.5s 0.4s, transform 1s 0.4s;
}

.em250626leolionni .js-fade-up.js-delay02{
  transition: opacity 1.5s 0.8s, transform 1s 0.8s;
}

.em250626leolionni .js-fade-up.show{
  opacity: 1;
  transform: translateY(0);
}

/************** write **************/
.cls-3{
  fill: #cc722a;
}
.logo0{
  stroke: #cc722a; /* 文字色 */
  /* fill: none; */
  stroke-width: 2.5; /* 文字の太さ */
  stroke-dasharray:  4000; /* 破線の間隔 */
  stroke-dashoffset: 4000; /* 破線の開始位置 */
  animation: DASH 8s ease-in-out alternate 0s forwards; /* アニメーション */
  -webkit-animation: DASH 8s ease-in-out alternate 0s forwards;
}

.logo1{
  stroke: #cc722a;
  /* fill: none; */
  stroke-width: 2.5;
  stroke-dasharray:  4000;
  stroke-dashoffset: 4000;
  animation: DASH 8s ease-in-out alternate 0s forwards;
  animation-delay: 3s;
  -webkit-animation: DASH 8s ease-in-out alternate 0s forwards;
  -webkit-animation-delay: 3s;
}

.logo2{
  stroke: #cc722a;
  /* fill: none; */
  stroke-width: 1;
  stroke-dasharray:  4000;
  stroke-dashoffset: 4000;
  animation: DASH 1s ease-in-out alternate 0s forwards;
  animation-delay: 4s;
  -webkit-animation: DASH 1s ease-in-out alternate 0s forwards;
  -webkit-animation-delay: 4s;
}

@keyframes DASH {
  0% {
    stroke-dashoffset: 4000;
    }
  100% {
    stroke-dashoffset: 0;
    }
}

@-webkit-keyframes DASH {
  0% {
    stroke-dashoffset: 4000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/************** walk **************/
.em250626leolionni .walk-animation{
  animation-name: walk;
  /* animation-duration: 14.0s;
  animation-duration: 20.0s; */
  animation-duration: 15.0s;
  animation-duration: 15.0s;
  animation-fill-mode: forwards;
  animation-delay: .0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: 2;
  -webkit-backface-visibility: hidden;
}

@keyframes walk{
  0% {
    /* transform: translate3d(-800px, 0, 0) scale(-1, 1); */
    transform: translate3d(0px, 0, 0) scale(1, 1);
  }
  40% {
    /* transform: translate3d(2800px, 0, 0) scale(-1, 1); */
    /* transform: translate3d(300px, 0, 0) scale(1, 1); */
  }
  50% {
    /* transform: translate3d(2800px, 0, 0) scale(1, 1); */
    transform: translate3d(200px, 0, 0) scale(1, 1);
  }
  50.1% {
    /* transform: translate3d(2800px, 0, 0) scale(1, 1); */
    transform: translate3d(200px, 0, 0) scale(-1, 1);
  }
  85% {
    /* transform: translate3d(0px, 0, 0) scale(-1, 1); */
    /* transform: translate3d(-800px, 0, 0) scale(1, 1); */
  }
  100% {
    transform: translate3d(0px, 0, 0) scale(-1, 1);
    /* transform: translate3d(-800px, 0, 0) scale(1, 1); */
  }
}

@media screen and (max-width: 767px) {
  .em250626leolionni .walk-animation{
    animation-duration: 10.0s;
    animation-duration: 10.0s;
  }

  @keyframes walk{
    0% {
      transform: translate3d(0px, 0, 0) scale(1, 1);
    }
    50% {
      transform: translate3d(150px, 0, 0) scale(1, 1);
    }
    50.1% {
      transform: translate3d(150px, 0, 0) scale(-1, 1);
    }
    100% {
      transform: translate3d(0px, 0, 0) scale(-1, 1);
    }
  }
}

.em250626leolionni .walk-step-animation{
  display: block;
  width: calc(195 * var(--formula));
  height: calc(145 * var(--formula));
  background-image: url('../img/mv_character.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  /* padding: 172px 0 0; */

  animation-name: walk-step;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.15s;
}

@keyframes walk-step {
  0% {
    transform: translate(0,0px);
  }

  100% {
    transform: translate(0,6px);
  }
}

/************** float **************/
.em250626leolionni .float-animation{
  animation: 3s float infinite;
}

@keyframes float{
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}

/************** background **************/
.em250626leolionni{
  background-color: #fff9df;
}

.em250626leolionni.bg-yellow{
  background-color: #fff9df;
  transition: all 1.5s;
}

.em250626leolionni.bg-green{
  background-color: #eaf2e5;
  transition: all 1.5s;
}


/************** svg **************/
.f {
  fill: #cc722a;
}

/* .f {
  fill: url(#SVGID_1_);
} */

.e {
  fill: none;
  stroke: #fff;
  stroke-width: 27;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.e {
  fill: none;
  /* stroke: #000; */
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
}


/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.em250626leolionni .grid-wrap{
  display: grid;
}

.em250626leolionni .flex-wrap{
  display: flex;
}

/************** product-area **************/
.em250626leolionni .product-area{
  width: calc(700 * var(--formula));
  margin-inline: auto;
  padding: calc(40 * var(--formula)) calc(80 * var(--formula));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: calc(10 * var(--formula));
}

.em250626leolionni .product-area .grid-wrap{
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
}

.em250626leolionni .product-area .product__item03{
  grid-column: 1/3;
}

.em250626leolionni .product-area .product__item01,
.em250626leolionni .product-area .product__item02,
.em250626leolionni .product-area .product__item03{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.em250626leolionni .sustainable-icon{
  position: absolute;
  width: calc(90 * var(--formula));
  z-index: 2;
  pointer-events: none;
}

.em250626leolionni .product-name{
  margin-top: calc(15 * var(--formula));
  font-family: var(--font-en);
  font-size: calc(34 * var(--formula));
  font-weight: var(--fw-medium);
  line-height: 1.4166666667;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
}


/************** slide **************/
.em250626leolionni .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .swiper-pagination-custom, .swiper-pagination-fraction{
  display: flex;
  flex-direction: column;
  width: fit-content;
}

.em250626leolionni .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 4px 0;
}

.em250626leolionni .swiper-pagination-bullet{
  width: calc(12 * var(--formula));
  height: calc(12 * var(--formula));
  opacity: 0.45;
}

.em250626leolionni .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}

/*** ドット配色 ***/
.em250626leolionni .content01 .content__item03 .product__item01 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content01 .content__item06 .product__item01 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content01 .content__item06 .product__item02 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content02 .content__item03 .product__item01 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content02 .content__item03 .product__item02 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content02 .content__item03 .product__item03 .swiper-pagination-bullet:nth-of-type(1){
  background-image: url('../img/dot-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.em250626leolionni .content01 .content__item03 .product__item01 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content01 .content__item03 .product__item02 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content01 .content__item03 .product__item03 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content01 .content__item06 .product__item02 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content01 .content__item06 .product__item03 .swiper-pagination-bullet:nth-of-type(1){
  background-image: url('../img/dot-border.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.em250626leolionni .content01 .content__item03 .product__item02 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content01 .content__item03 .product__item03 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content01 .content__item06 .product__item01 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content01 .content__item06 .product__item03 .swiper-pagination-bullet:nth-of-type(2),
.em250626leolionni .content02 .content__item03 .product__item03 .swiper-pagination-bullet:nth-of-type(3){
  background-image: url('../img/dot-black.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.em250626leolionni .content02 .content__item03 .product__item01 .swiper-pagination-bullet:nth-of-type(1),
.em250626leolionni .content02 .content__item03 .product__item02 .swiper-pagination-bullet:nth-of-type(1){
  background-image: url('../img/dot-green.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.em250626leolionni .content02 .content__item03 .product__item03 .swiper-pagination-bullet:nth-of-type(2){
  background-image: url('../img/dot-pink.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

/*** ページネーション位置調整 ***/
.em250626leolionni .content01 .content__item03 .product__item01 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content01 .content__item03 .product__item01 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-9 * var(--formula));
  left: calc(-12 * var(--formula));
}

.em250626leolionni .content01 .content__item03 .product__item02 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content01 .content__item03 .product__item02 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-9 * var(--formula));
  left: initial;
  right: calc(-12 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item01 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content01 .content__item06 .product__item01 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-36 * var(--formula));
  left: calc(-9 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item02 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content01 .content__item06 .product__item02 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-8 * var(--formula));
  left: initial;
  right: calc(-16 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item03 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content01 .content__item06 .product__item03 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-2 * var(--formula));
  left: calc(-7 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item01 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content02 .content__item03 .product__item01 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-36 * var(--formula));
  left: calc(-9 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item02 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content02 .content__item03 .product__item02 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(-6 * var(--formula));
  left: initial;
  right: calc(-14 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item03 .swiper-container-horizontal>.swiper-pagination-bullets, 
.em250626leolionni .content02 .content__item03 .product__item03 .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: calc(7 * var(--formula));
  left: calc(-7 * var(--formula));
}

/************** text **************/
.em250626leolionni .credit{
  font-family: var(--font-en);
  font-size: calc(22 * var(--formula));
  font-weight: var(--fw-regular);
  line-height: 1.75;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.em250626leolionni .credit a{
  display: inline-block;
}

/************** image **************/
.em250626leolionni .decoration-image,
.em250626leolionni .character-image{
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250626leolionni .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 3px 0;
  }

  .em250626leolionni .content01 .content__item06 .product__item02 .swiper-container-horizontal>.swiper-pagination-bullets, 
  .em250626leolionni .content01 .content__item06 .product__item02 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: calc(-6 * var(--formula));
    left: initial;
    right: calc(-16 * var(--formula));
  }

  .em250626leolionni .content01 .content__item06 .product__item03 .swiper-container-horizontal>.swiper-pagination-bullets, 
  .em250626leolionni .content01 .content__item06 .product__item03 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: calc(-3 * var(--formula));
    left: calc(-7 * var(--formula));
  }

  .em250626leolionni .content02 .content__item03 .product__item01 .swiper-container-horizontal>.swiper-pagination-bullets, 
  .em250626leolionni .content02 .content__item03 .product__item01 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: calc(-34 * var(--formula));
    left: calc(-7 * var(--formula));
  }

  .em250626leolionni .content02 .content__item03 .product__item02 .swiper-container-horizontal>.swiper-pagination-bullets, 
  .em250626leolionni .content02 .content__item03 .product__item02 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: calc(-5 * var(--formula));
    left: initial;
    right: calc(-14 * var(--formula));
  }

  .em250626leolionni .content02 .content__item03 .product__item03 .swiper-container-horizontal>.swiper-pagination-bullets, 
  .em250626leolionni .content02 .content__item03 .product__item03 .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: calc(7 * var(--formula));
    left: calc(-7 * var(--formula));
  }
}


/* ===============================================### 
MV
###=============================================== */
.em250626leolionni .mv{
}

.em250626leolionni .mv .content-inner{
  position: relative;
  width: calc(750 * var(--formula));
  margin-inline: auto;
  padding-top: calc(90 * var(--formula));
  padding-bottom: calc(140 * var(--formula));
  overflow: hidden;
}

.em250626leolionni .mv .title-wrap{
  position: relative;
  height: calc(228 * var(--formula));
}

.em250626leolionni .lead-wrap{
  width: calc(700 * var(--formula));
  margin-top: calc(27 * var(--formula));
  margin-inline: auto;
  padding: calc(45 * var(--formula)) calc(10 * var(--formula)) calc(67 * var(--formula));
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: calc(20 * var(--formula));
}

/************** text **************/
.em250626leolionni .lead-text{
  font-family: var(--font-ja);
  font-size: calc(24 * var(--formula));
  line-height: 2.25;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
}

/************** image **************/
.em250626leolionni .mv .decoration-image.image01{
  top: calc(-150 * var(--formula));
  right: calc(-88 * var(--formula));
  width: calc(356 * var(--formula));
}

.em250626leolionni .mv .decoration-image.image02{
  top: calc(102 * var(--formula));
  left: calc(-32 * var(--formula));
  width: calc(174 * var(--formula));
}

.em250626leolionni .mv .title-image.image01{
  width: fit-content;
  margin-inline: auto;
}

.em250626leolionni .mv .title-image.image01 .image-wrap{
  width: calc(310 * var(--formula));
}

_::-webkit-full-page-media, _:future, :root .em250626leolionni .mv .title-image.image01{
  width: calc(310 * var(--formula));
  height: calc(33 * var(--formula));
  overflow: hidden;
}

_::-webkit-full-page-media, _:future, :root .em250626leolionni .mv .title-image.image01 .image-wrap {
  width: calc(1240 * var(--formula));
  transform: scale(0.25);
  transform-origin: left top;
}

.em250626leolionni .mv .title-image.image02{
  width: calc(323 * var(--formula));
  margin-top: calc(33 * var(--formula));
  margin-left: calc(169 * var(--formula));
  margin-right: auto;
}

.em250626leolionni .mv .title-image.image03{
  position: absolute;
  top: calc(126 * var(--formula));
  right: calc(159 * var(--formula));
  width: calc(248 * var(--formula));
  z-index: 1;
  pointer-events: none;
}

.em250626leolionni .mv .character-image{
  bottom: calc(55 * var(--formula));
  left: calc(98 * var(--formula));
}



/* ===============================================### 
コンテンツ01
###=============================================== */
.em250626leolionni .content01{
  margin-bottom: calc(120 * var(--formula));
}

.em250626leolionni .content01 .content-inner{
}

.em250626leolionni .content01 .content__item01{
  position: relative;
  width: fit-content;
}

.em250626leolionni .content01 .content__item02{
  position: relative;
  width: fit-content;
  margin-top: calc(73 * var(--formula));
  margin-inline: auto;
}

.em250626leolionni .content01 .content__item02::after{
  content: '';
  position: absolute;
  top: calc(300 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(1271 * var(--formula));
  height: calc(917 * var(--formula));
  background-image: url('../img/content01_bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.em250626leolionni .content01 .content__item03{
  position: relative;
  z-index: 1;
  margin-top: calc(140 * var(--formula));
  margin-inline: auto;
}

.em250626leolionni .content01 .content__item04{
  position: relative;
  width: fit-content;
  margin-top: calc(136 * var(--formula));
}

.em250626leolionni .content01 .content__item05{
  margin-top: calc(79 * var(--formula));
  margin-left: calc(100 * var(--formula));
}

.em250626leolionni .content01 .content__item06{
  position: relative;
  width: fit-content;
  margin-top: calc(92 * var(--formula));
  margin-inline: auto;
}

/************** slide **************/
.em250626leolionni .content01 .loop-slide{
  width: calc(650 * var(--formula));
  overflow: hidden;
}

.em250626leolionni .content01 .loop-slide .content__image{
  width: calc(420 * var(--formula));
}

/************** product-area **************/
.em250626leolionni .content01 .fade-slide{
  width: calc(192 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product-area{
  padding: calc(40 * var(--formula)) calc(106 * var(--formula)) calc(34 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product-area .grid-wrap{
  row-gap: calc(56 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item01 .fade-slide,
.em250626leolionni .content01 .content__item06 .product__item03 .fade-slide{
  width: calc(220 * var(--formula));
}

/*** product-name微調整 ***/
.em250626leolionni .content01 .content__item06 .product__item01 .product-name{
  margin-top: calc(43 * var(--formula));
}

/*** サステナブルアイコン調整 ***/
.em250626leolionni .content01 .content__item03 .product__item01 .sustainable-icon{
  top: calc(-10 * var(--formula));
  left: calc(-90 * var(--formula));
}

.em250626leolionni .content01 .content__item03 .product__item02 .sustainable-icon{
  top: calc(-10 * var(--formula));
  right: calc(-70 * var(--formula));
  width: calc(70 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item01 .sustainable-icon{
  top: calc(-81 * var(--formula));
  left: calc(-83 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item02 .sustainable-icon{
  top: calc(-10 * var(--formula));
  right: calc(-88 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .product__item03 .sustainable-icon{
  top: calc(-10 * var(--formula));
  right: calc(-60 * var(--formula));
  width: calc(70 * var(--formula));
}

/************** text **************/
.em250626leolionni .content01 .content__item01 .credit{
  margin-top: calc(33 * var(--formula));
  text-align: center;
}

.em250626leolionni .content01 .content__item05 .credit{
  margin-top: calc(35 * var(--formula));
}

/*** クレジット位置微調整 ***/
.em250626leolionni .content01 .content__item01 .credit a.credit02{
  margin-left: calc(10 * var(--formula));
}

.em250626leolionni .content01 .content__item05 .credit a.credit02,
.em250626leolionni .content01 .content__item05 .credit a.credit04,
.em250626leolionni .content01 .content__item05 .credit a.credit06,
.em250626leolionni .content01 .content__item05 .credit a.credit07{
  margin-left: calc(8 * var(--formula));
}

/************** image **************/
.em250626leolionni .content01 .content__item01 .content__image{
  width: calc(750 * var(--formula));
}

.em250626leolionni .content01 .content__item02 .content__image{
  position: relative;
  z-index: 1;
  width: calc(520 * var(--formula));
  margin-inline: auto;
}

.em250626leolionni .content01 .content__item04 .content__image{
  width: calc(640 * var(--formula));
}

/*** character ***/
.em250626leolionni .content01 .content__item01 .character-image{
  top: calc(-58 * var(--formula));
  right: 0;
  width: calc(135 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .character-image{
  bottom: calc(-46 * var(--formula));
  left: calc(-20 * var(--formula));
  width: calc(224 * var(--formula));
}

/*** decoration-image ***/
.em250626leolionni .content01 .content__item01 .decoration-image{
  bottom: calc(49 * var(--formula));
  left: calc(-104 * var(--formula));
  width: calc(332 * var(--formula));
}

.em250626leolionni .content01 .content__item04 .decoration-image{
  bottom: calc(-49 * var(--formula));
  right: calc(-105 * var(--formula));
  width: calc(214 * var(--formula));
}

.em250626leolionni .content01 .content__item06 .decoration-image{
  top: calc(299 * var(--formula));
  right: calc(-36 * var(--formula));
  width: calc(173 * var(--formula));
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.em250626leolionni .content02{
  padding-top: calc(120 * var(--formula));
  padding-bottom: calc(114 * var(--formula));
}

.em250626leolionni .content02 .content-inner{
  position: relative;
}

.em250626leolionni .content02 .content-inner::after{
  content: '';
  position: absolute;
  top: calc(-118 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  width: calc(750 * var(--formula));
  height: calc(4745 * var(--formula));
  background-image: url('../img/content02_bg.png');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.em250626leolionni .content02 .content__item01{
  position: relative;
  width: fit-content;
  margin-inline: auto;
  z-index: 1;
}

.em250626leolionni .content02 .content__item02{
  margin-top: calc(80 * var(--formula));
}

.em250626leolionni .content02 .content__item03{
  position: relative;
  width: fit-content;
  margin-top: calc(72 * var(--formula));
  margin-inline: auto;
  z-index: 1;
}

.em250626leolionni .content02 .content__item04{
  position: relative;
  margin-top: calc(159 * var(--formula));
  z-index: 1;
}

.em250626leolionni .content02 .content__item05{
  position: relative;
  width: fit-content;
  margin-top: calc(100 * var(--formula));
  margin-inline: auto;
  z-index: 1;
}

/************** slide **************/
.em250626leolionni .content02 .loop-slide{
  position: relative;
  left: calc(-3 * var(--formula));
  width: calc(750 * var(--formula));
  overflow: hidden;
}

.em250626leolionni .content02 .loop-slide .content__image{
  width: calc(520 * var(--formula));
}

/************** product-area **************/
.em250626leolionni .content02 .content__item03 .product-area{
  padding: calc(61 * var(--formula)) calc(104 * var(--formula)) calc(17 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product-area .grid-wrap{
  row-gap: calc(52 * var(--formula));
}

.em250626leolionni .content02 .fade-slide{
  width: calc(192 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item01 .fade-slide,
.em250626leolionni .content02 .content__item03 .product__item03 .fade-slide{
  width: calc(220 * var(--formula));
}

/*** product-name調整 ***/
.em250626leolionni .content02 .content__item03 .product__item01 .product-name{
  margin-top: calc(45 * var(--formula));
}

/*** サステナブルアイコン調整 ***/
.em250626leolionni .content02 .content__item03 .product__item01 .sustainable-icon{
  top: calc(-81 * var(--formula));
  left: calc(-82 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item02 .sustainable-icon{
  top: calc(-10 * var(--formula));
  right: calc(-87 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .product__item03 .sustainable-icon{
  top: calc(-8 * var(--formula));
  right: calc(-79 * var(--formula));
  width: calc(80 * var(--formula));
}

/************** text **************/
.em250626leolionni .content02 .content__item02 .credit{
  margin-top: calc(35 * var(--formula));
  text-align: center;
}

.em250626leolionni .content02 .content__item05 .credit{
  margin-top: calc(32 * var(--formula));
  text-align: center;
}

/*** クレジット位置微調整 ***/
.em250626leolionni .content02 .content__item02 a.credit02,
.em250626leolionni .content02 .content__item02 a.credit04{
  margin-left: calc(10 * var(--formula));
}

.em250626leolionni .content02 .content__item05 a.credit02,
.em250626leolionni .content02 .content__item05 a.credit03,
.em250626leolionni .content02 .content__item05 a.credit05{
  margin-left: calc(10 * var(--formula));
}

/************** image **************/
.em250626leolionni .content02 .content__item01 .content__image{
  width: calc(640 * var(--formula));
}

.em250626leolionni .content02 .content__item04 .content__image{
  width: calc(750 * var(--formula));
}

.em250626leolionni .content02 .content__item05 .content__image{
  width: calc(560 * var(--formula));
}

/*** character ***/
.em250626leolionni .content02 .content__item03 .character-image.image01{
  bottom: calc(-44 * var(--formula));
  left: calc(26 * var(--formula));
  width: calc(90 * var(--formula));
}

.em250626leolionni .content02 .content__item03 .character-image.image02{
  bottom: calc(12 * var(--formula));
  right: calc(-40 * var(--formula));
  width: calc(175 * var(--formula));
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250626leolionni .content02 .content__item03 .product-area{
    padding: calc(61 * var(--formula)) calc(104 * var(--formula)) calc(19 * var(--formula));
  }

  .em250626leolionni .content02 .content__item05 .credit{
    margin-top: calc(34 * var(--formula));
  }
}


/* ===============================================### 
link-area
###=============================================== */
.em250626leolionni .link-area{
  padding-top: calc(110 * var(--formula));
  padding-bottom: calc(127 * var(--formula));
  background-color: var(--color-white);
}

.em250626leolionni .link-area .content-inner{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

/************** image **************/
.em250626leolionni .link-area .character-image{
  top: calc(50 * var(--formula));
  left: calc(180 * var(--formula));
  width: calc(93 * var(--formula));
}

.em250626leolionni .link__button{
  width: calc(525 * var(--formula));
  margin-inline: auto;
}