@charset "UTF-8";

/* ===============================================### 
共通設定
###=============================================== */
.em250207limitedbag{
  --font-ja:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-en: "pragmatica", sans-serif;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-yellow :#ffff33;
  color: #000000;
  overflow: hidden;
}

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

/* ===========### PC版用設定 ###=========== */
@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media screen and (min-width: 767px) {
  #footer_emmi{
    margin-top: 119px;
  }

  .pc-visible{
    display: block;
  }

  .sp-visible{
    display: none;
  }

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

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

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/750));
  }

  #footer_emmi {
    margin-top: 0;
    padding-top: calc(149 * (100vw / 750));
  }

  .pc-visible{
    display: none;
  }

  .sp-visible{
    display: block;
  }
}



/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
.em250207limitedbag .js-fade-in{
  opacity: 0;
  transition: ease-in, opacity 1s;
}

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

.em250207limitedbag .js-fade-mv,
.em250207limitedbag .js-fade-up{
  transition-property: opacity, transform;
  transition-duration: 1.5s;
  opacity: 0;
  transform: translateY(10rem);
}

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

/************** slide-in **************/
.em250207limitedbag .js-slide-rtl {
  opacity: 0;
  transition: opacity 1.5s, transform 1.5s;
  transform: translateX(10rem);
}

.em250207limitedbag .js-slide-ltr{
  opacity: 0;
  transition: opacity 1.5s, transform 1.5s;
  transform: translateX(-10rem);
}

.em250207limitedbag .js-slide-rtl.show,
.em250207limitedbag .js-slide-ltr.show{
  opacity: 1;
  transform: translateX(0);
}

.em250207limitedbag .point01 .content__item05 .item03 .js-slide-rtl.show{
  transition-delay: 0.3s;
}

/************** loop-text **************/
.em250207limitedbag .loop-text-wrap{
  position: absolute;
}

.em250207limitedbag .loop-text-wrap{
  display: flex;
  align-items: center;
  overflow: auto;
  /* width: 149rem; */
  width: 100%;
  /* height: 1.8rem; */
  /* width: 110%;
  height: calc(15 / 11* 1rem);
  transform: translateX(-5%); */
}

.em250207limitedbag .loop-text-wrap.top{
  top: 1.3rem;
  z-index: 2;
}

.em250207limitedbag .loop-text-wrap.bottom{
  bottom: 19.7rem;
  z-index: 2;
}

/* .em250207limitedbag .loop-text__image{
  width: 149rem;
  animation: loop-text-slide 100s infinite linear;
} */

.em250207limitedbag .loop-text-area{
  background: url('../img/pc/loop-text.svg') repeat-x;
  /* background-size: calc(630 / 11* 1rem);
  width: 2000%;
  height: calc(15 / 11* 1rem); */
  background-size: contain;
  width: 100%;
  height: 1.9rem;
  animation: loop-text-slide 300s infinite linear;
  /* animation: loop-text-slide 100s infinite linear; */
}

.em250207limitedbag .bottom .loop-text-area{
  animation-direction: reverse;
}

@keyframes loop-text-slide {
  /* from {
    background-position: 0 0;
  }
  to {
    background-position: 2000% 0;
  } */
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2000rem;
  }
}

/* ===========### responsive ###=========== */
@media screen and (min-width: 768px) {
  /************** fade **************/
  .em250207limitedbag .js-fade-up-pc{
    transition-property: opacity, transform;
    transition-duration: 1.5s;
    opacity: 0;
    transform: translateY(10rem);
  }

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

  /************** slide-in **************/
  .em250207limitedbag .js-slide-rtl-pc {
    opacity: 0;
    transition: opacity 1.5s, transform 1.5s;
    transform: translateX(10rem);
  }

  .em250207limitedbag .js-slide-ltr-pc{
    opacity: 0;
    transition: opacity 1.5s, transform 1.5s;
    transform: translateX(-10rem);
  }

  .em250207limitedbag .js-slide-rtl-pc.show,
  .em250207limitedbag .js-slide-ltr-pc.show{
    opacity: 1;
    transform: translateX(0);
  }
}

