@charset "UTF-8";
/*******************************
CE250221tweed
*******************************/
#CE250221tweed{
  display: block;
  width: 100%;
  padding: 0 0 0;
  box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
}

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

#CE250221tweed picture,
#CE250221tweed figure,
#CE250221tweed img{
  display: block;
  width: 100%;
  height: auto;
}


#CE250221tweed .imgOuter{
  background: #FFFFFF;
}

#CE250221tweed .imgOuter > a,
#CE250221tweed .imgOuter > span{display: block; width: 100%; height: auto;}

#CE250221tweed a{
  transition: opacity .3s;
}

#CE250221tweed a:hover{
  opacity: .7;
}


/*******************************
fadeInSetting
*****************************
#CE250221tweed .fadeInBlock{
  opacity: 0;
  transform: translate(0,3rem);
  transition: opacity 2s ease, transform 2s ease;
  pointer-events: none;
}

#CE250221tweed .fadeInBlock.view{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
**/

/*******************************
creditLinks
*******************************/
#CE250221tweed .creditArea{
  display: block;
}

#CE250221tweed .creditLinks{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}

#CE250221tweed .creditLinks > a,
#CE250221tweed .creditLinks > span{
  display: inline-block;
  white-space: nowrap;
  font-family: "noto-serif", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2;
  color: #8E8E8E;
  text-decoration: underline;
  /*text-decoration-skip-ink: none;*/
  font-feature-settings: "palt";
  position: relative;
}



/*******************************
secTTL
*******************************/
#CE250221tweed .secInner{
  display: block;
  position: relative;
}

#CE250221tweed .secTTL{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

#CE250221tweed .secTTL::after{
  content: '';
  order: 3;
  display: block;
  width: 4.7rem;
  height: 2.7rem;
  margin: 0 auto;
  background: url("../img/sec_slash.svg") center center no-repeat;
  background-size: 100% auto;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1) 1.6s;
}

#CE250221tweed .secTTL.view::after{
  clip-path: inset(0 0 0 0);
}


#CE250221tweed .secTTL > .cheerful{
  order: 1;
  display: block;
  width: 9.651rem;
  margin-left: auto;
  margin-right: auto;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1) 0.8s;
}

#CE250221tweed .secTTL > .cheerful > picture,
#CE250221tweed .secTTL > .cheerful > picture > img{
  display: block;
  width: 100%;
  height: auto;
}

#CE250221tweed .secTTL.view > .cheerful{
  clip-path: inset(0 0 0 0);
}


#CE250221tweed .secTTL > .num{
  order: 2;
  display: block;
  margin-left: auto;
  margin-right: auto;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1);
}
#CE250221tweed .secTTL.view > .num{
  clip-path: inset(0);
}


#CE250221tweed .secTTL > .num > picture,
#CE250221tweed .secTTL > .num > picture > img{
  display: block;
  width: 100%;
  height: auto;
}

#CE250221tweed .secTTL > .text{
  order: 4;
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1) 0.8s;
}

#CE250221tweed .secTTL.view > .text{
  clip-path: inset(0 0 -1% 0);
}

#CE250221tweed .secTTL > .text > svg{
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

#CE250221tweed .secTTL > .text > svg > path,
#CE250221tweed .secTTL > .text > svg > polygon{
  fill: #000000;
  transition: fill 1s cubic-bezier(0.37, 0, 0.63, 1) 1.6s;
  overflow: visible;
}


#CE250221tweed #sec01 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #E6C3D2;}
#CE250221tweed #sec02 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #9BB59D;}
#CE250221tweed #sec03 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #C6CB8C;}
#CE250221tweed #sec04 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #91AFD1;}
#CE250221tweed #sec05 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #91AFD1;}
#CE250221tweed #sec06 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #E6C3D2;}
#CE250221tweed #sec07 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #91D1CF;}
#CE250221tweed #sec08 .secTTL.view > .text > svg > path:nth-of-type(1){fill: #E6C3D2;}


/*******************************
secLede
*******************************/
#CE250221tweed .secLede{
  display: block;
  width: 80rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#CE250221tweed .secLede .ito{
  font-family: "yu-mincho-pr6n", sans-serif;
}

#CE250221tweed .secLede > .secCopy{
  display: block;
  margin-bottom: 1.1rem;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.666666666666667;
  color: #000000;
}


