@charset "UTF-8";


/*******************************
FR250207LOOK
*******************************/
#FR250207LOOK{
  display: block;
  width: 100%;
  padding-top: calc(0 * (100vw / 750));
  padding-bottom: calc(70 * (100vw / 750));
  box-sizing: border-box;
  font-style: normal;
}

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

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


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

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


/*******************************
fadeInSetting
*******************************/
#FR250207LOOK .fadeInBlock{
  opacity: 0;
  transform: translate3d(0,calc(50 * (100vw / 750)),0);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

#FR250207LOOK .fadeInBlock.view{
  opacity: 1;
  transform: translate3d(0,0,0);
}


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

#FR250207LOOK .creditLinks{
  display: block;
  white-space: nowrap;
  text-align: right;
}

#FR250207LOOK .creditLinks > a,
#FR250207LOOK .creditLinks > span{
  display: inline-block;
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: calc(18 * (100vw / 750) * 1.1);
  letter-spacing: 0;
  line-height: calc(32 * (100vw / 750));
  color: #000000;
  text-decoration: none;
  text-decoration-skip-ink: none;
  pointer-events: auto;
}

#FR250207LOOK .creditLinks > a > span,
#FR250207LOOK .creditLinks > span > span{
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: calc(18 * (100vw / 750));
  transform: scaleY(0.87) translateY(-0.1em);
  transform-origin: bottom;
}

#FR250207LOOK .creditLinks > a > span:first-letter,
#FR250207LOOK .creditLinks > span > span:first-letter{
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: calc(18 * (100vw / 750) * 1.1);
  font-style: normal;
  transform: scaleY(1.149425287356322);
}


#FR250207LOOK .creditLinks > a + a::before,
#FR250207LOOK .creditLinks > br.pcView + a::before{
  content: '/';
  display: inline-block;
  padding: 0 0.2em 0 0;
}

#FR250207LOOK .creditLinks > a > span,
#FR250207LOOK .creditLinks > span > span{
  display: inline-block;
  padding-right: 0.2em;
}

#FR250207LOOK .lpFixedTextLeft .creditLinks{text-align: left;}




/*******************************
creditOpen Setting
*******************************/
#FR250207LOOK .spCreditOver{
  position: relative;
}

#FR250207LOOK .spCreditOver .imgOuter{}

#FR250207LOOK .spCreditOver .imgOuter a{pointer-events: none;}

#FR250207LOOK .spCreditOver .creditArea{
  position: absolute;
  right: calc(20 * (100vw / 750));
  bottom: calc(13 * (100vw / 750));
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s ease;
}

#FR250207LOOK .spCreditOver .creditLinks > a,
#FR250207LOOK .spCreditOver .creditLinks > span{color: #FFFFFF;}


#FR250207LOOK .spCreditOver.creditView .imgOuter{}
#FR250207LOOK .spCreditOver.creditView .imgOuter a{pointer-events: auto;}

#FR250207LOOK .spCreditOver.creditView .creditArea{
  opacity: 1;
  pointer-events: auto;
}


/*******************************
figSlider
*******************************/
#FR250207LOOK .figSlider,
#FR250207LOOK .figSliderSP{
	position: relative;
}

#FR250207LOOK .figSlider .container,
#FR250207LOOK .figSliderSP .container{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

#FR250207LOOK .figSlider .sliderWrapper,
#FR250207LOOK .figSliderSP .sliderWrapper{}

#FR250207LOOK .figSlider .slider,
#FR250207LOOK .figSliderSP .slider{
  display: block;
  width: 100%;
}

#FR250207LOOK .figSlider .slider a,
#FR250207LOOK .figSliderSP .slider a{
  display: block;
  width: 100%;
  height: auto;
}

#FR250207LOOK .figSlider .slider a > img,
#FR250207LOOK .figSliderSP .slider a > img{
  display: block;
  width: 100%;
  height: auto;
}

#FR250207LOOK .figSlider .slider.swiper-slide-active,
#FR250207LOOK .figSliderSP .slider.swiper-slide-active{
  pointer-events: auto;
}


#FR250207LOOK .figSlider ul.slidePager,
#FR250207LOOK .figSliderSP ul.slidePager{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0 calc(10 * (100vw / 750));
  width: 100%;
  padding-right: calc(20 * (100vw / 750));
  position: absolute;
  right: 0;
  bottom: calc(-30 * (100vw / 750));
  z-index: 2;
}

