@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.animate-item {
  transition: all 1s ease-out;
}

/* 1. フェードイン */
.fade-in {
  opacity: 0;
}
.is-visible.fade-in {
  opacity: 1;
}
.stagger-item {
  opacity: 0;
  transform: translateY(calc(30 * var(--formula)));
}

/* 2. スタガー */
.is-visible .stagger-item {
  animation: fadeInSlideUp 1s ease-out forwards;
  animation-delay: calc(var(--i, 0) * 0.5s);
}

@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(calc(30 * var(--formula)));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 3. スライドアップ */
.slide-up {
  opacity: 0;
  transform: translateY(calc(30 * var(--formula)));
}
.is-visible.slide-up {
  opacity: 1;
  transform: translateY(0);
}

/* 3. スライドダウン */
.slide-down {
  opacity: 0;
  transform: translateY(calc(-30 * var(--formula)));
}
.is-visible.slide-down {
  opacity: 1;
  transform: translateY(0);
}

/* 4. スライドライト */
.slide-right {
  opacity: 0;
  transform: translateX(calc(-30 * var(--formula)));
}
.is-visible.slide-right {
  opacity: 1;
  transform: translateX(0);
}

/* 5. スライドレフト */
.slide-left {
  opacity: 0;
  transform: translateX(calc(30 * var(--formula)));
}
.is-visible.slide-left {
  opacity: 1;
  transform: translateX(0);
}

.animate_delay01 {
  animation-delay: 0.4s;
  transition-delay: 0.4s;
}
.animate_delay02 {
  animation-delay: 0.6s;
  transition-delay: 0.6s;
}
.animate_delay03 {
  animation-delay: 0.8s;
  transition-delay: 0.8s;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#Contents .main-area {
  overflow-x: visible;
}
#footer_emmi {
  margin-top: 0;
  padding-top: 0;
}

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

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

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

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

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

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

#em260225logo .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#em260225logo {
  --yu-gochic: "yu-gothic-pr6n”, ”游ゴシック体", YuGothic, "游ゴシック",
    "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-credit: "pragmatica", sans-serif;
  --font-light: 300;
  --font-book: 400;
  --font-medium: 500;
  --light-purple: rgba(195, 199, 224, 0.6);
  --bg-color: #f0eeea;
  --black: #000000;
  --white: #ffffff;
  position: relative;
  width: 100%;
  display: flex;
  background: var(--bg-color);
}
#em260225logo .sec-set {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(490 * var(--formula_pc));
}

#em260225logo [class*="__txt"] {
  font-family: var(--yu-gochic);
  color: var(--black);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-medium);
}

#em260225logo [class*="__credit"] {
  font-family: var(--font-credit);
  color: var(--black);
  font-size: calc(22 * var(--formula));
  line-height: 1.9090909091;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: var(--font-light);
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--formula));
}

#em260225logo [class*="__credit"] li {
  display: flex;
  gap: calc(15 * var(--formula));
}

#em260225logo [class*="-model-"] {
  background: var(--bg-color);
}
#em260225logo .lp-mv-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
}

#em260225logo .lp-mv-model-01 {
  width: 100%;
  height: 100%;
}

#em260225logo .lp-mv-model-01 img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

#em260225logo .lp-mv-text-01 {
  width: calc(584 * (100vw / 1400));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  pointer-events: none;
}

#em260225logo .lp-main-area {
  width: calc(700 * var(--formula_pc));
  position: relative;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  overflow-x: clip;
  flex: 1;
}

#em260225logo .sec-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

#em260225logo .sec1 {
  margin: calc(98 * var(--formula)) auto 0;
}

#em260225logo .sec1__txt2 {
  margin: calc(33 * var(--formula)) 0 0 0;
}
#em260225logo .sec1__txt3 {
  margin: calc(36 * var(--formula)) 0 0 0;
}

