@charset "UTF-8";
/*******************************
CE250117flower
*******************************/
#CE250117flower{
  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;
}

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

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


#CE250117flower .imgOuter{
  background: #FFFFFF;
}

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

/*
#CE250117flower a{
  transition: opacity .3s;
}

#CE250117flower a:hover{
  opacity: .7;
}
*/


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

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

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

#CE250117flower .creditLinks{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transform: scale(0.9);
  transform-origin: left bottom;
}

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



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

#CE250117flower .secTTL{
  display: block;
  position: absolute;
  z-index: 3;
  pointer-events: none;
}

#CE250117flower .secTTL::after{
  content: '';
  display: block;
  width: 1px;
  height: 0;
  background: #000000;
  position: absolute;
  transition: height 1s cubic-bezier(0.37, 0, 0.63, 1) 1.6s;
}


#CE250117flower .secTTL > .num{
  display: block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1);
}
#CE250117flower .secTTL.view > .num{
  clip-path: inset(0);
}


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

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

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

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

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

#CE250117flower .secTTL.view > .text > svg > path:nth-of-type(1){
  fill: #A3B0E6;
}


/*******************************
secLede
*******************************/
#CE250117flower .secLede{
  display: block;
  width: calc(600 * (100vw / 750));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#CE250117flower .secLede::after{
  content: '';
  display: block;
  width: calc(61.83 * (100vw / 750));
  height: calc(73.18 * (100vw / 750));
  background: url("../img/catch_bg.svg") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: calc(-15 * (100vw / 750));
  top: calc(-12 * (100vw / 750));
  z-index: -1;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

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

#CE250117flower .secLede > .secCopy{
  display: block;
  margin-bottom: calc(16 * (100vw / 750));
  font-family: "shippori-mincho", sans-serif;
  font-weight: 600;
  font-size: calc(24 * (100vw / 750));
  letter-spacing: 0;
  text-align: left;
  line-height: 2;
  color: #000000;
}

#CE250117flower .secLede > p{
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: calc(24 * (100vw / 750));
  line-height: 2.083333333333333;
  text-align: left;
  letter-spacing: 0.03em;
}
#CE250117flower .secLede > p > span{
  font-family: "yu-mincho-pr6n", sans-serif;
}


/*******************************
mv
*******************************/
#CE250117flower .mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(77 * (100vw / 750));
  position: relative;
}

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

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

#CE250117flower .mvBlock .mvInner > a > picture{
  display: block;
  width: 100%;
  aspect-ratio: 750 / 1000;
  overflow: hidden;
}

#CE250117flower .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;
}

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

#CE250117flower .mvBlock .mvInner .mainTTL{
  display: block;
  width: calc(462 * (100vw / 750));
  position: absolute;
  bottom: calc(47.2 * (100vw / 750));
  left: calc(130.6 * (100vw / 750));
  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;
}


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

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



/*******************************
firstLede
*******************************/
#CE250117flower .firstLede{
  display: block;
  width: 100%;
  margin: 0 auto calc(92 * (100vw / 750));
}

#CE250117flower .firstLede > .subTTL{
  display: block;
  margin: 0 auto calc(12 * (100vw / 750));
}

#CE250117flower .firstLede > .subTTL > picture{
  display: block;
  width: calc(97.53 * (100vw / 750));
  height: auto;
  margin: 0 auto calc(12 * (100vw / 750));
}
#CE250117flower .firstLede > .subTTL > picture img{
  display: block;
  width: 100%;
  height: auto;
}

#CE250117flower .firstLede > .subTTL > span{
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-size: calc(35 * (100vw / 750));
  line-height: 1.428571428571429;
  letter-spacing: 0;
  color: #000002;
  text-align: center;
}


#CE250117flower .firstLede > p{
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: calc(24 * (100vw / 750));
  line-height: 2.083333333333333;
  letter-spacing: 0.03em;
  text-align: center;
  /*font-feature-settings: "palt";*/
}



