@charset "UTF-8";

.main-area{padding-top: 0;}

/*******************************
MR241107OUTER
*******************************/
#MR241107OUTER{
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "apparat-light", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#MR241107OUTER{
  position: relative;
  z-index: 0;
}

#MR241107OUTER *{box-sizing: border-box;}

#MR241107OUTER a:hover{opacity: 1;}

/*******************************
img setting
*******************************/
#MR241107OUTER .imgOuter{
  display: block;
  width: 100%;
  height: auto;
}

#MR241107OUTER .imgOuter > .outer,
#MR241107OUTER .imgOuter picture,
#MR241107OUTER .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}



/*******************************
fadeInSetting
*******************************/
#MR241107OUTER .fadeInBlock{
  opacity: 0;
  transition: opacity 1s ease-in;
}

#MR241107OUTER .fadeInBlock.view{
  opacity: 1;
}

/* zoomOut **/
#MR241107OUTER .fadeInBlock.zoomOut{
  opacity: 0;
}

#MR241107OUTER .fadeInBlock.zoomOut.view{opacity: 1;}

#MR241107OUTER .fadeInBlock.zoomOut > .imgOuter{
  overflow: hidden;
}
#MR241107OUTER .fadeInBlock.zoomOut > .imgOuter img{
  transform-origin: center;
  transform: scale(1.2);
  transition: transform 2s ease;
}

#MR241107OUTER .fadeInBlock.zoomOut.view > .imgOuter img{
  transform: scale(1);
}

/* downImg **/
#MR241107OUTER .fadeInBlock.downImg{
  opacity: 1;
}
#MR241107OUTER .fadeInBlock.downImg > .imgOuter{
  overflow: hidden;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.5s;
}

#MR241107OUTER .fadeInBlock.downImg.view > .imgOuter{
  clip-path: inset(0 0 0 0);
}


/*fadeInList *****************/
#MR241107OUTER .fadeInList{
  overflow: hidden;
}

#MR241107OUTER .fadeInList > div{
  opacity: 0;
  /*transform: translateX(-100%);*/
  transition: transform 2s ease,opacity 2s ease;
}

#MR241107OUTER .fadeInList > div.view{
  opacity: 1;
  transform: translateX(0);
}


/*******************************
mvBlock
*******************************/
#MR241107OUTER .mvBlock{
  display: block;
  width: 100%;
  height: auto;
}

#MR241107OUTER .mvBlock > .outer,
#MR241107OUTER .mvBlock picture,
#MR241107OUTER .mvBlock img{
  display: block;
  width: 100%;
  height: auto;
}


#MR241107OUTER .mainTTL{
  display: block;
  padding-top: calc(160 * (100vw / 750));
  font-family: "apparat-light", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

#MR241107OUTER .mainTTL > span:nth-of-type(1){
  display: block;
  font-size: calc(78 * (100vw / 750));
  line-height: 1;
  letter-spacing: -0.01em;
  font-feature-settings: 'palt';
}

#MR241107OUTER .mainTTL > span:nth-of-type(1) > picture{
  display: block;
  width: 58.14596%;
  margin: 0 auto;
}
#MR241107OUTER .mainTTL > span:nth-of-type(1) > picture > img{display: block; width: 100%; height: auto;}


#MR241107OUTER .mainTTL > span:nth-of-type(2){
  display: block;
  margin-top: calc(55 * (100vw / 750));
  font-size: calc(41 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt';
}

#MR241107OUTER .mainTTL > span:nth-of-type(2) > picture{
  display: block;
  width: 35.63632%;
  margin: 0 auto;
}
#MR241107OUTER .mainTTL > span:nth-of-type(2) > picture > img{display: block; width: 100%; height: auto;}



#MR241107OUTER .mainTTL.fadeInBlock{opacity: 1;}

#MR241107OUTER .mainTTL.fadeInBlock > span{
  opacity: 0;
  transition: opacity 1s ease;
}
#MR241107OUTER .mainTTL.fadeInBlock > span:nth-of-type(2){
  transition-delay: 0.5s; 
}

#MR241107OUTER .mainTTL.fadeInBlock.view > span{
  opacity: 1;
}






/*******************************
bar
*******************************/
#MR241107OUTER .bar.fadeInBlock{
  display: block;
  width: 100%;
  padding: calc(182 * (100vw / 750)) 0 0;
  opacity: 1;
}

#MR241107OUTER .bar > span{
  display: block;
  width: 0;
  height: 1px;
  margin: 0 auto;
  opacity: 0;
  background: #000000;
  transition: all 1s linear;
}

#MR241107OUTER .bar.view > span{
  width: calc(120 * (100vw / 750));
  opacity: 1;
}

/*******************************
creditLinks
*******************************/
#MR241107OUTER .secTTL{
  display: block;
  width: 100%;
  margin: 0 auto calc(90 * (100vw / 750));
  font-family: "apparat-light", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #000000;
  overflow: hidden;
}

