#breadcrumb{
  display: none;
}

#Contents{
  padding-top: 0;
}

@media only screen and (min-width: 768px) {
  .header.off {
    visibility: hidden;
    opacity: 0;
    z-index: -100;
    transition: 1s;
  }
}

@media screen and (min-width: 768px) {
  .header-logo {
      display: none !important;
  }
}

#MR241226UME {
  background-color: #fff;
  padding: 0;
  /* overflow: hidden; */
  margin: 0 auto;
  --font-en: "apparat-light", sans-serif;
  --color-yellow: #FFF9B3;
  --color-black: #000;
  /* --font-jp: "noto-sans-cjk-jp", sans-serif; */
}

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ 共通 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241226UME .font-en{
  font-family: var(--font-en);
  font-weight: 200;
  font-style: normal;
}

#MR241226UME .font-jp{
  font-family: var(--font-jp);
  font-weight: 400;
  font-style: normal;
}

#MR241226UME a{
  display: inline-block;
}

#MR241226UME a,
#MR241226UME p{
  font-family: var(--font-en);
  color: var(--color-black);
}

@media only screen and (min-width: 768px) {
  #MR241226UME a:hover{
    opacity: .7;
  }
  #MR241226UME .imgWrap{
    background: #fff;
    position: relative;
    transition: opacity 1.5s;
  }
}

#MR241226UME span{
  display: inline-block;
}

#MR241226UME li{
  list-style: none;
}

#MR241226UME img,
#MR241226UME picture,
#MR241226UME video{
  display: inline-block;
  width: 100%;
  height: auto;
}

#MR241226UME img,
#MR241226UME .js-fadeIn a{
  vertical-align: bottom;
}

#MR241226UME .prc:last-child{
  margin-right: 0;
}

#MR241226UME .prc{
  font-family: var(--font-en);
  line-height: 1;
  letter-spacing: 0.04em;
}

#MR241226UME .sec:nth-child(odd){
  overflow: hidden;
}

#MR241226UME .sec:nth-child(even){
  width: 100%;
  height: auto;
  background-color: var(--color-yellow);
}

@media only screen and (min-width: 768px) {
  #MR241226UME .spOnly{
    display: none;
  }

  #MR241226UME .flex__wrapper {
    display: flex;
  }

  #MR241226UME .sec{
    padding: 28rem 0;
  }

  #MR241226UME .sec__wrap{
    max-width: 210rem;
    margin: 0 auto;
  }

  #MR241226UME .prc{
    font-size: 1.6rem;
  }

  #MR241226UME .prc span {
    padding-left: 0.5rem;
  }

  #MR241226UME .prc_list{
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem;
  }

}
@media only screen and (max-width: 767px) {
  #MR241226UME {
    font-size: calc(20 * (100vw / 750));
    margin-top: calc(126* (100vw / 750));
  }
  #MR241226UME .pcOnly{
    display: none;
  }
  #MR241226UME .sec{
    padding: calc(200* (100vw / 750)) 0;
  }

  #MR241226UME .sec_prc__wrapper{
    font-size: calc(22* (100vw / 750));
    margin-top: calc(50* (100vw / 750));
    margin-right: auto;
    margin-left: auto;
  }

  #MR241226UME .prc a span{
    padding-left: calc(7.5*(100vw / 750));
  }

  #MR241226UME .prc_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    row-gap: calc(19*(100vw / 750));
  }

  #MR241226UME .prc_slash{
    padding: 0 calc(10* (100vw / 750)) 0 calc(14* (100vw / 750));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ 共通 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ firstview ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241226UME .fv{
  background-color: var(--color-yellow);
}

#MR241226UME .mainvisual__wrap{
  position: relative;
  width: 100%;
  background-color: #fff;
}