#FR250207LOOK .figSlider ul.slidePager > li,
#FR250207LOOK .figSliderSP ul.slidePager > li{
  display: block;
  width: calc(10 * (100vw / 750));
  height: calc(10 * (100vw / 750));
  margin: 0;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #FFFFFF;
  transition: background 0.3s ease;
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}

#FR250207LOOK .figSlider ul.slidePager > li.swiper-pagination-bullet-active,
#FR250207LOOK .figSliderSP ul.slidePager > li.swiper-pagination-bullet-active{
  opacity: 1;
  background: #000000;
}


/*******************************
faseInner
*******************************/
#FR250207LOOK .faseLeft{}
#FR250207LOOK .faseRight{}

/*******************************
lpFixedTextBox
*******************************/
#FR250207LOOK .lpFixedTextBox{
  display: none!important;
}

/*******************************
lpFixedArea01
*******************************/
#lpFixedArea01{position: relative;}


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

#mvBlock .mvOuter{
  display: block;
}

#FR250207LOOK #mvBlock .fadeInBlock{
  transform: translate3d(0,0,0);
  transition: opacity 1.5s ease, transform 1.5s ease;
}

#mvBlock .spTTL{
  display: block;
  width: calc(482.0145 * (100vw / 750));
  position: absolute;
  top: calc(540 * (100vw / 750));
  left: calc(145 * (100vw / 750));
  opacity: 0;
  transition: opacity 1.5s ease 0.6s;
  pointer-events: none;
}
#mvBlock .fadeInBlock.view + .spTTL{
  opacity: 1;
}


#FR250207LOOK .pcMainTTL{
  display: none;
}


#FR250207LOOK .springCollection{
  display: none;
}


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

#sec01 .spMainTTL{
  display: block;
  width: calc(303.3845 * (100vw / 750));
  margin-left: calc(32 * (100vw / 750));
  margin-bottom: calc(141 * (100vw / 750));
}

#sec01 .img01{
  display: block;
  width: calc(410 * (100vw / 750));
  margin-left: calc(172 * (100vw / 750));
}


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

#sec02 .img01{width: 100%;}


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

#sec03 .img01{
  width: 100%;
}

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


#sec04 .fase02Text{
  width: calc(388.3214 * (100vw / 750));
  margin-left: calc(60 * (100vw / 750));
  margin-bottom: calc(57 * (100vw / 750));
}

#sec04 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: calc(58 * (100vw / 750));
}



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

#sec05 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: calc(58 * (100vw / 750));
}

/*******************************
#sec06
*******************************/
#sec06{
  display: block;
  width: 100%;
  /*margin-bottom: calc(58 * (100vw / 750));*/
  position: sticky;
  top: 0;
  background: #FFFFFF;
}

#sec06 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: calc(58 * (100vw / 750));
}


/*******************************
#sec07
*******************************/
#sec07{
  display: block;
  width: 100%;
  padding-top: calc(60*(100vw / 750));
  margin-bottom: calc(60 * (100vw / 750));
  position: sticky;
  top: 0;
  background: #FFFFFF;
}


#sec07 .img0102Wrap{
  display: block;
}

#sec07 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: calc(58 * (100vw / 750));
}

#sec07 .img02{display: none;}

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

#sec08 .img01{width: 100%;}

/*******************************
#sec09
*******************************/
#sec09{
  display: block;
  width: 100%;
  margin-bottom: calc(72 * (100vw / 750));
}

#sec09 .img01{
  width: 100%;
}



/*******************************
lpFixedArea02
*******************************/
#lpFixedArea02{
  position: sticky;
  z-index: 1;
  top: 0;
  padding-bottom: calc(270 * (100vw / 750));
}


/*******************************
#sec10
*******************************/
#sec10{
  display: block;
  width: 100%;
  margin-bottom: calc(176 * (100vw / 750));
}

#sec10 .fase04Text{
  width: calc(324.7249 * (100vw / 750));
  margin-left: calc(20 * (100vw / 750));
  margin-bottom: calc(162 * (100vw / 750));
}

#sec10 .img01{
  width: calc(410 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(138 * (100vw / 750));
}

#sec10 .img01 .creditArea{
  padding-top: calc(10 * (100vw / 750));
}