@media screen and (max-width: 767px) {
  /************** fade **************/
  .em250207limitedbag .js-fade-in-sp{
    opacity: 0;
    transition: ease-in, opacity 1s;
  }

  .em250207limitedbag .js-fade-in-sp.show{
    opacity: 1;
  }

  /************** slide-in **************/
  .em250207limitedbag .js-slide-rtl,
  .em250207limitedbag .js-slide-rtl-sp,
  .em250207limitedbag .js-slide-ltr{
    opacity: 0;
    transition: opacity 1.3s, transform 1.5s;
    transform: translateX(10rem);
  }

  .em250207limitedbag .js-slide-rtl-sp.show{
    opacity: 1;
    transform: translateX(0);
  }

  /************** loop-text **************/
  .em250207limitedbag .loop-text-wrap{
    width: calc(900 * (100vw / 750));
  }

  .em250207limitedbag .loop-text-wrap.top{
    top: calc(18 * (100vw / 750));
  }

  .em250207limitedbag .loop-text-wrap.bottom{
    bottom: calc(481 * (100vw / 750));
  }

  .em250207limitedbag .loop-text-area{
    background: url('../img/sp/loop-text.svg') repeat-x;
    background-size: cover;
    width: 100%;
    height: calc(32 * (100vw / 750));
    animation: loop-text-slide 300s infinite linear;
  }

  @keyframes loop-text-slide {
    from {
      background-position-x: 0;
    }
    to {
      background-position-x: -2000rem;
    }
  }
}



/* ===============================================### 
MV
###=============================================== */
.em250207limitedbag .mv{
  margin-top: 5.9rem;
}

.em250207limitedbag .mv .content-inner{
  width: 100%;
  position: relative;
}

.em250207limitedbag .mv__item {
  width: 100%;
  position: relative;
}

.em250207limitedbag .swiper.fade-slide{
  /* width: 70rem; */
}

/************** flex **************/
.em250207limitedbag .mv .flex__item{

}

.em250207limitedbag .mv .flex__item.item01{
  width: 50%;
  background-color: var(--color-yellow);
}

.em250207limitedbag .mv .flex__item.item02{
  position: relative;
  width: 50%;
  background-color: var(--color-yellow);
}

/************** text **************/
.em250207limitedbag .mv__text{
  margin-top: 7.3rem;
  font-family: var(--font-ja);
  font-size: 1.4rem;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: center;
}