#em260225logo .sec1-model-block {
  width: calc(585 * var(--formula));
  margin: calc(142 * var(--formula)) auto 0 calc(165 * var(--formula));
  position: relative;
}
#em260225logo .sec1-txt-01 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(49 * var(--formula));
  left: calc(-130 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec1-model-01 {
  width: 100%;
}
#em260225logo .sec1-model-flex {
  width: calc(750 * var(--formula));
  margin: calc(18 * var(--formula)) auto 0;
  display: flex;
  justify-content: space-between;
  column-gap: calc(18 * var(--formula));
}
#em260225logo .sec1-model-02 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec1-model-03 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec1-model-04 {
  width: calc(714 * var(--formula));
  margin: calc(20 * var(--formula)) auto 0;
}
#em260225logo .sec1__credit {
  margin: calc(40 * var(--formula)) auto 0;
  align-items: center;
}


#em260225logo .sec2 {
  margin: calc(180 * var(--formula)) auto 0;
}
#em260225logo .sec2-model-block {
  width: calc(750 * var(--formula));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#em260225logo .sec2-model-block::before {
  content: " ";
  display: block;
  width: calc(480 * var(--formula));
  height: calc(960 * var(--formula));
  background-color: var(--light-purple);
  position: absolute;
  top: calc(280 * var(--formula));
  right: 0;
  z-index: 0;
}
#em260225logo .sec2-model-block .sec2-txt-01 {
  width: calc(224 * var(--formula));
  position: absolute;
  top: calc(64 * var(--formula));
  left: calc(19 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec2-model-block .sec2-txt-02 {
  width: calc(287 * var(--formula));
  position: absolute;
  top: calc(465 * var(--formula));
  right: calc(22 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo #sec2-slide {
  width: calc(750 * var(--formula));
}

#em260225logo .splide__slide {
  width: calc(750 * var(--formula));
  background: var(--bg-color);
}

#em260225logo .sec2-model-flex {
  width: calc(654 * var(--formula));
  margin: calc(18 * var(--formula)) auto 0 calc(18 * var(--formula));
  display: flex;
  justify-content: space-between;
  /* column-gap: calc(40 * var(--formula)); */
  position: relative;
  z-index: 1;
  background: none;
}
#em260225logo .sec2-model-02 {
  width: calc(390 * var(--formula));
}
#em260225logo .sec2__credit {
  align-items: start;
  align-self: start;
  margin-top: calc(328 * var(--formula));
}