#sec10 .img02{
  width: calc(634 * (100vw / 750));
  margin-left: calc(58 * (100vw / 750));
}


/*******************************
#sec11
*******************************/
#sec11{
  display: block;
  width: 100%;
}


/*******************************
lpFixedArea03
*******************************/
#lpFixedArea03{
  position: sticky;
  top: 0;
  background: #FFFCDC;
  padding: 0 0 calc(203 * (100vw / 750));
  z-index: 1;
}


/*******************************
#sec12
*******************************/
#sec12{
  display: block;
  width: 100%;
  margin-bottom: calc(82 * (100vw / 750));
  padding-top: 0;
  position: relative;
}

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

#sec12 .fase06Text{
  display: block;
  width: calc(472.3789 * (100vw / 750));
  margin-left: calc(60 * (100vw / 750));
  margin-bottom: calc(84 * (100vw / 750));
}

#sec12 .fase06TextRight{
  display: none;
}


/*******************************
#sec13
*******************************/
#sec13{
  display: block;
  margin-bottom: calc(62 * (100vw / 750));
}


#sec13 .img01,
#sec13 .img02{
  width: calc(630 * (100vw / 750));
  margin: 0 auto;
}

#sec13 .img01{
  margin-bottom: calc(34 * (100vw / 750));
}

/*******************************
#sec14
*******************************/
#sec14{
  display: block;
  width: 100%;
}

#sec14 .img01{
  width: calc(630 * (100vw / 750));
  margin: 0 auto;
}


/*******************************
lpFixedArea04
*******************************/
#lpFixedArea04{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #FFFFFF;
  padding-top: calc(59 * (100vw / 750));
}


/*******************************
#sec15
*******************************/
#sec15{
  display: block;
  width: 100%;
  margin-bottom: calc(194 * (100vw / 750));
}


#sec15 .secTTLSP{
  display: block;
  width: calc(376.8428 * (100vw / 750));
  margin-left: calc(61 * (100vw / 750));
  margin-bottom: calc(79 * (100vw / 750));
}


#FR250207LOOK .fase07Text{
  display: none;
}


#FR250207LOOK .fase07TextRight{
  display: none;
}

#sec15 .img01{
  width: calc(426 * (100vw / 750));
  margin-left: calc(257 * (100vw / 750));
}


/*******************************
#sec16
*******************************/
#sec16{
  display: block;
  width: 100%;
  margin-bottom: calc(26 * (100vw / 750));
}

#sec16 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}

/*******************************
sec1718Wrap
*******************************/
#FR250207LOOK .sec1718Wrap{
  display: block;
  width: 100%;
  margin-bottom: calc(40 * (100vw / 750));
  
}

#sec17{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(190 * (100vw / 750));
}

#sec18{
  display: block;
  width: 100%;
}

/*******************************
#sec19
*******************************/
#sec19{
  display: block;
  width: 100%;
  margin-bottom: calc(26 * (100vw / 750));
}

#sec19 .fase08Text{
  width: calc(428.6555 * (100vw / 750));
  margin-left: calc(43 * (100vw / 750));
  margin-bottom: calc(126 * (100vw / 750));
}

#sec19 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}


/*******************************
#sec20
*******************************/
#sec20{
  display: block;
  width: 100%;
  margin-bottom: calc(64 * (100vw / 750));
}


#sec20 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(121 * (100vw / 750));
}

#sec20 .img02{
  width: 100%;
}


/*******************************
lpFixedArea05
*******************************/
#lpFixedArea05{position: relative;}


/*******************************
#sec21
*******************************/
#sec21{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  margin-bottom: calc(34 * (100vw / 750));
}

#sec21 .img01{
  order: 2;
  width: calc(410 * (100vw / 750));
  margin-left: calc(273 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(186 * (100vw / 750));
}

#sec21 .img01 .creditArea{
  margin-top: calc(10 * (100vw / 750));
}


#sec21 .fase09Text{
  order: 1;
  width: calc(379.2437 * (100vw / 750));
  margin-left: calc(44 * (100vw / 750));
  margin-bottom: calc(183 * (100vw / 750));
}


#sec21 .img02{
  order: 3;
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}

/*******************************
sec2223Wrap
*******************************/
#FR250207LOOK .sec2223Wrap{
  display: block;
  width: 100%;
  margin-bottom: calc(213 * (100vw / 750));
}