/************** image **************/
.em250207limitedbag .mv .title__text{
  position: absolute;
  bottom: 8rem;
  right: 10rem;
  width: 15.9rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .mv{
    margin-top: 0;
  }

  .em250207limitedbag .mv__item {
    width: calc(750 * (100vw / 750));
    position: relative;
  }

  .em250207limitedbag .swiper.fade-slide{
  }

  /************** text **************/
  .em250207limitedbag .mv__text{
    margin-top: calc(69 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  /************** image **************/
  .em250207limitedbag .mv .title__text{
    bottom: calc(116 * (100vw / 750));
    right: calc(20 * (100vw / 750));
    width: calc(213 * (100vw / 750));
    z-index: 1;
    pointer-events: none;
  }
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.em250207limitedbag .flex-wrapper{
  display: flex;
}

.em250207limitedbag .grid-wrapper{
  display: grid;
}

/************** text **************/
/*** credit ***/
.em250207limitedbag .credit{
  font-family: var(--font-en);
  font-size: 1.4rem;
  line-height: 1.85;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  white-space: nowrap;
}

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

.em250207limitedbag .credit .credit-unvisible:hover{
  opacity: 1;
}

/*** content__text ***/
.em250207limitedbag .content__text{
  font-family: var(--font-ja);
  font-size: 1.4rem;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

/************** image **************/
.em250207limitedbag .text__image{
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  /* .em250207limitedbag .flex-wrapper{
    flex-direction: column-reverse;
  } */

  .em250207limitedbag .grid-wrapper{
    display: block;
  }

  /************** text **************/
  /*** credit ***/
  .em250207limitedbag .credit{
    font-size: calc(22 * (100vw / 750));
    line-height: 1.81;
  }

  /*** content__text ***/
  .em250207limitedbag .content__text{
    font-size: calc(24 * (100vw / 750));
  }
}



/* ===============================================### 
intro
###=============================================== */
.em250207limitedbag .intro{
  margin-top: 11.2rem;
}

.em250207limitedbag .intro .content-inner{
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

/************** image **************/
.em250207limitedbag .intro .text__image{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5.3rem;
  width: 7.6rem;
}

.em250207limitedbag .intro .content__image{
  width: 45rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .intro{
    margin-top: calc(103 * (100vw / 750));
  }

  /************** image **************/
  .em250207limitedbag .intro .text__image{
    top: 50%;
    transform: translateY(-50%);
    left: calc(21 * (100vw / 750));
    width: calc(105 * (100vw / 750));
  }

  .em250207limitedbag .intro .content__image{
    width: calc(660 * (100vw / 750));
    margin-left: calc(90 * (100vw / 750));
  }
}



/* ===============================================### 
point01
###=============================================== */
.em250207limitedbag .point01{
  margin-top: 12rem;
}

.em250207limitedbag .point01 .content-inner{

}

.em250207limitedbag .point01 .content__item01{
  position: relative;
  width: 80rem;
  margin-inline: auto;
}

.em250207limitedbag .point01 .content__item02{
  width: fit-content;
  margin-top: 11.9rem;
  margin-inline: auto;
}

.em250207limitedbag .point01 .content__item02 .item-wrapper{
  position: relative;
  width: fit-content;
  margin-left: -4rem;
}

.em250207limitedbag .point01 .content__item03{
  margin-top: 7.3rem;
  width: 100%;
}

.em250207limitedbag .point01 .content__item04{
  width: 120rem;
  margin-top: 12rem;
  margin-inline: auto;
}

.em250207limitedbag .point01 .content__item04 .item01{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point01 .content__item04 .item02{

}

.em250207limitedbag .point01 .content__item05{
  width: 140rem;
  margin-top: 12rem;
  margin-inline: auto;
}

.em250207limitedbag .point01 .content__item05 .item01{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point01 .content__item05 .item02{

}

.em250207limitedbag .point01 .content__item05 .item03{
  position: relative;
  z-index: 1;
}

/************** flex **************/
.em250207limitedbag .point01 .flex-wrapper{
  justify-content: space-between;
  align-items: end;
  width: 100%;
  margin-left: -2rem;
}

/************** grid **************/
.em250207limitedbag .point01 .content__item04 .grid-wrapper{
  grid-template-columns: 46.6rem 15.4rem 58rem;
  grid-template-rows: 33.1rem 28.9rem 19.1rem;
}

.em250207limitedbag .point01 .content__item04 .grid__item.item01{
  grid-column: 1/2;
  grid-row: 1/3;
}

.em250207limitedbag .point01 .content__item04 .grid__item.item02{
  grid-column: 3/4;
  grid-row: 2/4;
}

.em250207limitedbag .point01 .content__item05 .grid-wrapper{
  grid-template-columns: 33rem 3rem 32.9rem 20rem 48rem;
  grid-template-rows: 12rem 24rem 24rem 4rem 20rem;
}

.em250207limitedbag .point01 .content__item05 .grid__item.item01{
  grid-column: 5/6;
  grid-row: 1/5;
}

.em250207limitedbag .point01 .content__item05 .grid__item.item02{
  grid-column: 1/3;
  grid-row: 2/4;
}

.em250207limitedbag .point01 .content__item05 .grid__item.item03{
  grid-column: 2/4;
  grid-row: 3/6;
}

/************** slide **************/
.em250207limitedbag .point01 .content__item03 .loop-slide .swiper-slide{
  width: 37.5rem!important;
  /* margin-right: 1rem!important; */
}

.em250207limitedbag .point01 .content__item04 .loop-slide {
  width: 58rem;
}

.em250207limitedbag .point01 .content__item04 .loop-slide .swiper-slide{
  width: 36rem;
}

/************** text **************/
.em250207limitedbag .point01 .content__text{
  margin-bottom: -0.8rem;
}

.em250207limitedbag .content__item02 .credit{
  margin-top: 2.5rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.em250207limitedbag .content__item02 .credit .credit02,
.em250207limitedbag .content__item02 .credit .credit03,
.em250207limitedbag .content__item02 .credit .credit05,
.em250207limitedbag .content__item02 .credit .credit06{
  margin-left: 0.7rem;
}

.em250207limitedbag .content__item04 .credit{
  margin-top: 2.5rem;
}

.em250207limitedbag .content__item04 .credit .credit02,
.em250207limitedbag .content__item04 .credit .credit03,
.em250207limitedbag .content__item04 .credit .credit05{
  margin-left: 0.7rem;
}

.em250207limitedbag .content__item05 .credit{
  margin-top: 2.5rem;
}

.em250207limitedbag .content__item05 .credit .credit02,
.em250207limitedbag .content__item05 .credit .credit03,
.em250207limitedbag .content__item05 .credit .credit05{
  margin-left: 0.7rem;
}

/************** image **************/
.em250207limitedbag .content__item01 .text__image{
  top: 30.4rem;
  left: -1.9rem;
  width: 30.6rem;
}

.em250207limitedbag .content__item02 .text__image{
  top: 0.2rem;
  right: -9.1rem;
  width: 6.2rem;
}

.em250207limitedbag .content__item02 .content__image{
  width: 48rem;
}

.em250207limitedbag .content__item04 .text__image{
  top: 8rem;
  right: -21rem;
  width: 24.9rem;
}

.em250207limitedbag .content__item04 .content__image{
  width: 46.5rem;
}

.em250207limitedbag .content__item05 .text__image{
  top: -0.1rem;
  left: -8.6rem;
  width: 6.3rem;
}

.em250207limitedbag .content__item05 .item01 .content__image{
  width: 48rem;
}

.em250207limitedbag .content__item05 .item02 .content__image{
  width: 36rem;
}

.em250207limitedbag .content__item05 .item03 .content__image{
  width: 36rem;
}

/************** video **************/
.em250207limitedbag .point01 .content__item01 .content__video{
  width: 36rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .point01{
    margin-top: calc(120 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content-inner{

  }

  .em250207limitedbag .point01 .content__item01{
    width: fit-content;
  }

  .em250207limitedbag .point01 .content__item02{
    width: fit-content;
    margin-top: calc(103 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item02 .item-wrapper{
    margin-left: 0;
  }

  .em250207limitedbag .point01 .content__item03{
    margin-top: 0;
  }

  .em250207limitedbag .point01 .content__item04{
    width: fit-content;
    margin-top: calc(111 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item04 .item01{
    margin-left: calc(150 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item04 .item02{
    margin-top: calc(125 * (100vw / 750));
    width: calc(1020 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item05{
    width: calc(750 * (100vw / 750));
    margin-top: calc(111 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item05 .item01{
    width: fit-content;
    margin-inline: auto;
  }

  .em250207limitedbag .point01 .content__item05 .item02{
    margin-top: calc(86 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item05 .item03{

  }

  /************** flex **************/
  .em250207limitedbag .point01 .flex-wrapper{
    align-items: center;
    flex-direction: column-reverse;
    width: fit-content;
    margin-left: 0;
  }

  /************** slide **************/
  .em250207limitedbag .point01 .content__item03 .loop-slide .swiper-slide{
    width: calc(510 * (100vw / 750))!important;
  }

  .em250207limitedbag .point01 .content__item04 .loop-slide {
    width: calc(1020 * (100vw / 750));
  }

  .em250207limitedbag .point01 .content__item04 .loop-slide .swiper-slide{
    width: calc(510 * (100vw / 750));
  }

  /************** text **************/
  .em250207limitedbag .point01 .content__text{
    margin-top: calc(74 * (100vw / 750));
    margin-bottom: 0;
    text-align: center;
  }

  .em250207limitedbag .content__item03 .credit{
    margin-top: calc(35 * (100vw / 750));
    text-align: center;
  }

  /*** クレジット微調整 ***/
  .em250207limitedbag .content__item03 .credit .credit02,
  .em250207limitedbag .content__item03 .credit .credit03,
  .em250207limitedbag .content__item03 .credit .credit05,
  .em250207limitedbag .content__item03 .credit .credit06{
    margin-left: calc(12 * (100vw / 750));
  }

  .em250207limitedbag .content__item04 .credit{
    margin-top: calc(30 * (100vw / 750));
    margin-left: calc(-266 * (100vw / 750));
    text-align: center;
  }

  .em250207limitedbag .content__item04 .credit .credit02,
  .em250207limitedbag .content__item04 .credit .credit03,
  .em250207limitedbag .content__item04 .credit .credit05{
    margin-left: calc(10 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .credit{
    margin-top: calc(32 * (100vw / 750));
    margin-left: calc(40 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .credit .credit02,
  .em250207limitedbag .content__item05 .credit .credit04{
    margin-left: calc(10 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .credit .credit03,
  .em250207limitedbag .content__item05 .credit .credit05{
    margin-left: 0;
  }

  /************** image **************/
  .em250207limitedbag .content__item01 .text__image{
    /* top: 30.4rem; */
    /* left: -1.9rem; */
    position: initial;
    width: calc(459 * (100vw / 750));
    margin-inline: auto;
  }

  .em250207limitedbag .content__item02 .text__image{
    top: calc(776 * (100vw / 750));
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    width: calc(666 * (100vw / 750));
  }

  .em250207limitedbag .content__item02 .content__image{
    width: calc(750 * (100vw / 750));
  }

  .em250207limitedbag .content__item04 .text__image{
    top: calc(679 * (100vw / 750));
    right: initial;
    left: calc(-110 * (100vw / 750));
    width: calc(365 * (100vw / 750));
  }

  .em250207limitedbag .content__item04 .content__image{
    width: calc(600 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .text__image{
    top: calc(696 * (100vw / 750));
    left: 50%;
    transform: translateX(-50%);
    width: calc(402 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .item01 .content__image{
    width: calc(690 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .item02 .content__image{
    width: calc(540 * (100vw / 750));
  }

  .em250207limitedbag .content__item05 .item03 .content__image{
    width: calc(540 * (100vw / 750));
  }

  /************** video **************/
  .em250207limitedbag .point01 .content__item01 .content__video{
    width: calc(612 * (100vw / 750));
    margin-top: calc(65 * (100vw / 750));
  }
}




/* ===============================================### 
point02
###=============================================== */
.em250207limitedbag .point02{
  margin-top: 20.5rem;
}

.em250207limitedbag .point02 .content-inner{
  width: 105.7rem;
  margin-inline: auto;
}

.em250207limitedbag .point02 .item01{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point02 .item02{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point02 .item03{

}

/************** grid **************/
.em250207limitedbag .point02 .grid-wrapper{
  grid-template-columns: 27rem 10.5rem 34.1rem 6.4rem 27.7rem;
  grid-template-rows: 68rem 8rem 18.5rem 31.7rem 29.1rem;
  margin-left: 0.2rem;
}

.em250207limitedbag .point02 .grid__item.item01{
  grid-column: 2/5;
  grid-row: 1/2;
}

.em250207limitedbag .point02 .grid__item.item02{
  grid-column: 1/3;
  grid-row: 3/5;
}

.em250207limitedbag .point02 .grid__item.item03{
  grid-column: 4/6;
  grid-row: 4/6;
}

/************** text **************/
.em250207limitedbag .point02 .content__text{
  position: absolute;
  top: 11.4rem;
  right: -26.6rem;
  z-index: 1;
  pointer-events: none;
}

/************** image **************/
.em250207limitedbag .point02 .item01 .text__image{
  top: -6.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 24rem;
}

.em250207limitedbag .point02 .item01 .content__image{
  width: 51rem;
}

.em250207limitedbag .point02 .item02 .content__image{
  width: 37.5rem;
}

/************** video **************/
.em250207limitedbag .point02 .content__video{
  width: 34.2rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .point02{
    margin-top: calc(176 * (100vw / 750));
  }

  .em250207limitedbag .point02 .content-inner{
    width: calc(750 * (100vw / 750));
  }

  .em250207limitedbag .point02 .item01{
  }

  .em250207limitedbag .point02 .item02{
    margin-top: calc(84 * (100vw / 750));
  }

  .em250207limitedbag .point02 .item03{
    width: fit-content;
    margin-top: calc(322 * (100vw / 750));
    margin-inline: auto;
  }

  /************** grid **************/
  .em250207limitedbag .point02 .grid-wrapper{
    margin-left: 0;
  }

  /************** text **************/
  .em250207limitedbag .point02 .content__text{
    top: calc(630 * (100vw / 750));
    right: calc(-200 * (100vw / 750));
  }

  /************** image **************/
  .em250207limitedbag .point02 .item01 .text__image{
    top: calc(-80 * (100vw / 750));
    right: calc(-156 * (100vw / 750));
    left: initial;
    width: calc(360 * (100vw / 750));
  }

  .em250207limitedbag .point02 .item01 .content__image{
    width: calc(750 * (100vw / 750));
  }

  .em250207limitedbag .point02 .item02 .content__image{
    width: calc(510 * (100vw / 750));
  }

  /************** video **************/
  .em250207limitedbag .point02 .content__video{
    width: calc(612 * (100vw / 750));
  }
}



/* ===============================================### 
point03
###=============================================== */
.em250207limitedbag .point03{
  margin-top: 18.5rem;
}

.em250207limitedbag .point03 .content-inner{
  width: 109.3rem;
  margin-inline: auto;
}

.em250207limitedbag .point03 .item01{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point03 .item02{
  position: relative;
  width: fit-content;
}

.em250207limitedbag .point03 .item03{
  position: relative;
  width: fit-content;
}

/************** grid **************/
.em250207limitedbag .point03 .grid-wrapper{
  grid-template-columns: 37.8rem 9.5rem 26rem 14.5rem 21.4rem;
  grid-template-rows: 54rem 8rem 23.9rem 43.3rem 20.7rem;
  margin-left: 1.3rem;
}

.em250207limitedbag .point03 .grid__item.item01{
  grid-column: 3/5;
  grid-row: 1/2;
}

.em250207limitedbag .point03 .grid__item.item02{
  grid-column: 1/2;
  grid-row: 3/5;
}

.em250207limitedbag .point03 .grid__item.item03{
  grid-column: 4/6;
  grid-row: 4/6;
}

/************** text **************/
.em250207limitedbag .point03 .content__text{
  position: absolute;
  top: 13.3rem;
  left: -28rem;
  z-index: 1;
  pointer-events: none;
}

/************** image **************/
.em250207limitedbag .point03 .item01 .text__image{
  top: -4.2rem;
  left: -27.9rem;
  width: 31.2rem;
}

.em250207limitedbag .point03 .item02 .text__image{
  top: -1.3rem;
  left: -6.2rem;
  width: 4.5rem;
}

.em250207limitedbag .point03 .item03 .text__image{
  top: -3.9rem;
  left: -18.3rem;
  width: 34rem;
}

.em250207limitedbag .point03 .item01 .content__image{
  width: 40.5rem;
}

/************** video **************/
.em250207limitedbag .point03 .item02 .content__video{
  width: 37.8rem;
}

.em250207limitedbag .point03 .item03 .content__video{
  width: 36rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .point03{
    margin-top: calc(119 * (100vw / 750));
  }

  .em250207limitedbag .point03 .content-inner{
    width: calc(750 * (100vw / 750));
  }

  .em250207limitedbag .point03 .item01{
    margin-inline: auto;
  }

  .em250207limitedbag .point03 .item02{
    margin-top: calc(106 * (100vw / 750));
  }

  .em250207limitedbag .point03 .item03{
    margin-top: calc(100 * (100vw / 750));
    margin-inline: auto;
  }

  .em250207limitedbag .point03 .grid-wrapper{
    margin-left: 0;
  }

  /************** text **************/
  .em250207limitedbag .point03 .content__text{
    position: initial;
    margin-top: calc(73 * (100vw / 750));
    text-align: center;
  }

  /************** image **************/
  .em250207limitedbag .point03 .item01 .text__image{
    /* top: -4.2rem; */
    /* left: -27.9rem; */
    position: initial;
    width: calc(468 * (100vw / 750));
    margin-inline: auto;
  }

  .em250207limitedbag .point03 .item02 .text__image{
    top: calc(-6 * (100vw / 750));
    left: calc(27 * (100vw / 750));
    width: calc(87 * (100vw / 750));
  }

  .em250207limitedbag .point03 .item03 .text__image{
    top: calc(1030 * (100vw / 750));
    left: calc(160 * (100vw / 750));
    width: calc(495 * (100vw / 750));
  }

  .em250207limitedbag .point03 .item01 .content__image{
    width: calc(600 * (100vw / 750));
    margin-top: calc(65 * (100vw / 750));
  }

  /************** video **************/
  .em250207limitedbag .point03 .item02 .content__video{
    width: calc(750 * (100vw / 750));
  }

  .em250207limitedbag .point03 .item03 .content__video{
    width: calc(612 * (100vw / 750));
  }
}



/* ===============================================### 
リンクボタン
###=============================================== */
.em250207limitedbag .link__area{
  margin-top: 13.3rem;
}

.em250207limitedbag .link__button{
  width: 29rem;
  margin-inline: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .em250207limitedbag .link__area{
    margin-top: calc(330 * (100vw / 750));
  }

  .em250207limitedbag .link__button{
    width: calc(450 * (100vw / 750));
  }
}