#em260225logo .sec3 {
  margin: calc(180 * var(--formula)) auto 0;
}
#em260225logo .sec3-model-block {
  width: calc(630 * var(--formula));
  margin: 0 auto 0 calc(120 * var(--formula));
  position: relative;
}
#em260225logo .sec3-txt-01 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(-12 * var(--formula));
  right: calc(25 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec3-txt-02 {
  width: calc(288 * var(--formula));
  position: absolute;
  top: calc(84 * var(--formula));
  left: calc(-95 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec3-txt-03 {
  width: calc(241 * var(--formula));
  position: absolute;
  bottom: calc(154 * var(--formula));
  left: calc(-50 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec3-model-01 {
  width: 100%;
}
#em260225logo .sec3-model-flex {
  width: calc(750 * var(--formula));
  margin: calc(18 * var(--formula)) auto 0;
  display: flex;
  justify-content: space-between;
  column-gap: calc(18 * var(--formula));
  position: relative;
}
#em260225logo .sec3-model-02 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec3-model-03 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec3-txt-04 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(-60 * var(--formula));
  right: calc(14 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec3__credit {
  margin: calc(40 * var(--formula)) auto 0;
  align-items: center;
}


#em260225logo .sec4 {
  margin: calc(160 * var(--formula)) auto 0;
}
#em260225logo .sec4-model-block {
  width: calc(375 * var(--formula));
  margin: 0 auto 0 calc(375 * var(--formula));
  position: relative;
}
#em260225logo .sec4-txt-01 {
  width: calc(243 * var(--formula));
  position: absolute;
  top: calc(53 * var(--formula));
  left: calc(-190 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec4-model-01 {
  width: 100%;
}
#em260225logo .sec4-model-flex {
  width: calc(750 * var(--formula));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#em260225logo .sec4-model-02 {
  width: calc(375 * var(--formula));
}
#em260225logo .sec4-model-03 {
  width: calc(375 * var(--formula));
}


#em260225logo .sec5 {
  margin: calc(180 * var(--formula)) auto 0;
}
#em260225logo .sec5-model-block {
  width: calc(600 * var(--formula));
  margin: 0 auto 0 0;
  position: relative;
}
#em260225logo .sec5-txt-01 {
  width: calc(299 * var(--formula));
  position: absolute;
  top: calc(38 * var(--formula));
  right: calc(-99 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec5-txt-02 {
  width: calc(243 * var(--formula));
  position: absolute;
  bottom: calc(-33 * var(--formula));
  left: calc(16 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec5-model-01 {
  width: 100%;
}
#em260225logo .sec5-model-flex {
  width: calc(750 * var(--formula));
  margin: calc(18 * var(--formula)) auto 0;
  display: flex;
  justify-content: space-between;
  column-gap: calc(18 * var(--formula));
  position: relative;
}
#em260225logo .sec5-model-02 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec5-model-03 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec5__credit {
  margin: calc(40 * var(--formula)) auto 0;
  align-items: center;
}


#em260225logo .sec6 {
  margin: calc(162 * var(--formula)) auto 0;
}
#em260225logo .sec6-model-block {
  width: calc(750 * var(--formula));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#em260225logo .sec6-model-block::before {
  content: " ";
  display: block;
  width: calc(420 * var(--formula));
  height: calc(840 * var(--formula));
  background-color: var(--light-purple);
  position: absolute;
  top: calc(298 * var(--formula));
  left: 0;
  z-index: -1;
}
#em260225logo .sec6-model-block .sec6-txt-01 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(7 * var(--formula));
  right: calc(20 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec6-model-block .sec6-model-01 {
  width: calc(420 * var(--formula));
  margin: 0 auto;
  background: none;
}

#em260225logo .sec6-model-flex {
  width: calc(570 * var(--formula));
  margin: calc(100 * var(--formula)) auto 0 calc(180 * var(--formula));
  position: relative;
  z-index: 1;
  background: none;
}
#em260225logo .sec6-model-flex .sec6-txt-02 {
  width: calc(272 * var(--formula));
  position: absolute;
  top: calc(168 * var(--formula));
  left: calc(-150 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec6-model-02 {
  width: 100%;
}
#em260225logo .sec6__credit {
  align-items: start;
  align-self: start;
  margin-top: calc(40 * var(--formula));
}


#em260225logo .sec7 {
  margin: calc(180 * var(--formula)) auto 0;
}
#em260225logo .sec7-model-flex {
  width: calc(750 * var(--formula));
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
#em260225logo .sec7-txt-01 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(194 * var(--formula));
  left: calc(250 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec7-txt-02 {
  width: calc(221 * var(--formula));
  position: absolute;
  bottom: calc(106 * var(--formula));
  right: calc(11 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec7-model-01 {
  width: calc(375 * var(--formula));
}
#em260225logo .sec7-model-02 {
  width: calc(375 * var(--formula));
}
#em260225logo .sec7-model-03 {
  width: calc(375 * var(--formula));
}
#em260225logo .sec7-model-04 {
  width: calc(375 * var(--formula));
}

#em260225logo .sec7-model-block {
  width: calc(480 * var(--formula));
  margin: calc(120 * var(--formula)) auto 0;
  position: relative;
}
#em260225logo .sec7-txt-03 {
  width: calc(224 * var(--formula));
  position: absolute;
  top: calc(104 * var(--formula));
  left: calc(-102 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec7-model-05 {
  width: 100%;
}
#em260225logo .sec7__credit {
  margin: calc(40 * var(--formula)) auto 0;
  align-items: center;
}