#MR241107OUTER .secTTL.fadeInBlock{
  opacity: 1;
}

#MR241107OUTER .secTTL > span:nth-of-type(1){
  display: block;
  font-size: calc(44 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt';
}

#MR241107OUTER .secTTL > span:nth-of-type(2){
  display: block;
  margin-top: calc(50 * (100vw / 750));
  font-size: calc(46 * (100vw / 750));
  line-height: 1;
  letter-spacing: 0.01em;
  font-feature-settings: 'palt';
  opacity: 0;
  transition: opacity 1s ease;
}

#MR241107OUTER .secTTL.fadeInBlock > span{
  opacity: 0;
  transition: opacity 1s ease;
}
#MR241107OUTER .secTTL.fadeInBlock > span:nth-of-type(2){
  transition-delay: 0.5s; 
}

#MR241107OUTER .secTTL.fadeInBlock.view > span{
  opacity: 1;
}



#MR241107OUTER .secTTL > span > picture{
  display: block;
  margin: 0 auto;
}
#MR241107OUTER .secTTL > span > picture > img{display: block; width: 100%; height: auto;}
/*******************************
creditLinks
*******************************/
#MR241107OUTER .creditArea{
  display: block;
  padding-top: calc(52 * (100vw / 750));
  padding-left: calc(12 * (100vw / 750));
}

#MR241107OUTER .creditArea.fadeInBlock{opacity: 1;}


#MR241107OUTER .creditLinks{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: fit-content;
  margin: 0 auto;
}

#MR241107OUTER .creditLinks > a,
#MR241107OUTER .creditLinks > span{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  font-family: "apparat-light", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  color: #000000;
  text-decoration: none;
  text-decoration-skip-ink: none;
}

#MR241107OUTER .creditLinks > a + a,
#MR241107OUTER .creditLinks > a + span,
#MR241107OUTER .creditLinks > span + a{
  margin-top: calc(20 * (100vw / 750));
}

#MR241107OUTER .creditLinks > a > span,
#MR241107OUTER .creditLinks > span > span{
  display: block;
  padding-right:  calc(20 * (100vw / 750));
}


/*******************************
sectionWrap
*******************************/
#MR241107OUTER #sectionWrap{
  position: relative;
}

/*******************************
sec01
*******************************/
#MR241107OUTER #sec01{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: calc(180 * (100vw / 750)) 0 calc(440 * (100vw / 750));
  background: #FFFFFF;
  position: sticky;
  z-index: 1;
}

#MR241107OUTER #sec01 .secTTL > span:nth-of-type(1) > picture{
  width: 4.91041333333333%;
}
#MR241107OUTER #sec01 .secTTL > span:nth-of-type(2) > picture{
  width: 65.14713333333333%;
}


#MR241107OUTER #sec01 .img01{
  display: block;
  width: 88%;
  margin: 0 auto;
  position: relative;
}

#MR241107OUTER #sec01 .creditArea{
  margin: 0 auto;
  position: relative;
}

#MR241107OUTER #sec01 .img0203wrap{
  display: block;
  margin-top: calc(196 * (100vw / 750));
}

#MR241107OUTER #sec01 .img0203wrap .img02{
  width: 77.33333333333333%;
  margin: 0 auto calc(70 * (100vw / 750)) 0;
}

#MR241107OUTER #sec01 .img0203wrap .img03{
  width: 64%;
  margin: 0 calc(40 * (100vw / 750)) 0 auto;
}


/*******************************
sec02
*******************************/
#MR241107OUTER #sec02{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: calc(160 * (100vw / 750)) 0 calc(442 * (100vw / 750));
  background: #959DA7;
  position: sticky;
  z-index: 2;
}

#MR241107OUTER #sec02 .secTTL{
  color: #FFFFFF;
  margin-bottom: calc(100 * (100vw / 750));
}
/*
#MR241107OUTER #sec02 .secTTL > span:nth-of-type(2){
  margin-top: calc((50 - 20) * (100vw / 750));
  line-height: 1.5;
}
*/

#MR241107OUTER #sec02 .secTTL > span:nth-of-type(1) > picture{
  width: 6.04309333333333%;
}
#MR241107OUTER #sec02 .secTTL > span:nth-of-type(2) > picture{
  width: 41.71224%;
}


#MR241107OUTER #sec02 .img01{
  order: 1;
  display: block;
  width: 85.33333333333333%;
  margin: 0 auto;
}


#MR241107OUTER #sec02 .creditArea{
  order: 2;
}

#MR241107OUTER #sec02 .creditLinks{
  text-align: center;
}
#MR241107OUTER #sec02 .creditLinks > a{color: #FFFFFF;}