#CE250221tweed .secLede > .secCopy > .icon{
  display: block;
  width: 6.1rem;
  height: 6.0rem;
  opacity: .3;
  position: absolute;
  left: -1rem;
  top: -1.0rem;
  z-index: -1;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#CE250221tweed .secLede.view > .secCopy > .icon{
  clip-path: inset(0);
}

#CE250221tweed .secLede > .secCopy > .icon > svg{
  display: block;
  width: 100%;
  height: auto;
}

#CE250221tweed #sec01 .secLede > .secCopy > .icon > svg > rect{ fill: #E6C3D2;}
#CE250221tweed #sec02 .secLede > .secCopy > .icon > svg > rect{ fill: #9BB59D;}
#CE250221tweed #sec03 .secLede > .secCopy > .icon > svg > rect{ fill: #C6CB8C;}
#CE250221tweed #sec04 .secLede > .secCopy > .icon > svg > rect{ fill: #91AFD1;}
#CE250221tweed #sec05 .secLede > .secCopy > .icon > svg > rect{ fill: #91AFD1;}
#CE250221tweed #sec06 .secLede > .secCopy > .icon > svg > rect{ fill: #E6C3D2;}
#CE250221tweed #sec07 .secLede > .secCopy > .icon > svg > rect{ fill: #91D1CF;}
#CE250221tweed #sec08 .secLede > .secCopy > .icon > svg > rect{ fill: #E6C3D2;}



#CE250221tweed .secLede > p{
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2;
  text-align: left;
  letter-spacing: 0.025em;
  color: #000000;
}


/*******************************
mv
*******************************/
#CE250221tweed .mvBlock{
  display: block;
  width: 110rem;
  margin: 0 auto 12.6rem;
  position: relative;
}

#CE250221tweed .mvBlock .mvInner{
  display: block;
  width: 100%;
}

#CE250221tweed .mvBlock .mvInner > a{
  display: block;
  width: 100%;
  position: relative;
}

#CE250221tweed .mvBlock .mvInner > a > picture{
  display: block;
  width: 100%;
  aspect-ratio: 1100 / 700;
  overflow: hidden;
}

#CE250221tweed .mvBlock .mvInner > a > picture img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.1);
  transition: transform 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s, opacity 5s cubic-bezier(0.25, 0.46, 0.45, 0.94) .5s;
}

#CE250221tweed .mvBlock.view .mvInner > a > picture img{
  opacity: 1;
  transform: scale(1);
}

#CE250221tweed .mvBlock .mvInner .mainTTL{
  display: block;
  width: 43.848rem;
  position: absolute;
  top: 10.02rem;
  left: 4.1rem;
  z-index: 2;
  opacity: 0;
  transform: translateX(-10%);
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s,opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
}


#CE250221tweed .mvBlock.view .mvInner .mainTTL{
  opacity: 1;
  transform: translateX(0);
}

#CE250221tweed .mvBlock .mvInner .mainTTL > picture,
#CE250221tweed .mvBlock .mvInner .mainTTL > picture img{
  display: block;
  width: 100%;
  height: auto;
}



/*******************************
firstLede
*******************************/
#CE250221tweed .firstLede{
  display: block;
  width: 100%;
  margin: 0 auto 14.2rem;
}

#CE250221tweed .firstLede > .subTTL{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 3.5rem;
}

#CE250221tweed .firstLede > .subTTL > picture{
  display: block;
  width: 9.521rem;
  height: auto;
  margin-right: 2.62rem;
  margin-bottom: 0.4rem;
}
#CE250221tweed .firstLede > .subTTL > picture img{
  display: block;
  width: 100%;
  height: auto;
}

#CE250221tweed .firstLede > .subTTL > span{
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000002;
}



#CE250221tweed .firstLede > p{
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 1.923076923076923;
  letter-spacing: 0.03em;
  text-align: center;
  /*font-feature-settings: "palt";*/
}



/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin-bottom: 14.5rem;
  position: relative;
}

#sec01 .secInner{
  width: 91.6rem;
  margin: 0 auto 4.9rem;
}


/* ttlSetting *****/
#sec01 .secTTL{
  left: 55.1rem;
  top: 103.2rem;
}

#sec01 .secTTL::after{
  margin-top: 1.12rem;
  margin-bottom: 0.51rem;
  transform: translateX(0.8rem);
}