/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec01 .secInner{
  width: calc(597.67 * (100vw / 750));
  margin: 0 auto calc(42 * (100vw / 750));
  transform: translateX(calc(16.165 * (100vw / 750)));
}


/* ttlSetting *****/
#sec01 .secTTL{
  left: 0;
  top: calc(696.12 * (100vw / 750));
}

#sec01 .secTTL::after{
  left: calc(107.7 * (100vw / 750));
  top: calc(-51.1 * (100vw / 750));
}
#sec01 .secTTL.view::after{height: calc(109.53 * (100vw / 750));}


#sec01 .secTTL > .num{
  width: calc(174 * (100vw / 750));
  margin-left: calc(3.9 * (100vw / 750));
  margin-bottom: calc(9.5 * (100vw / 750));
}

#sec01 .secTTL > .text{
  width: calc(185.67 * (100vw / 750));
}

/* imgSetting *****/
#sec01 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: calc(67.67 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
}


#sec01 .img02{
  width: calc(335 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
}


#sec01 .img02 .creditArea{
  position: absolute;
  left: calc(-166 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}

#CE250117flower #sec01 .img02 .creditArea .creditLinks{
  transform-origin: right bottom;
  align-items: flex-end;
}




/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec02 .secInner{
  width: calc(625 * (100vw / 750));
  margin: 0 auto calc(40 * (100vw / 750));
  transform: translateX(calc(4 * (100vw / 750)));
}


/* ttlSetting *****/
#sec02 .secTTL{
  right: calc(54.2 * (100vw / 750));
  top: calc(719.9 * (100vw / 750));
}

#sec02 .secTTL::after{
  left: calc(112.7 * (100vw / 750));
  top: calc(-74.9 * (100vw / 750));
}
#sec02 .secTTL.view::after{height: calc(134 * (100vw / 750));}


#sec02 .secTTL > .num{
  width: calc(184 * (100vw / 750));
  margin-bottom: calc(8.9 * (100vw / 750));
}

#sec02 .secTTL > .text{
  width: calc(175.25 * (100vw / 750));
}

/* imgSetting *****/
#sec02 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  margin-bottom: calc(127 * (100vw / 750));
}


#sec02 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto calc(20 * (100vw / 750));
  padding-right: calc(5 * (100vw / 750));
}

#sec02 .img02{
  width: calc(300 * (100vw / 750));
}

#sec02 .img03{
  width: calc(300 * (100vw / 750));
  margin-top: calc(109 * (100vw / 750));
}


#sec02 .img04{
  width: calc(300 * (100vw / 750));
  margin-left: auto;
  margin-right: calc(101 * (100vw / 750));
  position: relative;
}

#sec02 .img04 .creditArea{
  position: absolute;
  left: calc(-184 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}
#CE250117flower #sec02 .img04 .creditArea .creditLinks{
  transform-origin: right bottom;
  align-items: flex-end;
}

/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec03 .secInner{
  width: calc(650 * (100vw / 750));
  margin: 0 0 calc(42 * (100vw / 750)) auto;
}


/* ttlSetting *****/
#sec03 .secTTL{
  left: calc(31.8 * (100vw / 750));
  top: calc(720.6 * (100vw / 750));
}

#sec03 .secTTL::after{
  left: calc(115.9 * (100vw / 750));
  top: calc(-75.6 * (100vw / 750));
}
#sec03 .secTTL.view::after{height: calc(134 * (100vw / 750));}


#sec03 .secTTL > .num{
  width: calc(186 * (100vw / 750));
  margin-bottom: calc(7.8 * (100vw / 750));
}

#sec03 .secTTL > .text{
  width: calc(185.67 * (100vw / 750));
  margin-left: calc(1.91 * (100vw / 750));
}

/* imgSetting *****/
#sec03 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
}


#sec03 .img02{
  width: calc(350 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  position: relative;
}

#sec03 .img02 .creditArea{
  position: absolute;
  left: calc(-164 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}