/* ＝＝＝＝＝＝＝＝＝＝＝　▲ firstview ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section1 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241226UME .sec01 .fv_ttl__wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  #MR241226UME .sec01 {
    padding-top: 16rem;
  }

  #MR241226UME .sec01 .fv_ttl__wrapper{
    row-gap: 6rem;
    margin-bottom: 18rem;
  }

  #MR241226UME .sec01 .sec__cont1 .flex__wrapper {
    width: 196rem;
    justify-content: space-between;
    margin: 0 0 14rem auto;

  }

  #MR241226UME .sec01 .fv_ttl{
    width: 75.52236rem;
  }

  #MR241226UME .sec01 .fv_subttl{
    width: 60.80366rem;
  }

  #MR241226UME .sec01 .sec__cont2{
    width: 87rem;
    justify-content: left;
    align-items: flex-end;
    margin-right: 0;
    margin-left: auto;
  }

  #MR241226UME .sec01 .sec_img01{
    width: 50rem;
    height: 62.5rem;
    background-color: #fff;
  }

  #MR241226UME .sec01 .sec_img02{
    width: 100rem;
    background-color: #fff;
  }

  #MR241226UME .sec01 .sec_img03{
    width: 78rem;
    margin: 0 auto 14rem;
    background-color: #fff;
  }

  #MR241226UME .sec01 .sec_img04{
    width: 60rem;
    background-color: #fff;
  }

  #MR241226UME .sec01 .sec_prc__wrapper{
    margin-left: 4rem;
  }

}

@media screen and (max-width: 767px) {
  #MR241226UME .sec01 {
    padding-top: calc(120* (100vw / 750));
  }
  #MR241226UME .sec01 .fv_ttl__wrapper{
    row-gap: calc(40* (100vw / 750));
    justify-content: space-between;
    margin: 0 0 calc(100* (100vw / 750)) auto;
  }

  #MR241226UME .sec01 .fv_ttl{
    width: calc(566.4189* (100vw / 750));
  }

  #MR241226UME .sec01 .fv_subttl{
    width: calc(493.1904* (100vw / 750));
    margin-right: calc(7* (100vw / 750));
  }

  #MR241226UME .sec01 .sec_img01{
    width: calc(560* (100vw / 750));
    margin: 0 calc(30* (100vw / 750)) calc(80* (100vw / 750)) auto;
  }

  #MR241226UME .sec01 .sec_img02{
    margin-bottom: calc(80* (100vw / 750));
  }

  #MR241226UME .sec01 .sec_img03{
    width: calc(500* (100vw / 750));
    margin: 0 auto calc(120* (100vw / 750)) 0;

  }

  #MR241226UME .sec01 .sec_img04{
    width: calc(640* (100vw / 750));
    margin-left: auto;
  }

  #MR241226UME .sec01 .sec_prc__wrapper{
    width: calc(410* (100vw / 750));
    margin-right: calc(39* (100vw / 750));
    margin-left: auto;
  }

  #MR241226UME .sec01 .prc_list{
    justify-content: flex-end;
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section1 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section2 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* #MR241226UME .sec01{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

#MR241226UME .sec02 .sec__cont1{
  position: relative;
  margin: 0 auto;
  z-index: 10;
}

#MR241226UME .sec02 .sec_img02__wrap{
  position: relative;
}

#MR241226UME .sec02 .sec_img02_ttl{
  /* content: ""; */
  position: absolute;
  top: 0;
  /* background-repeat: no-repeat;
  background-size: contain; */
  z-index: -1;
}

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

  #MR241226UME .sec02 .sec__cont1{
    width: 104rem;
  }

  #MR241226UME .sec02 .sec_img02_ttl{
    /* background-image: url(../img/SVG/fls.svg); */
    width: 126rem;
    height: 11.89297rem;
    left: -10rem;
    /* transform: translateX(-50%); */
    pointer-events: none;
  }

  #MR241226UME .sec02 .sec_img01{
    width: 72rem;
    margin: 0 auto 14rem;
  }

  #MR241226UME .sec02 .sec_img02{
    /* background-color: #fff; */
    padding-top: 9.8rem;
  }

  #MR241226UME .sec02 .sec_prc__wrapper{
    position: absolute;
    right: -24rem;
    bottom: 0;
  }

}

@media screen and (max-width: 767px) {
  #MR241226UME .sec02{
    padding: calc(195*(100vw / 750)) 0 calc(200*(100vw / 750));
  }

  #MR241226UME .sec02 .sec__cont1{
    width: calc(700* (100vw / 750));
    margin: 0 auto;
  }

  #MR241226UME .sec02 .sec_img02_ttl{
    /* background-image: url(../img/SVG/fls_sp.svg); */
    width: calc(786.6992*(100vw / 750));
    height: calc(110.8994*(100vw / 750));
    left: calc(-25*(100vw / 750));
    pointer-events: none;
  }

  #MR241226UME .sec02 .sec_img01{
    width: calc(580* (100vw / 750));
    margin: 0 auto calc(100* (100vw / 750));
  }

  #MR241226UME .sec02 .sec_img02{
    margin: 0 auto;
    padding-top: calc(65* (100vw / 750));
  }

  #MR241226UME .sec02 .sec_prc__wrapper{
    width: calc(538* (100vw / 750));
    margin-right: auto;
    margin-left: auto;
  }

}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section2 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section3 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241226UME .sec03 .sec__cont1{
  display: grid;
}