/*
#MR241107OUTER #sec02 .img0203wrap{
  order: 3;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: calc(50dvh - 469 * (100vw / 750) / 2) 0 calc(50dvh - 469 * (100vw / 750) / 2);
}

#MR241107OUTER #sec02 .img0203wrap .img02{
  position: sticky;
  top: calc(50dvh - 469 * (100vw / 750) / 2);
  width: 50%;
  z-index: 2;
}

#MR241107OUTER #sec02 .img0203wrap .img03{
  position: sticky;
  top: 62.5%;
  width: 50%;
  z-index: 1;
  margin: 0 0 0 auto;
}
*/

#MR241107OUTER #sec02 .img0203wrap{
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: calc(200 * (100vw / 750)) 0 calc(140 * (100vw / 750));
}


#MR241107OUTER #sec02 .img0203wrap .img02{
  order: 2;
  display: block;
  width: 64%;
  margin: calc(40 * (100vw / 750)) auto 0 calc(40 * (100vw / 750));
}

#MR241107OUTER #sec02 .img0203wrap .img03{
  order: 1;
  display: block;
  width: 56%;
  margin: 0 calc(40 * (100vw / 750)) 0 auto;
}


#MR241107OUTER #sec02 .img04{
  order: 3;
  display: block;
  /*
  width: 77.33333333333333%;
  */
  width: 80%;
  margin: 0 0 0 auto;
}




/*******************************
sec03
*******************************/
#MR241107OUTER #sec03{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: calc(160 * (100vw / 750)) 0 calc(442 * (100vw / 750));
  background: #FFFFFF;
  position: sticky;
  z-index: 3;
}

#MR241107OUTER #sec03 .secTTL{
  margin-bottom: calc(98 * (100vw / 750));
}

#MR241107OUTER #sec03 .secTTL > span:nth-of-type(1) > picture{
  width: 6.20130666666667%;
}
#MR241107OUTER #sec03 .secTTL > span:nth-of-type(2) > picture{
  width: 41.00104%;
}


#MR241107OUTER #sec03 .img01020304Wrap{
  order: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: calc(10 * (100vw / 750)) calc(10 * (100vw / 750));
  width: 86.66666666666667%;
  margin: 0 auto;
}

#MR241107OUTER #sec03 .img01020304Wrap > div{
  width: calc(50% - calc(5 * (100vw / 750)));
}

#MR241107OUTER #sec03 .img01020304Wrap > div.img01{order: 1;}
#MR241107OUTER #sec03 .img01020304Wrap > div.img02{order: 2;}
#MR241107OUTER #sec03 .img01020304Wrap > div.img03{order: 4;}
#MR241107OUTER #sec03 .img01020304Wrap > div.img04{order: 3;}

#MR241107OUTER #sec03 .creditArea{
  order: 2;
  width: 100%;
}

#MR241107OUTER #sec03 .img05{
  order: 3;
  width: 100%;
  margin: calc(194 * (100vw / 750))  auto 0;
}


/*******************************
sec04
*******************************/
#MR241107OUTER #sec04{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: calc(162 * (100vw / 750)) 0 calc(360 * (100vw / 750));
  background: #959DA7;
  position: sticky;
  z-index: 4;
}

#MR241107OUTER #sec04 .secTTL{color: #FFFFFF;}

#MR241107OUTER #sec04 .secTTL > span:nth-of-type(1) > picture{
  width: 6.39505333333333%;
}
#MR241107OUTER #sec04 .secTTL > span:nth-of-type(2) > picture{
  width: 49.66718666666667%;
}


#MR241107OUTER #sec04 .img0102Wrap{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

#MR241107OUTER #sec04 .img0102Wrap .img01{
  order: 1;
  width: 80%;
}


#MR241107OUTER #sec04 .img0102Wrap .creditArea{
  order: 2;
  width: 100%;
}

#MR241107OUTER #sec04 .creditLinks > a{color: #FFFFFF;}


#MR241107OUTER #sec04 .img0102Wrap .img02{
  order: 3;
  width: 100%;
  margin-top: calc(200 * (100vw / 750));
}



/*******************************
sectionUnder
*******************************/
#MR241107OUTER .sectionUnder{
  display: block;
  width: 100%;
  padding: calc(240 * (100vw / 750)) 0 calc(216 * (100vw / 750));
}

#MR241107OUTER .sectionUnder .btnAllItem{
  display: block;
  text-align: center;
}

#MR241107OUTER .sectionUnder .btnAllItem > a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.5em;
  font-family: "apparat-light", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(30 * (100vw / 750));
  letter-spacing: 0.01em;
  line-height: 1;
  color: #000000;
  position: relative;
  padding-bottom: calc(23 * (100vw / 750));
}

#MR241107OUTER .sectionUnder .btnAllItem > a::after{
  content: '';
  display: block;
  width: calc(160 * (100vw / 750));
  height: 1px;
  background: #000000;
  position: absolute;
  right: calc(50% - 80 * (100vw / 750));
  bottom: 0;
}


/*******************************
overRide
*******************************/
#MR241107OUTER .pcView{display: none!important;}