#CE250117flower #sec03 .img02 .creditArea .creditLinks{
  transform-origin: right bottom;
  align-items: flex-end;
}

/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec04 .secInner{
  width: calc(640.79 * (100vw / 750));
  margin: 0 auto calc(40 * (100vw / 750));
  transform: translateX(calc(10.395 * (100vw / 750)));
}


/* ttlSetting *****/
#sec04 .secTTL{
  right: 0;
  top: calc(1178.65 * (100vw / 750));
}

#sec04 .secTTL::after{
  left: calc(122.61 * (100vw / 750));
  top: calc(-75.65 * (100vw / 750));
}
#sec04 .secTTL.view::after{height: calc(138.27 * (100vw / 750));}


#sec04 .secTTL > .num{
  width: calc(186 * (100vw / 750));
  margin-left: calc(8.16 * (100vw / 750));
  margin-bottom: calc(9.5 * (100vw / 750));
}

#sec04 .secTTL > .text{
  width: calc(261.58 * (100vw / 750));
}

/* imgSetting *****/
#sec04 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: calc(95 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
}


#sec04 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: calc(21 * (100vw / 750));
  margin: 0 auto calc(20 * (100vw / 750)) 0;
}

#sec04 .img02{
  width: calc(300 * (100vw / 750));
  margin-top: calc(287 * (100vw / 750));
}

#sec04 .img03{
  width: calc(300 * (100vw / 750));
}

#sec04 .img04{
  width: calc(300 * (100vw / 750));
  margin-left: calc(100 * (100vw / 750));
  margin-right: auto;
  position: relative;
}

#sec04 .img04 .creditArea{
  position: absolute;
  right: calc(-184 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}

/*******************************
movieBlock
*******************************/
#CE250117flower .movieBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(100.1 * (100vw / 750));
}

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

/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec05 .secInner{
  width: calc(650 * (100vw / 750));
  margin: 0 0 calc(34 * (100vw / 750)) auto;
}


/* ttlSetting *****/
#sec05 .secTTL{
  left: calc(46.54 * (100vw / 750));
  top: calc(720.54 * (100vw / 750));
}

#sec05 .secTTL::after{
  left: calc(112.3 * (100vw / 750));
  top: calc(-78.4 * (100vw / 750));
}
#sec05 .secTTL.view::after{height: calc(138.28 * (100vw / 750));}


#sec05 .secTTL > .num{
  width: calc(184 * (100vw / 750));
  margin-left: calc(0.34 * (100vw / 750));
  margin-bottom: calc(8.1 * (100vw / 750));
}

#sec05 .secTTL > .text{
  width: calc(167.01 * (100vw / 750));
}

/* imgSetting *****/
#sec05 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(22 * (100vw / 750));
}


#sec05 .img0203Wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  padding-left: calc(30 * (100vw / 750));
}

#sec05 .img02{
  width: calc(300 * (100vw / 750));
  margin-top: calc(284 * (100vw / 750));
}

#sec05 .img03{
  width: calc(300 * (100vw / 750));
}

#sec05 .img03 .creditArea{  
  padding-top: calc(52 * (100vw / 750));
}




/*******************************
sec06
*******************************/
#sec06{
  display: block;
  width: 100%;
  margin-bottom: calc(90 * (100vw / 750));
  position: relative;
}

#sec06 .secInner{
  width: calc(572.31 * (100vw / 750));
  margin: 0 auto calc(40 * (100vw / 750));
  transform: translateX(calc(-13.845 * (100vw / 750)));
}


/* ttlSetting *****/
#sec06 .secTTL{
  right: 0;
  top: calc(724.87 * (100vw / 750));
}

#sec06 .secTTL::after{
  left: calc(122.2 * (100vw / 750));
  top: calc(-79.87 * (100vw / 750));
}
#sec06 .secTTL.view::after{height: calc(138.28 * (100vw / 750));}


#sec06 .secTTL > .num{
  width: calc(194 * (100vw / 750));
  margin-bottom: calc(7.7 * (100vw / 750));
}