@media screen and (min-width: 768px) {
  #MR241226UME .sec03 .sec__cont1{
    width: 108rem;
    grid-template-columns: 58rem 10rem auto;
    grid-template-rows: 50.5rem 34rem auto;
    margin: 0 12rem 18rem auto;
  }

  #MR241226UME .sec03 .sec__cont2{
    display: flex;
    align-items: end;
    margin: 0 auto 0 14rem;
  }

  #MR241226UME .sec03 .sec_img01{
    width: 68rem;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    background-color: #fff;
  }

  #MR241226UME .sec03 .sec_img02{
    width: 50rem;
    grid-column: 2 / 4;
    grid-row: 2 / 4;
    background-color: #fff;
  }

  #MR241226UME .sec03 .sec_img03{
    width: 98rem;
    background-color: #fff;
  }

  #MR241226UME .sec03 .sec_prc__wrapper{
    margin-left: 4rem;
  }
}
@media screen and (max-width: 767px) {
  #MR241226UME .sec03 .sec__cont1{
    grid-template-columns: calc(200* (100vw / 750)) calc(420* (100vw / 750)) auto;
    grid-template-rows: calc(748* (100vw / 750)) calc(30* (100vw / 750)) auto;
    margin: 0 auto calc(120* (100vw / 750)) 0;
  }

  #MR241226UME .sec03 .sec_img01{
    width: calc(620* (100vw / 750));
    grid-column: 1 / 3;
    grid-row: 1 / 3;
  }

  #MR241226UME .sec03 .sec_img02{
    width: calc(520* (100vw / 750));
    grid-column: 2 / 4;
    grid-row: 2 / 4;
  }

  #MR241226UME .sec03 .sec_prc__wrapper{
    width: calc(525* (100vw / 750));
  }
}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section3 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ＝＝＝＝＝＝＝＝＝＝＝　▼ section4 ▼　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#MR241226UME .sec04 .sec__cont1{
  position: relative;
  z-index: 10;
}

#MR241226UME .sec04 .sec__cont1::after{
  content: "";
  position: absolute;
  background-color: var(--color-yellow);
  z-index: -1;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  #MR241226UME .sec04{
    padding-bottom: 25rem;
  }

  #MR241226UME .sec04 .sec__cont1{
    display: grid;
    width: 187rem;
    grid-template-columns: 87rem 10rem auto;
    grid-template-rows: 73rem 39.5rem auto;
    margin: 0 auto 0 0;
  }

  #MR241226UME .sec04 .sec__cont1::after{
    width: 24rem;
    height: 64rem;
    bottom: 13.5rem;
    right: -12rem;
  }

  #MR241226UME .sec04 .sec_img01__wrap{
    position: relative;
    width: 90rem;
    grid-column: 3 / 4;
    grid-row: 1 / 3;
    background-color: #fff;
    z-index: 10;
  }
  #MR241226UME .sec04 .sec_img02__wrap{
    position: relative;
    justify-self: flex-end;
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }

  #MR241226UME .sec04 .sec_img02{
    width: 66rem;
  }

  /* #MR241226UME .sec04 .sec_img02 div{
    background-color: #fff;
  } */

  #MR241226UME .sec04 .sec_img02_ttl{
    /* content: ""; */
    position: absolute;
    width: 125.08389rem;
    height: 11.89297rem;
    /* background-image: url(../img/svg/fls.svg); */
    top: -10rem;
    left: -21rem;
    z-index: -1;
    pointer-events: none;
  }

  #MR241226UME .sec04 .sec_prc__wrapper{
    grid-column: 3 / 4;
    grid-row: 3 / 4;
    justify-self: flex-end;
    margin-top: 4rem;
  }

  #MR241226UME .sec04 .prc_list{
    align-items: self-end;
  }

}

@media screen and (max-width: 767px) {
  #MR241226UME .sec04 {
    padding-bottom: calc(247*(100vw / 750));
  }

  #MR241226UME .sec04 .sec__cont1::after{
    width: calc(280* (100vw / 750));
    height: calc(780* (100vw / 750));
    bottom: calc(655* (100vw / 750));
    left: 0;
  }

  #MR241226UME .sec04 .sec_img01__wrap{
    position: relative;
  }

  #MR241226UME .sec04 .sec_img01_ttl{
    /* content: ""; */
    position: absolute;
    /* background-image: url(../img/svg/fls_sp.svg); */
    width: calc(786.6992* (100vw / 750));
    height: calc(74.8047* (100vw / 750));
    top: calc(-58* (100vw / 750));
    left: calc(62* (100vw / 750));
    pointer-events: none;
    z-index: -1;
  }

  #MR241226UME .sec04 .sec_img01{
    width: calc(660* (100vw / 750));
    margin: 0 0 calc(100* (100vw / 750)) auto;
  }

  #MR241226UME .sec04 .sec_prc__wrapper{
    width: calc(440* (100vw / 750));
  }

}
/* ＝＝＝＝＝＝＝＝＝＝＝　▲ section4 ▲　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*================ AllBtn ================*/
#MR241226UME .allBtnWrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--font-en);
}
#MR241226UME .allBtnCont{
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  #MR241226UME .allBtnWrap{
    margin: 0 auto 24.9rem;
  }
  #MR241226UME .allBtnCont{
    font-size: 2.2rem;
    word-spacing: 0.7rem;
  }
  #MR241226UME .allBtnWrap .btnLiner{
    margin-top: 1.8rem;
  }
  #MR241226UME .allBtnWrap .btnLiner.active{
    width: 13rem;
  }
}
@media only screen and (max-width: 767px) {
  #MR241226UME .allBtnWrap {
    margin-bottom: calc(222*(100vw / 750));
  }
  #MR241226UME .allBtnCont{
    font-size: calc(30* (100vw / 750));
    word-spacing: calc(6* (100vw / 750));
  }
  #MR241226UME .allBtnWrap .btnLiner{
    margin-top: calc(18* (100vw / 750));
  }
  #MR241226UME .allBtnWrap .btnLiner.active{
    width: calc(160 * (100vw / 750));
  }
  #MR241226UME .allBtnWrap a {
    letter-spacing: 0.02em;
  }
}

