@charset "UTF-8";

.archive{border-top: none!important;}

@font-face {
  font-family: "NotoSerifJP-Regular";
  src: url("../fonts/NotoSerifJP-Regular.otf") format("truetype");
  font-style: normal;
}


/*******************************
FR250317official
*******************************/
#FR250317official{
  display: block;
  width: 100%;
  padding: 0 0 calc(0 * (100vw / 750));
  box-sizing: border-box;
}

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


#FR250317official .lpSection{
  display: block;
  width: 100%;
  overflow: hidden;
}

/*******************************
img setting
*******************************/
#FR250317official .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  pointer-events: none;
}

#FR250317official .imgOuter > .outer,
#FR250317official .imgOuter picture,
#FR250317official .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#FR250317official .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}


/*******************************
creditLinks
*******************************/
#FR250317official .creditArea{
  display: block;
  padding-top: calc(28 * (100vw / 750));
  opacity: 0;
  transform: translate(0,calc(60 * (100vw / 750)));
  transition: opacity 1s ease,transform 1s ease;
}

#FR250317official .creditLinks{
  display: block;
  text-align: left;
  white-space: nowrap;
}

#FR250317official .creditLinks > a,
#FR250317official .creditLinks > span{
  display: inline-block;
  white-space: nowrap;
  font-family: "mixta-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(23 * (100vw / 750));
  letter-spacing: 0.09em;
  line-height: 1.85;
  color: #58595B;
  text-decoration: none;
  font-feature-settings: "palt";
}


#FR250317official .creditLinks > a + a,
#FR250317official .creditLinks > br.pcView + a,
#FR250317official .creditLinks > a + span,
#FR250317official .creditLinks > span + span,
#FR250317official .creditLinks > br.pcView + span,
#FR250317official .creditLinks > span + a{
  margin-left: 0.3em;
}


#FR250317official .creditLinks > a:not(:nth-last-child(1))::after{
  content: ',';
  display: inline-block;
  margin-left: 0;
}

/*******************************
fadeInSetting
*******************************/
#FR250317official .fadeInBlock{
  opacity: 0;
  transform: translate(0,calc(60 * (100vw / 750)));
  transition: opacity 1s ease,transform 1s ease;
}

#FR250317official .fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}


#FR250317official .fadeInList{}
#FR250317official .fadeInList > *{
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.2s ease;
}

#FR250317official .fadeInList > *.view{
  clip-path: inset(0);
}



/*******************************
secTTL
*******************************/
#FR250317official .secTTL{
  display: block;
}

#FR250317official .secTTL svg{
  display: block;
  width: 100%;
  height: auto;
}



/*******************************
mvBlock
*******************************/
#FR250317official .mvBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(106 * (100vw / 750));
}

#FR250317official .mvBlock .mvOuter{
  display: block;
  width: 100%;
  height: auto;
}

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

/*******************************
firstLede
*******************************/
#FR250317official .firstLede{
  display: block;
  margin: 0 auto calc(148 * (100vw / 750));
}

#FR250317official .firstLede p{
  /*
  font-family: "ryo-text-plusn", serif;
  */
  font-family: "NotoSerifJP-Regular", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: calc(26 * (100vw / 750));
  line-height: 2;
  letter-spacing: 0.14em;
  text-align: center;
  color: #58595B;
  font-feature-settings: "palt";
}

#FR250317official .firstLede p + p{
  margin-top: calc(34 * (100vw / 750));
  transform: translateX(calc(2 * (100vw / 750)));
}



/*******************************
sec01
*******************************/
#FR250317official #sec01{
  display: block;
  width: 100%;
  margin: 0 auto calc(196 * (100vw / 750));
  position: relative;
  overflow: hidden;
}


#FR250317official #sec01 .secTTL{
  width: calc(800.6787 * (100vw / 750));
  position: absolute;
  left: calc(-222.9526 * (100vw / 750));
  top: calc(1291.9597 * (100vw / 750));
  z-index: 3;
  transform: rotate(-90deg);
  transform-origin: center center;
  pointer-events: none;
}
#FR250317official #sec01 .secTTL > svg > path{
  fill: #FFE6E6;
}


