@charset "UTF-8";

#Contents .main-area {

  overflow-x: visible;

}

#footer_emmi {

  margin-top: 0;

  padding-top: 0;

}

#em260305NewBalance {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 476;

  --sp-artboard-width: 750;

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

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

}



@media (min-width: 768px) {

  #em260305NewBalance {

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

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

  }

  #em260305NewBalance .lp-video-container::after {

    content: "";

    position: absolute;

    top: 0;

    right: -1px;

    width: 3px;

    height: 100%;

    background: #f0eeea;

    z-index: 10; /* 動画より上に配置 */

  }



  #em260305NewBalance .lp-video-container::before {

    content: "";

    position: absolute;

    bottom: -1px; /* 1px内側に食い込ませる */

    left: 0;

    width: 100%;

    height: 3px;

    background: #f0eeea; /* 外側の背景色と合わせる */

    z-index: 10;

  }

}



@media (max-width: 767px) {

  #em260305NewBalance {

    --ratio: 1;

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

  }

}



#em260305NewBalance img {

  display: block;

  width: 100%;

  height: auto;

}

#em260305NewBalance video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



#em260305NewBalance h2,

#em260305NewBalance h3,

#em260305NewBalance p,

#em260305NewBalance li {

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

}



#em260305NewBalance .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

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

  border: 0;

}



#em260305NewBalance {

  font-feature-settings: normal;

  min-width: 100%;

  display: flex;

  --yu-gochic:

    "游ゴシック体", "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, YuGothic,

    yu-gothic-pr6n, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;

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

  --font-regular: 400;

  --black: #000000;

  --gray: #535655;

  background: #f0eeea;

}



#em260305NewBalance [class*="__cai-btn"] {

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

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

  line-height: 1;

  letter-spacing: 0.03em;

  color: var(--gray);

  text-align: center;

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

  position: relative;

  display: flex;

  align-items: center;

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

  border-bottom: calc(2 * var(--formula)) solid var(--gray);

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

}



#em260305NewBalance [class*="btn-arrow"] {

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

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

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

}



#em260305NewBalance [class*="__credit"] {

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

  color: var(--gray);

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

  line-height: 2;

  letter-spacing: 0.03em;

  text-align: center;

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

  display: flex;

  flex-direction: column;

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

  align-items: center;

}



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

  display: flex;

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

}



#em260305NewBalance [class*="__inner-cont"] {

  position: relative;

  z-index: 1;

}



#em260305NewBalance [class*="__inner-cont"] [class*="-txt-"] {

  position: absolute;

  z-index: 5;

}



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

  pointer-events: none;

}

#em260305NewBalance [class*="-img-"] {

  background: #fff;

}



#em260305NewBalance .splide {

  touch-action: pan-y;

}



#em260305NewBalance .splide__track {

  touch-action: pan-y;

  -webkit-overflow-scrolling: touch;

}



#em260305NewBalance .splide__slide img,

#em260305NewBalance .splide__slide a {

  -webkit-user-drag: none;

  user-select: none;

  touch-action: pan-y;

}

#em260305NewBalance .splide__pagination {

  padding: 0;

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

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

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

  left: unset;

}

#em260305NewBalance .splide__pagination__page {

  background: var(--gray);

  opacity: 0.5;

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

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

  margin: 0;

}

#em260305NewBalance .splide__pagination__page.is-active {

  transform: scale(1);

  opacity: 1;

}



#em260305NewBalance .lp-mv-area {

  flex: 1;

  position: sticky;

  top: 0;

  height: 100vh;

  display: grid;

  place-items: center;

  overflow: hidden;

  grid-template-columns: 100%;

  grid-template-rows: 100%;

}

#em260305NewBalance .lp-main-area {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

}



#em260305NewBalance .lp-mv-txt-01 {

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

  grid-area: 1/1;

  z-index: 5;

  margin: calc(29 * var(--formula_pc)) calc(10 * var(--formula_pc)) 0 0;

}



#em260305NewBalance .lp-mv-img-01 {

  grid-area: 1 / 1;

  z-index: 1;

  height: 100%;

  width: auto;

  aspect-ratio: 625 / 800;

}

#em260305NewBalance .lp-mv-img-01 a {

  display: block;

  width: 100%;

  height: 100%;

}



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

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}