#em260225logo .sec8 {
  margin: calc(162 * var(--formula)) auto 0;
}
#em260225logo .sec8-model-block {
  width: calc(660 * var(--formula));
  margin: 0 auto 0 0;
  position: relative;
  z-index: 2;
}
#em260225logo .sec8-txt-01 {
  width: calc(221 * var(--formula));
  position: absolute;
  top: calc(62 * var(--formula));
  right: calc(-10 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec8-txt-02 {
  width: calc(288 * var(--formula));
  position: absolute;
  bottom: calc(278 * var(--formula));
  right: calc(-76 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec8-model-01 {
  width: 100%;
}
#em260225logo .sec8-model-flex {
  width: calc(750 * var(--formula));
  margin: calc(18 * var(--formula)) auto 0;
  display: flex;
  justify-content: space-between;
  column-gap: calc(18 * var(--formula));
  position: relative;
  z-index: 1;
}
#em260225logo .sec8-model-flex::before {
  content: " ";
  display: block;
  width: calc(420 * var(--formula));
  height: calc(840 * var(--formula));
  background-color: var(--light-purple);
  position: absolute;
  top: calc(284 * var(--formula));
  right: 0;
  z-index: -1;
}
#em260225logo .sec8-model-02 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec8-model-03 {
  width: calc(366 * var(--formula));
}
#em260225logo .sec8__credit {
  margin: calc(40 * var(--formula)) auto 0;
  align-items: center;
  z-index: 1;
}


#em260225logo .sec9 {
  margin: calc(160 * var(--formula)) auto 0;
}
#em260225logo .sec9-model-block {
  width: calc(480 * var(--formula));
  margin: 0 auto;
  position: relative;
  z-index: 2;
  background: none;
}
#em260225logo .sec9-txt-01 {
  width: calc(223 * var(--formula));
  position: absolute;
  top: calc(24 * var(--formula));
  right: calc(-106 * var(--formula));
  z-index: 2;
  pointer-events: none;
}
#em260225logo .sec9-model-01 {
  width: 100%;
  background: none;
}
#em260225logo .sec9-link-btn-01 {
  width: calc(570 * var(--formula));
  margin: calc(130 * var(--formula)) 0 calc(160 * var(--formula)) 0;
}

#em260225logo .sec9__credit {
  align-items: center;
  gap: calc(26 * var(--formula));
}
@media (max-width: 767px) {
  #em260225logo {
    flex-direction: column;
  }
  #em260225logo .lp-mv-area {
    position: relative;
    width: 100%;
    height: unset;
  }
  #em260225logo .lp-mv-text-01 {
    width: calc(626 * var(--formula));
    top: calc(305 * var(--formula));
    left: 50%;
    transform: translateX(-50%);
  }
  #em260225logo .lp-mv-text-02 {
    width: calc(415 * var(--formula));
    top: calc(52 * var(--formula));
    left: calc(27 * var(--formula));
  }
  #em260225logo .lp-mv-model-01 {
    width: calc(750 * var(--formula));
    z-index: 1;
    position: relative;
  }
  #em260225logo .lp-mv-model-01 img {
    height: unset;
  }
  #em260225logo .sec-set {
    width: 100%;
  }
  #em260225logo .lp-main-area {
    width: 100%;
  }
  #em260225logo .sec-cont {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #em260225logo .sec1 {
    margin: calc(101 * var(--formula)) auto 0;
  }
  #em260225logo .sec1-model-block {
    margin: calc(138 * var(--formula)) auto 0 calc(165 * var(--formula));
  }
  #em260225logo .lp-mv-text-01 {
    top: 55.7%;
  }
}