#sec06 .secTTL > .text{
  width: calc(169.7 * (100vw / 750));
}

/* imgSetting *****/
#sec06 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: auto;
  margin-right: calc(32 * (100vw / 750));
  margin-bottom: calc(20 * (100vw / 750));
}

#sec06 .img02{
  width: calc(300 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
}

#sec06 .img03{
  width: calc(350 * (100vw / 750));
  margin-left: calc(79 * (100vw / 750));
  margin-right: auto;
  position: relative;
}

#sec06 .img03 .creditArea{
  position: absolute;
  right: calc(-166 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}


/*******************************
sec07
*******************************/
#sec07{
  display: block;
  width: 100%;
  margin-bottom: calc(84 * (100vw / 750));
  position: relative;
}

#sec07 .secInner{
  width: calc(603.15 * (100vw / 750));
  margin: 0 auto calc(40 * (100vw / 750));
  transform: translateX(calc(13.425 * (100vw / 750)));
}


/* ttlSetting *****/
#sec07 .secTTL{
  left: 0;
  top: calc(706.47 * (100vw / 750));
}

#sec07 .secTTL::after{
  left: calc(137.5 * (100vw / 750));
  top: calc(-61.5 * (100vw / 750));
}
#sec07 .secTTL.view::after{height: calc(138.28 * (100vw / 750));}


#sec07 .secTTL > .num{
  width: calc(200 * (100vw / 750));
  margin-left: calc(9.63 * (100vw / 750));
  margin-bottom: calc(7.7 * (100vw / 750));
}

#sec07 .secTTL > .text{
  width: calc(276.3 * (100vw / 750));
}

/* imgSetting *****/
#sec07 .img01{
  width: calc(430 * (100vw / 750));
  margin-left: calc(6.15 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
}


#sec07 .img02{
  width: calc(350 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  position: relative;
}


#sec07 .img02 .creditArea{
  position: absolute;
  left: calc(-166 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}
#CE250117flower #sec07 .img02 .creditArea .creditLinks{
  transform-origin: right bottom;
  align-items: flex-end;
}

/*******************************
sec08
*******************************/
#sec08{
  display: block;
  width: 100%;
  margin-bottom: calc(250 * (100vw / 750));
  position: relative;
}

#sec08 .secInner{
  width: calc(600 * (100vw / 750));
  margin: 0 auto calc(42 * (100vw / 750));
}


/* ttlSetting *****/
#sec08 .secTTL{
  right: calc(55 * (100vw / 750));
  top: calc(471.18 * (100vw / 750));
}

#sec08 .secTTL::after{
  left: calc(122.8 * (100vw / 750));
  top: calc(-71.2 * (100vw / 750));
}
#sec08 .secTTL.view::after{height: calc(129.59 * (100vw / 750));}


#sec08 .secTTL > .num{
  width: calc(182 * (100vw / 750));
  margin-left: calc(11.71 * (100vw / 750));
  margin-bottom: calc(7.1 * (100vw / 750));
}

#sec08 .secTTL > .text{
  width: calc(186.85 * (100vw / 750));
}

/* imgSetting *****/
#sec08 .img01{
  width: 100%;
  margin-bottom: calc(20 * (100vw / 750));
}


#sec08 .img02{
  width: calc(350 * (100vw / 750));
  margin-left: calc(40 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(20 * (100vw / 750));
  position: relative;
}


#sec08 .img02 .creditArea{
  position: absolute;
  right: calc(-168 * (100vw / 750));
  bottom: calc(-8 * (100vw / 750));
}

#sec08 .img03{
  width: calc(350 * (100vw / 750));
  margin-left: auto;
  margin-right: calc(46 * (100vw / 750));
}


/*******************************
kasumiProfile
*******************************/
#kasumiProfile{
  display: block;
  width: 100%;
  margin: 0 auto calc(26 * (100vw / 750));
  position: relative;
}

#kasumiProfile::after{
  content: '';
  display: block;
  width: 100%;
  height: calc(100% - 24 * (100vw / 750));
  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);
}

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