#sec01 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.4rem);
}


#sec01 .secTTL > .num{
  width: 12.195rem;
}


#sec01 .secTTL > .text{
  width: 28.007rem;
}

/* imgSetting *****/
#sec01 .img01{
  width: 65rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}


#sec01 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}


#sec01 .img02{
  width: 45rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#sec01 .img03{
  width: 45rem;
  margin-top: 41.8rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}


#sec01 .img03 .creditArea{
  position: absolute;
  left: -1.6rem;
  bottom: -0.8rem;
  transform: translateX(-100%);
}

/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec02 .secInner{
  width: 92rem;
  margin: 0 auto 4.9rem;
}


/* ttlSetting *****/
#sec02 .secTTL{
  left: 8.6rem;
  top: 3.9rem;
}

#sec02 .secTTL::after{
  margin-top: 1.12rem;
  margin-bottom: 0.91rem;
}


#sec02 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.5rem);
}


#sec02 .secTTL > .num{
  width: 14.955rem;
}


#sec02 .secTTL > .text{
  width: 26.677rem;
}

/* imgSetting *****/
#sec02 .img0102Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto 2rem;
}


#sec02 .img01{
  order: 2;
  width: 45rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
}

#sec02 .img02{
  order: 1;
  width: 45rem;
  margin-top: 44rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#sec02 .img02 .creditArea{
  position: absolute;
  right: -2rem;
  bottom: -0.8rem;
  transform: translateX(100%);
}

#CE250221tweed #sec02 .img02 .creditLinks{
  align-items: flex-start;
}


#sec02 .img03{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#CE250221tweed #sec02 .secLede{transform: translateX(0.5rem);}

/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec03 .secInner{
  width: 92rem;
  margin: 0 auto 5rem;
}


/* ttlSetting *****/
#sec03 .secTTL{
  right: -6.68rem;
  top: 81.97rem;
}

#sec03 .secTTL::after{
  margin-top: 1.12rem;
  margin-bottom: 0.91rem;
}


#sec03 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.6em);
}


#sec03 .secTTL > .num{
  width: 14.295rem;
}


#sec03 .secTTL > .text{
  width: 31.2rem;
}

/* imgSetting *****/
#sec03 .img01{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}

#sec03 .img02{
  width: 65.7rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 2rem;
  position: relative;
}

#sec03 .img03{
  width: 65.7rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#sec03 .img03 .creditArea{
  position: absolute;
  right: -2rem;
  bottom: -0.8rem;
  transform: translateX(100%);
}

#CE250221tweed #sec03 .img03 .creditLinks{
  align-items: flex-start;
}


#CE250221tweed #sec03 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec03 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}

/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec04 .secInner{
  width: 101rem;
  margin: 0 auto 4.9rem;
  transform: translateX(4.5rem);
}


/* ttlSetting *****/
#sec04 .secTTL{
  left: -4.2rem;
  top: 95.8rem;
}

#sec04 .secTTL::after{
  margin-top: 1.09rem;
  margin-bottom: 0.94rem;
}


#sec04 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.4em);
}


#sec04 .secTTL > .num{
  width: 15.99rem;
}


#sec04 .secTTL > .text{
  width: 33.706rem;
}

/* imgSetting *****/
#sec04 .img01{
  width: 65rem;
  margin-left: 13.5rem;
  margin-right: auto;
  margin-bottom: 2rem;
}

#sec04 .img02{
  width: 65.7rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 2rem;
  position: relative;
}

#sec04 .img03{
  width: 65.7rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#sec04 .img03 .creditArea{
  position: absolute;
  right: -2.1rem;
  bottom: -0.7rem;
  transform: translateX(100%);
}

#CE250221tweed #sec04 .img03 .creditLinks{
  align-items: flex-start;
}

#CE250221tweed #sec04 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec04 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}

/*******************************
movieBlock
*******************************/
#CE250221tweed .movieBlock{
  display: block;
  width: 110rem;
  margin: 0 auto 14.8rem;
}

#CE250221tweed .movieBlock > video{
  width: 100%;
  height: auto;
}


/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec05 .secInner{
  width: 92rem;
  margin: 0 auto 4.9rem;
}


/* ttlSetting *****/
#sec05 .secTTL{
  right: 1.22rem;
  top: 35.5rem;
}