#sec22{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(142 * (100vw / 750));
}

#sec23{
  width: calc(410 * (100vw / 750));
  margin-left: calc(274 * (100vw / 750));
  position: relative;
}


#FR250207LOOK #sec23 .spCreditOver .creditArea{
  position: absolute;
  left: calc(20 * (100vw / 750));
  top: calc(13 * (100vw / 750));
  width: fit-content;
  height: fit-content;
}

#FR250207LOOK #sec23 .spCreditOver .creditArea .creditLinks{text-align: left;}


#sec23 .sec23Text{
  display: block;
  width: calc(321.8719 * (100vw / 750));
  margin-top: calc(21 * (100vw / 750));
  margin-right: 0;
  margin-left: auto;
}


/*******************************
#sec24
*******************************/
#sec24{
  display: block;
  width: 100%;
  margin-bottom: calc(182 * (100vw / 750));
}

#sec24 .fase10Text{
  width: calc(303.3843  * (100vw / 750));
  margin-top: calc(35 * (100vw / 750));
  margin-left: calc(34 * (100vw / 750));
}


/*******************************
sec2526Wrap
*******************************/
#FR250207LOOK .sec2526Wrap{
  display: block;
  margin-bottom: calc(124 * (100vw / 750));
}


#sec25{
  width: calc(572 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(216 * (100vw / 750));
}

#sec25 .creditArea{
  padding-top: calc(8 * (100vw / 750));
}

#sec26{
  width: 100%;
}


/*******************************
#sec27
*******************************/
#sec27{
  display: block;
  width: 100%;
  margin-bottom: calc(154 * (100vw / 750));
}

#sec27 .img01{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(34 * (100vw / 750));
}

#sec27 .fase12Text{
  width: calc(317.2237 * (100vw / 750));
  margin-left: calc(59 * (100vw / 750));
}


/*******************************
#sec28
*******************************/
#sec28{
  display: block;
  width: 100%;
  margin-bottom: calc(158 * (100vw / 750));
}

#sec28 .img01{
  width: calc(410 * (100vw / 750));
  margin-left: calc(281 * (100vw / 750));
}

#sec28 .creditArea{
  padding-top: calc(8 * (100vw / 750));
}


/*******************************
sec2930Wrap
*******************************/
#FR250207LOOK .sec2930Wrap{
  display: block;
  width: 100%;
  margin-bottom: calc(184 * (100vw / 750));
}


#sec29{
  width: 100%;
  margin-bottom: calc(141 * (100vw / 750));
}

#sec30{
  width: calc(634 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(28 * (100vw / 750));
}

#sec30 .fase14Text{
  width: calc(634 * (100vw / 750));
  margin-top: calc(24 * (100vw / 750));
  margin-left: auto;
  margin-right: auto;
}

#sec30 .fase14Text > picture{
  display: block;
  width: calc(330.021 * (100vw / 750));
}


/*******************************
#sec31
*******************************/
#sec31{
  display: block;
  width: 100%;
  margin-bottom: calc(173 * (100vw / 750));
}

#sec31 .img01{
  width: 100%;
}

#FR250207LOOK #sec31 .spCreditOver .creditArea{
  right: auto;
  left: calc(20*(100vw / 750));
}


#FR250207LOOK #sec31 .spCreditOver .creditArea .creditLinks{
  text-align: left;
}

#sec31 .fase14Text{
  display: none;
}


/*******************************
sec2930Wrap
*******************************/
#FR250207LOOK .sec3233Wrap{
  display: block;
  width: 100%;
}

#sec32{
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
}

#sec33{
  width: 100%;
  padding-top: calc(39 * (100vw / 750));
  position: sticky;
  top: 0;
  z-index: 2;
  background: #FFFFFF;
}

#sec33 .ttlLast{
  width: calc(361.9738 * (100vw / 750));
  margin-left: calc(39 * (100vw / 750));
  margin-bottom: calc(234 * (100vw / 750));
}

#sec33 .img01{
  width: calc(410 * (100vw / 750));
  margin-left: auto;
  margin-right: calc(44 * (100vw / 750));
  margin-bottom: calc(36 * (100vw / 750));
}


#sec33 .staffList{
  width: calc(407.9008 * (100vw / 750));
  margin-right: calc(44 * (100vw / 750));
  margin-left: auto;
}


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