#kasumiProfile .secInner{
  display: block;
  width: 100%;
  margin: 0;
  padding: calc(273 * (100vw / 750)) 0 0;
  position: relative;
  z-index: 2;
}

#kasumiProfile .profileTTL{
  display: block;
  width: calc(280 * (100vw / 750));
  margin: 0 auto calc(18 * (100vw / 750));
}

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

#kasumiProfile .profileTTL > span{
  display: block;
  padding-top: calc(12 * (100vw / 750));
  font-family: "shippori-mincho", sans-serif;
  font-weight: 500;
  font-size: calc(25 * (100vw / 750));
  letter-spacing: 0;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
}

#kasumiProfile .comment{
  display: block;
  padding-bottom: calc(32 * (100vw / 750) + 1px);
  margin-bottom: calc(34 * (100vw / 750));
  position: relative;
}


#kasumiProfile .comment p > span{
  display: block;
  font-family: "shippori-mincho", sans-serif;
  font-weight: 400;
  font-size: calc(20 * (100vw / 750));
  letter-spacing: 0.03em;
  line-height: 2;
  color: #FFFFFF;
  text-align: center;
  transform: scale(0.9);
  transform-origin: center bottom;
}

#kasumiProfile .comment::after{
  content: '';
  display: block;
  width: calc(400 * (100vw / 750));
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  left: calc(175 * (100vw / 750));
  bottom: 0;
}


#kasumiProfile .profile{
  display: block;
}

#kasumiProfile .profile > dl{
  display: block;
  transform: scale(0.7);
  transform-origin: center top;
}
#kasumiProfile .profile > dl > dt,
#kasumiProfile .profile > dl > dd{
  display: block;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size: calc(20 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0;
  font-weight: 400;
  text-align: center;
  color: #FFFFFF;
}

#kasumiProfile .profileImg{
  display: block;
  width: calc(417 * (100vw / 750));
  position: absolute;
  left: calc(167 * (100vw / 750));
  top: calc(-200 * (100vw / 750));
  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;
}

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

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


/*******************************
profileMovie
*******************************/
#CE250117flower .profileMovie{
  display: block;
  width: calc(600 * (100vw / 750));
  margin: 0 auto calc(50 * (100vw / 750));
}

#CE250117flower .profileMovie > .movieWrap{
  display: block;
  width: 100%;
  aspect-ratio: 1250 / 703;
}

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

/*******************************
staffList
*******************************/
#CE250117flower dl.staffList{
  display: block;
  margin: 0 auto;
}

#CE250117flower dl.staffList > dt,
#CE250117flower dl.staffList > dd{
  display: block;
  font-family: "bodoni-moda-variable", sans-serif;
  font-variation-settings: "opsz" 11, "wght" 400;
  font-size: calc(20 * (100vw / 750));
  line-height: 2.1875;
  text-align: center;
  letter-spacing: 0;
  font-style: italic;
  transform: scale(0.8);
  transform-origin: center top;
}

#CE250117flower dl.staffList > dt{
  margin-bottom: calc(-8 * (100vw / 750));
}


/*******************************
lpTopBtn
*******************************/
#CE250117flower #lpTopBtn{
  display: block;
  width: 100%;
  width: calc(688 * (100vw / 750));
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

#CE250117flower #lpTopBtn > .inner{
  width: calc(64.79 * (100vw / 750));
  margin: 0 0 0 auto;
  position: relative;
  padding-bottom: calc(50 * (100vw / 750));
}

#CE250117flower #lpTopBtn > .inner > a{
  display: block;
  width: calc(64.79 * (100vw / 750));
  position: absolute;
  bottom: calc(50 * (100vw / 750));
  opacity: 0;
  pointer-events: none;
  transform: translateY(25%);
  transition: opacity 1.2s ease, transform 1.2s ease;
}

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

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

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

/*******************************
overRide
*******************************/
#CE250117flower .pcView{display: none;}