/*--------------------------------
js-fadeIn txt ｜ 文字
--------------------------------*/
#MR241226UME .js-blur{
  opacity: 0;
}

#MR241226UME .js-blur.active{
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes blurAnime{
  0% {
    filter: blur(10px);
    transform: scale(1.02);
    opacity: 0;
  }

  100% {
    filter: blur(0);
    transform: scale(1);
    opacity: 1;
  }
}

/*----------------------------
js-fadeIn.on-spot ｜その場で
----------------------------*/
#MR241226UME .js-fadeIn.on-spot{
  /* transition: 0.8s ease-in-out; */
  opacity: 0;
}

#MR241226UME .js-fadeIn.on-spot.active {
  opacity: 1.0;
  filter: none;
  -webkit-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -ms-transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 880ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}


/*----------------------------
js-fadeIn.from-bottom ｜ 下から上へ出現（赤）
----------------------------*/
#MR241226UME .js-fadeIn.from-bottom {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}

#MR241226UME .js-fadeIn.from-bottom.active {
  transform: translateY(0);
  opacity: 1.0;
}

@media only screen and (min-width: 768px) {
  #MR241226UME .js-fadeIn.from-bottom_pc {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  #MR241226UME .js-fadeIn.from-bottom_pc.active {
    transform: translateY(0);
    opacity: 1.0;
  }
}

@media only screen and (max-width: 767px) {
  #MR241226UME .js-fadeIn.from-bottom_sp {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
  }
  #MR241226UME .js-fadeIn.from-bottom_sp.active {
    transform: translateY(0);
    opacity: 1.0;
  }
}
/*----------------------------------------
js-fadeIn.from-right ｜ 右から出現
----------------------------------------*/
#MR241226UME .js-fadeIn.from-right {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

#MR241226UME .js-fadeIn.from-right.active{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

@media only screen and (min-width: 768px) {
  #MR241226UME .js-fadeIn.from-right_pc  {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
  }

  #MR241226UME .js-fadeIn.from-right_pc.active{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
  }
}

@media only screen and (max-width: 767px) {
  #MR241226UME .js-fadeIn.from-right_sp {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
  }

  #MR241226UME .js-fadeIn.from-right_sp.active{
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
  }
}
/*----------------------------------------
js-fadeIn.from-left ｜ 左から出現
----------------------------------------*/
#MR241226UME .js-fadeIn.from-left {
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

#MR241226UME .js-fadeIn.from-left.active{
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}

/* -------- delay -------- */
#MR241226UME .delay-06{
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#MR241226UME .delay-10{
  -webkit-transition-delay: 1s;
  transition-delay: 1.0s;
}
#MR241226UME .delay-14{
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

@media only screen and (min-width: 768px) {
  #MR241226UME .delay-05_pc{
    transition-delay: 0.5s;
  }
  #MR241226UME .delay-10_pc{
    transition-delay: 1.0s;
  }
}
@media only screen and (max-width: 767px) {
  #MR241226UME .sp_delay-5s{
    transition-delay: 0.5s;
  }
}

/* -------- background-color change -------- */
.block-bg {
  transition: all 0.3s ease;
}
/*----------------------------------
js-line ｜ライン 中心から伸びる
----------------------------------*/
#MR241226UME .allBtnCont .js-line-anime{
  width: 0%;
  transition: all 1s ease;
  margin-right: auto;
  margin-left: auto;
}
#MR241226UME .allBtnCont .js-line-anime.active{
  background-color: #000;
  height: 1px;
  transform: scale(1, 1);
}