#sec05 .secTTL::after{
  margin-top: 1.09rem;
  margin-bottom: 0.94rem;
}


#sec05 .secTTL > .cheerful{
  margin-bottom: 1.22rem;
  transform: translateX(0.4em);
}


#sec05 .secTTL > .num{
  width: 14.25rem;
}


#sec05 .secTTL > .text{
  width: 31.282rem;
}

/* imgSetting *****/
#sec05 .img01{
  width: 65rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}


#sec05 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}


#sec05 .img02{
  order: 2;
  width: 45rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}

#sec05 .img02 .creditArea{
  padding-top: 0.8rem;
}

#CE250221tweed #sec05 .img02 .creditLinks{
  align-items: flex-start;
}


#sec05 .img03{
  order: 1;
  width: 45rem;
  margin-top: 37.2rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#CE250221tweed #sec05 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec05 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}

/*******************************
sec06
*******************************/
#sec06{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec06 .secInner{
  width: 82.5rem;
  margin: 0 auto 4.9rem;
  transform: translateX(-8.75rem);
}


/* ttlSetting *****/
#sec06 .secTTL{
  left: 5.8rem;
  top: 32.8rem;
}

#sec06 .secTTL::after{
  margin-top: 1.09rem;
  margin-bottom: 0.94rem;
}


#sec06 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.6em);
}


#sec06 .secTTL > .num{
  width: 15.03rem;
}


#sec06 .secTTL > .text{
  width: 22.547rem;
}

/* imgSetting *****/
#sec06 .img01{
  width: 65rem;
  margin-left: 17.5rem;
  margin-right: auto;
  margin-bottom: 2rem;
}

#sec06 .img02{
  width: 65rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 2rem;
  position: relative;
}

#sec06 .img02 .creditArea{
  position: absolute;
  right: -2.1rem;
  bottom: -0.8rem;
  transform: translateX(100%);
}

#CE250221tweed #sec06 .img02 .creditLinks{
  align-items: flex-start;
}

#sec06 .img03{
  width: 65rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}

#CE250221tweed #sec06 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec06 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}

/*******************************
sec07
*******************************/
#sec07{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec07 .secInner{
  width: 92rem;
  margin: 0 auto 4.9rem;
}


/* ttlSetting *****/
#sec07 .secTTL{
  right: 3.59rem;
  top: 101.5rem;
}

#sec07 .secTTL::after{
  margin-top: 1.09rem;
  margin-bottom: 0.94rem;
}


#sec07 .secTTL > .cheerful{
  margin-bottom: 1.4rem;
  transform: translateX(0.3em);
}


#sec07 .secTTL > .num{
  width: 14.565rem;
}


#sec07 .secTTL > .text{
  width: 33.706rem;
}

/* imgSetting *****/
#sec07 .img01{
  width: 65rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}


#sec07 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
}


#sec07 .img02{
  width: 45rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}


#sec07 .img03{
  width: 45rem;
  margin-top: 48.5rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}

#sec07 .img03 .creditArea{
  position: absolute;
  left: -1.9rem;
  bottom: -0.8rem;
  transform: translateX(-100%);
}

#CE250221tweed #sec07 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec07 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}

/*******************************
sec08
*******************************/
#sec08{
  display: block;
  width: 100%;
  margin-bottom: 14.4rem;
  position: relative;
}

#sec08 .secInner{
  width: 87rem;
  margin: 0 auto 4.9rem;
  transform: translateX(11rem);
}


/* ttlSetting *****/
#sec08 .secTTL{
  left: -8.65rem;
  top: 44rem;
}

#sec08 .secTTL::after{
  margin-top: 1.11rem;
  margin-bottom: 0.92rem;
}


#sec08 .secTTL > .cheerful{
  margin-bottom: 1.49rem;
  transform: translateX(0.3em);
}


#sec08 .secTTL > .num{
  width: 14.895rem;
}


#sec08 .secTTL > .text{
  width: 18.655rem;
}

/* imgSetting *****/
#sec08 .img01{
  width: 65rem;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 2rem;
}

#sec08 .img02{
  width: 65.7rem;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 1.2rem;
  position: relative;
}

#sec08 .img03{
  width: 45rem;
  margin-left: 10rem;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
}