#em260305NewBalance .sec-set {

  display: flex;

  flex-direction: column;

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

  align-items: center;

  overflow-x: clip;

}



#em260305NewBalance .teaser-cont {

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

}



#em260305NewBalance .lp-video-container {

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

  position: relative;

}



#em260305NewBalance .teaser__txt {

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

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

  line-height: 2;

  letter-spacing: 0.03em;

  color: var(--black);

  text-align: center;

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

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

}



#em260305NewBalance #sec1-slider {

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

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

}



#em260305NewBalance #sec1-slider .splide__slide {

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

}

#em260305NewBalance .sec01__credit li:nth-child(2) {

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

}



#em260305NewBalance .sec1-img-03 {

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

  align-self: end;

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

}



#em260305NewBalance .sec01__inner-cont {

  align-self: start;

}



#em260305NewBalance .sec1-img-04 {

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

}



#em260305NewBalance .sec1-img-05 {

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

}



#em260305NewBalance .sec02 {

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

}



#em260305NewBalance #sec2-slider1 {

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

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

}



#em260305NewBalance #sec2-slider1 .splide__slide {

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

}



#em260305NewBalance .sec02__credit {

}



#em260305NewBalance #sec2-slider2 {

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

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

}



#em260305NewBalance #sec2-slider2 .splide__slide {

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

}



#em260305NewBalance .sec3-txt-01 {

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

  z-index: 5;

}



#em260305NewBalance .sec03__inner-cont {

  margin: calc(-34 * var(--formula)) 0 calc(42 * var(--formula)) 0;

}



#em260305NewBalance .sec3-img-01 {

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

  z-index: 1;

  position: relative;

}



#em260305NewBalance .sec3-txt-02 {

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

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

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

}



#em260305NewBalance .sec04 {

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

}



#em260305NewBalance .sec4-img-01 {

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

  align-self: start;

}



#em260305NewBalance .sec4-img-02 {

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

  align-self: end;

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

}



#em260305NewBalance .sec5-txt-01 {

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

  z-index: 5;

}



#em260305NewBalance .sec05__inner-cont {

  margin: calc(-34 * var(--formula)) 0 calc(42 * var(--formula)) 0;

}



#em260305NewBalance .sec5-img-01 {

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

}



#em260305NewBalance .sec5-txt-02 {

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

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

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

}

#em260305NewBalance .sec06 {

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

}



#em260305NewBalance .sec06__inner-cont {

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

  width: 100%;

}



#em260305NewBalance .sec6-img-01 {

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

  position: absolute;

  top: 0;

  right: 0;

  z-index: 1;

}



#em260305NewBalance .sec6-img-02 {

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

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 5;

}



#em260305NewBalance .sec6-img-03 {

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

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

}



#em260305NewBalance .sec07 {

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

}



#em260305NewBalance .sec7-img-01 {

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

}



#em260305NewBalance #sec7-slider1 {

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

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

  align-self: start;

}

#em260305NewBalance #sec7-slider1 .splide__slide {

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

}



#em260305NewBalance #sec7-slider2 {

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

  align-self: end;

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

}

#em260305NewBalance #sec7-slider2 .splide__slide {

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

}

#em260305NewBalance .lp-footer {

  margin: calc(193 * var(--formula)) 0 calc(179 * var(--formula)) 0;

}



#em260305NewBalance .lp-footer-txt-01 {

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

}



#em260305NewBalance .lp-footer__release-date {

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

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

  line-height: 2;

  letter-spacing: 0.03em;

  color: var(--black);

  text-align: center;

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

  padding: calc(82 * var(--formula)) 0 calc(100 * var(--formula)) 0;

  display: flex;

  flex-direction: column;

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

}



#em260305NewBalance .lp-footer__cai-btn {

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

}



/* 

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

animate settings

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

*/

#em260305NewBalance .fade-in {

  opacity: 0;

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

}

#em260305NewBalance .is-visible .fade-in,

#em260305NewBalance .is-visible.fade-in {

  opacity: 1;

}

#em260305NewBalance .delay1 {

  transition-delay: 0.3s;

}

@media (max-width: 767px) {

  #em260305NewBalance .lp-mv-area {

    display: none;

  }

  #em260305NewBalance .sec-set {

    width: 100%;

  }

}