#FR250317official #sec01 .img01{
  display: block;
  width: calc(560 * (100vw / 750));
  margin-left: calc(50 * (100vw / 750));
  margin-right: auto;
  margin-bottom: calc(80 * (100vw / 750));
}
#FR250317official #sec01 .img01.fadeInBlock{
  transform: translate(calc(-60 * (100vw / 750)),0);
}

#FR250317official #sec01 .img01.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}


#FR250317official #sec01 .img02{
  display: block;
  width: calc(644 * (100vw / 750));
  margin: 0 0 0 auto;
  position: relative;
  z-index: 1;
}
#FR250317official #sec01 .img02.fadeInBlock{
  transform: translate(calc(60 * (100vw / 750)),0);
}

#FR250317official #sec01 .img02.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec01 .creditArea{
  padding-left: calc(106 * (100vw / 750));
}


#FR250317official #sec01 .img02.view + .creditArea{
  opacity: 1;
  transform: translate(0,0);
}

/*******************************
sec02
*******************************/
#FR250317official #sec02{
  display: block;
  width: 100%;
  margin: 0 auto calc(190 * (100vw / 750));
  position: relative;
  z-index: 1;
}

#FR250317official #sec02::after{
  content: '';
  display: block;
  width: 100%;
  height: calc(880 * (100vw / 750));
  background: url("../img/bg_sec_02_sp.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  top: calc(600 * (100vw / 750));
  left: 0;
  z-index: -1;
}


#FR250317official #sec02 .secTTL{
  width: calc(648.8187 * (100vw / 750));
  position: absolute;
  left: calc(50.5905 * (100vw / 750));
  top: calc(990 * (100vw / 750));
  z-index: 3;
  pointer-events: none;
}
#FR250317official #sec02 .secTTL > svg > path{
  fill: #FFFFFF;
}

#FR250317official #sec02 .img01{
  display: block;
  width: calc(680 * (100vw / 750));
  margin: 0 auto calc(160 * (100vw / 750));
}

#FR250317official #sec02 .img02{
  display: block;
  width: calc(600 * (100vw / 750));
  margin: 0 auto;
}


#FR250317official #sec02 .img02.view + .creditArea{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec02 .creditArea .creditLinks{
  text-align: center;
}


/*******************************
sec03
*******************************/
#FR250317official #sec03{
  display: block;
  width: 100%;
  margin: 0 auto calc(190 * (100vw / 750));
  position: relative;
  z-index: 1;
  overflow: hidden;
}



#FR250317official #sec03 .secTTL{
  width: calc(790.2637 * (100vw / 750));
  position: absolute;
  left: calc(193.0635 * (100vw / 750));
  top: calc(1343.3281 * (100vw / 750));
  transform: rotate(90deg);
  transform-origin: center center;
  z-index: 3;
  pointer-events: none;
}
#FR250317official #sec03 .secTTL > svg > path{
  fill: #D8EBEF;
}

#FR250317official #sec03 .img01{
  display: block;
  width: calc(630 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  margin-bottom: calc(80 * (100vw / 750));
}

#FR250317official #sec03 .img01.fadeInBlock{
  transform: translate(calc(60 * (100vw / 750)),0);
}

#FR250317official #sec03 .img01.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec03 .img02{
  display: block;
  width: calc(574 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
}

#FR250317official #sec03 .img02.fadeInBlock{
  transform: translate(calc(-60 * (100vw / 750)),0);
}

#FR250317official #sec03 .img02.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}


#FR250317official #sec03 .creditArea{
  display: block;
  padding-left: calc(40 * (100vw / 750));
}

#FR250317official #sec03 .img02.view + .creditArea{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec03 .creditArea .creditLinks{
  text-align: left;
}