#sec08 .img03 .creditArea{
  position: absolute;
  right: -2.1rem;
  bottom: -0.8rem;
  transform: translateX(100%);
}

#CE250221tweed #sec08 .img03 .creditLinks{
  align-items: flex-start;
}

#CE250221tweed #sec08 .secLede{transform: translateX(0.5rem);}
#CE250221tweed #sec08 .secLede > .secCopy{
  margin-bottom: 1.2rem;
}


/*******************************
lpProfile
*******************************/
#lpProfile{
  display: block;
  width: 110rem;
  margin: 0 auto 8rem;
  position: relative;
  overflow: hidden;
}

#lpProfile::after{
  content: '';
  display: block;
  width: 80rem;
  height: 100%;
  background: #464646;
  position: absolute;
  left: 0;
  top: 0;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#lpProfile.view::after{
  clip-path: inset(0);
}



#lpProfile .secInner{
  display: block;
  width: 80rem;
  margin: 0;
  padding: 5.4rem 0 7.4rem 5.0rem;
  position: relative;
  z-index: 2;
}

#lpProfile .profileTTL{
  display: block;
  width: 25.132rem;
  margin-bottom: 5rem;
}

#lpProfile .profileTTL picture,
#lpProfile .profileTTL img{
  display: block;
  width: 100%;
  height: auto;
  transform: translateX(0.4rem);
}

#lpProfile .profileTTL > span{
  display: block;
  padding-top: 2.2rem;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1;
  color: #FFFFFF;
  text-align: left;
}

#lpProfile .comment{
  display: block;
  padding-bottom: 3.4rem;
  margin-bottom: 3.6rem;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: 0.03em;
  line-height: 2;
  color: #FFFFFF;
  text-align: left;
  position: relative;
}

#lpProfile .comment::after{
  content: '';
  display: block;
  width: 40rem;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
}


#lpProfile .profile{
  display: block;
}

#lpProfile .profile > dl{display: block;}
#lpProfile .profile > dl > dt,
#lpProfile .profile > dl > dd{
  display: block;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
  color: #FFFFFF;
}

#lpProfile .profileImg{
  display: block;
  width: 50.7rem;
  position: absolute;
  left: 53.6rem;
  top: 2.7rem;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transform: scale(1.2) rotate(15deg) translateY(-10%);
  transition: transform 1s ease-out 0.5s, opacity 0.2s ease-out 0.5s;
}

#lpProfile.view .profileImg{
  opacity: 1;
  transform: scale(1) rotate(0deg) translateY(0);
}

#lpProfile .profileImg picture,
#lpProfile .profileImg img{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
profileMovie
*******************************/
#CE250221tweed .profileMovie{
  display: block;
  width: 80rem;
  margin: 0 auto 4.6rem;
}

#CE250221tweed .profileMovie > .movieWrap{
  display: block;
  width: 100%;
  aspect-ratio: 645 / 363;
}

#CE250221tweed .profileMovie > .movieWrap > iframe{
  width: 100%;
  height: 100%;
}

/*******************************
staffList
*******************************/
#CE250221tweed dl.staffList{
  display: block;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}

#CE250221tweed dl.staffList > dt,
#CE250221tweed dl.staffList > dd{
  display: block;
  font-family: "bodoni-moda-variable", sans-serif;
  font-variation-settings: "opsz" 11, "wght" 400;
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0;
  font-style: italic;
  transform: translateX(0.2rem);
}

#CE250221tweed dl.staffList > dd > span{
  font-style: normal;
  margin-left: -0.2em;
}

/*******************************
lpTopBtn
*******************************/
#CE250221tweed #lpTopBtn{
  display: block;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

#CE250221tweed #lpTopBtn > .inner{
  width: 6.479rem;
  margin: 0 0 0 auto;
  position: relative;
  padding-bottom: 10rem;
}

#CE250221tweed #lpTopBtn > .inner > a{
  display: block;
  width: 6.479rem;
  position: absolute;
  bottom: 10rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(25%);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

#CE250221tweed #lpTopBtn.view > .inner > a{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#CE250221tweed #lpTopBtn.fixed > .inner > a{
  position: fixed;
}

#CE250221tweed #lpTopBtn > .inner > a > img{
  display: block;
  width: 100%;
  height: auto;
}

/*******************************
overRide
*******************************/
#CE250221tweed .spView{display: none;}