/*******************************
sec04
*******************************/
#FR250317official #sec04{
  display: block;
  width: 100%;
  margin: 0 auto calc(190 * (100vw / 750));
  position: relative;
  z-index: 1;
  overflow: hidden;
}


#FR250317official #sec04 .secTTL{
  width: calc(662.584 * (100vw / 750));
  position: absolute;
  left: calc(43.709 * (100vw / 750));
  top: calc(1185 * (100vw / 750));
  z-index: 3;
  pointer-events: none;
}
#FR250317official #sec04 .secTTL > svg > path{
  fill: #E1E5E7;
}

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

#FR250317official #sec04 .img02{
  display: block;
  width: calc(672 * (100vw / 750));
  margin: 0 auto;
}


#FR250317official #sec04 .creditArea{
}

#FR250317official #sec04 .img02.view + .creditArea{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec04 .creditArea .creditLinks{
  text-align: center;
}


/*******************************
sec04
*******************************/
#FR250317official #sec05{
  display: block;
  width: 100%;
  margin: 0 auto calc(200 * (100vw / 750));
  position: relative;
  z-index: 1;
  overflow: hidden;
}


#FR250317official #sec05 .secTTL{
  width: calc(721.2168 * (100vw / 750));
  position: absolute;
  left: calc(-220.8047 * (100vw / 750));
  top: calc(2347.8047 * (100vw / 750));
  z-index: 3;
  transform: rotate(-90deg);
  transform-origin: center center;
  pointer-events: none;
}
#FR250317official #sec05 .secTTL > svg > path{
  fill: #F4F3F2;
}

#FR250317official #sec05 .img01{
  display: block;
  width: calc(574 * (100vw / 750));
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(80 * (100vw / 750));
}

#FR250317official #sec05 .img01.fadeInBlock{
  transform: translate(calc(-60 * (100vw / 750)),0);
}

#FR250317official #sec05 .img01.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec05 .img02{
  display: block;
  width: calc(644 * (100vw / 750));
  margin-left: auto;
  margin-right: 0;
  margin-bottom: calc(80 * (100vw / 750));
}

#FR250317official #sec05 .img02.fadeInBlock{
  transform: translate(calc(60 * (100vw / 750)),0);
}

#FR250317official #sec05 .img02.fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec05 .img03{
  display: block;
  width: 100%;
}

#FR250317official #sec05 .creditArea{}

#FR250317official #sec05 .img03.view + .creditArea{
  opacity: 1;
  transform: translate(0,0);
}

#FR250317official #sec05 .creditArea .creditLinks{
  text-align: center;
}

/*******************************
lpBottomArea
*******************************/
#FR250317official .lpBottomArea{
  display: block;
  width: 100%;
  padding: calc(164 * (100vw / 750)) 0 calc(148 * (100vw / 750));
  background: url("../img/bg_staff_list_sp.jpg") center center no-repeat;
  background-size: cover;
}


/*******************************
allItemBtn
*******************************/
#FR250317official .allItemBtn{
  display: block;
  width: calc(242 * (100vw / 750));
  margin: 0 auto calc(154 * (100vw / 750));
  position: relative;
}

#FR250317official .allItemBtn a{
  display: block;
  width: 100%;
}

#FR250317official .allItemBtn img{
  display: block;
  width: 100%;
  height: auto;
}


/*******************************
lpStaffList
*******************************/
#FR250317official dl.lpStaffList{
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

#FR250317official dl.lpStaffList > dt,
#FR250317official dl.lpStaffList > dd{
  display: block;
  font-family: "mixta-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(25 * (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.09em;
  font-feature-settings: "palt";
  color: #58595B;
  text-align: center;
}

#FR250317official dl.lpStaffList > dt{

}

#FR250317official dl.lpStaffList > dd{
  /*transform: translateX(0.3rem);*/
}


#FR250317official dl.lpStaffList > dd > span{
  font-family: "mixta-pro", serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(25 * (100vw / 750));
  line-height: 1.75;
  letter-spacing: 0.09em;
  font-feature-settings: "palt";
  color: #58595B;
  text-align: center;
}


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