@charset "UTF-8";

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}

/* ===============================================### 
共通パーツ
###=============================================== */
.FR240613SSitem {
  font-feature-settings: "palt";
  --text-primary-color: #58595b;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .FR240613SSitem {
    --width-primary: 140rem;
  }

  .FR240613SSitem .sp-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .FR240613SSitem {
    --width-primary: calc(750 * (100vw / 750));
  }

  .FR240613SSitem .pc-only {
    display: none;
  }
}

.FR240613SSitem img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
/************** Font **************/
.Cormorant-Infant {
  font-family: "cormorant-infant", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.Parfumerie-Script {
  font-family: "parfumerie-script", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (min-width: 768px) {
  .Yu-Mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
      "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
}

@media screen and (max-width: 767px) {
  .Hiragino-Mincho {
    font-family: "hiragino-mincho-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
}

/* ===============================================### 
メインビジュアル
###=============================================== */
.FR240613SSitem .mv {
  width: 120rem;
  margin: 0 auto;
}
.FR240613SSitem .mv__text {
  margin-top: 5.6rem;
  font-size: 1.4rem;
  line-height: 2.1;
  letter-spacing: 0.16em;
  text-align: center;
  color: var(--text-primary-color);
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .mv {
    width: var(--width-primary);
  }

  .FR240613SSitem .mv__text {
    margin-top: calc(107 * (100vw / 750));
    font-size: calc(27 * (100vw / 750));
    line-height: 1.9259259259;
    letter-spacing: 0.12em;
  }
}
/* ===============================================### 
サイドテキスト
###=============================================== */
.FR240613SSitem .side__text {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 2.2rem;
  width: 3.14rem;
  z-index: 20;
  pointer-events: none;
}

/*** animation ***/
.FR240613SSitem .js-show-text {
  opacity: 0;
  transition: opacity 1s ease;
}

.FR240613SSitem .js-show-text.is-active {
  opacity: 1;
  transition: opacity 1s ease;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .side__text {
    right: calc(17 * 100vw / 750);
    width: calc(49 * 100vw / 750);
  }
}

/* ===============================================### 
共通コンテンツ
###=============================================== */
.FR240613SSitem .content__inner {
  width: var(--width-primary);
  margin-inline: auto;
}
.FR240613SSitem .credit__text {
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: var(--text-primary-color);
  white-space: nowrap;
}

/*** image ***/
.FR240613SSitem .content__image img {
  width: 100%;
  height: auto;
}

.FR240613SSitem .js-image-show img {
  opacity: 0;
  filter: blur(1rem);
  transition: all 0.5s ease-in;
}

.FR240613SSitem .js-image-show.on img {
  opacity: 1;
  filter: blur(0);
}

/*** hover ***/
.FR240613SSitem .link__hover {
  opacity: 0;
}

.FR240613SSitem .link__hover.js-image-show.on {
  opacity: 1;
  transition: all 0.5s ease-in;
  background-color: #fff;
}

.FR240613SSitem .link__hover a:hover img {
  opacity: 0.7;
}

.FR240613SSitem [class*="grid__item"] {
  width: fit-content;
  height: fit-content;
  position: relative;
}

@media screen and (min-width: 768px) {
  .FR240613SSitem .flex-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }

  .FR240613SSitem .credit__text {
    margin-left: 3rem;
    margin-bottom: -0.5rem;
  }
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .credit__text {
    font-size: calc(24 * 100vw / 750);
    line-height: 1.65;
  }

  .FR240613SSitem .credit__text li {
    display: inline-block;
  }
}
/* ===============================================### 
スライド
###=============================================== */
.FR240613SSitem .slick-dots {
  position: absolute;
  margin: 0;
  bottom: 1rem;
  left: 0.4rem;
}

.FR240613SSitem .slick-dots li {
  margin: 0 0.6rem;
}

.FR240613SSitem .slick-dots li button {
  width: 0.6rem;
  height: 0.6rem;
  border: 0.1rem solid #000;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .FR240613SSitem .slick-dots {
    position: absolute;
    margin: 0;
    bottom: calc(20 * 100vw / 750);
    left: calc(11 * 100vw / 750);
  }

  .FR240613SSitem .slick-dots li {
    margin: 0 calc(9.3 * 100vw / 750);
  }

  .FR240613SSitem .slick-dots li button {
    width: calc(10 * 100vw / 750);
    height: calc(10 * 100vw / 750);
  }
}

/* ===============================================### 
コンテンツ1
###=============================================== */
.FR240613SSitem .content01 {
  margin-top: 9.4rem;
}

.FR240613SSitem .content01 .grid-wrapper {
  display: grid;
  grid-template-columns: 52rem 1fr;
  grid-template-rows: 59.5rem 25.7rem 28rem;
  margin-left: 28rem;
}

.FR240613SSitem .content01 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.FR240613SSitem .content01 .grid__item02 {
  grid-column: 2;
  grid-row: 2;
  z-index: 1;
}

.FR240613SSitem .content01 .slide-wrapper {
  width: 55rem;
}

/*** text ***/
.FR240613SSitem .content01 .credit__text {
  margin-top: 2.5rem;
  margin-left: 0;
  margin-bottom: 0;
}

/*** image ***/
.FR240613SSitem .content01 .content__item02 .content__image {
  width: 36rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content01 {
    margin-top: calc(127 * 100vw / 750);
  }

  .FR240613SSitem .content01 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content01 .slide-wrapper {
    width: calc(640 * 100vw / 750);
  }

  .FR240613SSitem .content01 .content__item02 {
    margin-top: calc(60 * (100vw / 750));
    margin-left: calc(169 * (100vw / 750));
  }

  /*** text ***/
  .FR240613SSitem .content01 .credit__text {
    margin-top: calc(30 * 100vw / 750);
  }

  /*** image ***/
  .FR240613SSitem .content01 .content__item02 .content__image {
    width: calc(540 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ2
###=============================================== */
.FR240613SSitem .content02 {
  margin-top: 16.3rem;
}

.FR240613SSitem .content02 .grid-wrapper {
  display: grid;
  grid-template-columns: 8rem 38rem 1fr;
  grid-template-rows: 90rem 6rem 49.3rem 7.7rem;
  column-gap: 3rem;
  margin-left: 40rem;
}

.FR240613SSitem .content02 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.FR240613SSitem .content02 .grid__item02 {
  grid-column: 2;
  grid-row: 3;
}

.FR240613SSitem .content02 .grid__item03 {
  grid-column: 3;
  grid-row: 4;
}

.FR240613SSitem .content02 .content__item02 {
  width: fit-content;
}

/*** image ***/
.FR240613SSitem .content02 .content__item01 .content__image {
  width: 60rem;
}

.FR240613SSitem .content02 .content__item02 .content__image {
  width: 38rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content02 {
    margin-top: calc(158 * 100vw / 750);
  }

  .FR240613SSitem .content02 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content02 .content__item02 {
    margin: calc(60 * 100vw / 750) auto 0;
  }

  /*** text ***/
  .FR240613SSitem .content02 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    text-align: center;
  }
  /*** image ***/
  .FR240613SSitem .content02 .content__item01 .content__image {
    width: calc(750 * 100vw / 750);
  }

  .FR240613SSitem .content02 .content__item02 .content__image {
    width: calc(530 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ3
###=============================================== */
.FR240613SSitem .content03 {
  margin-top: 16rem;
}

.FR240613SSitem .content03 .grid-wrapper {
  display: grid;
  grid-template-columns: 16.8rem 37rem 1fr;
  grid-template-rows: 15.9rem 42.9rem 60rem;
  row-gap: 1.6rem;
  margin-left: 9.7rem;
}
.FR240613SSitem .content03 .grid__item01 {
  grid-column: 2;
  grid-row: 1;
  z-index: 1;
}

.FR240613SSitem .content03 .grid__item02 {
  grid-column: 1;
  grid-row: 3;
  z-index: 1;
}

.FR240613SSitem .content03 .grid__item03 {
  grid-column: 3;
  grid-row: 2;
}

.FR240613SSitem .content03 .content__item02 {
  width: fit-content;
}

/*** text ***/
.FR240613SSitem .content03 .credit__text {
  margin-left: 0.2rem;
  margin-right: 3.1rem;
  margin-bottom: -0.5rem;
  text-align: right;
}

/*** image ***/
.FR240613SSitem .content03 .content__item01 .content__image {
  width: 40rem;
}

.FR240613SSitem .content03 .content__item02 .content__image {
  width: 40rem;
}

.FR240613SSitem .content03 .content__item03 .content__image {
  width: 58rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content03 {
    margin-top: calc(155 * 100vw / 750);
  }

  .FR240613SSitem .content03 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content03 .content__item01 {
    margin-left: calc(149 * 100vw / 750);
  }

  .FR240613SSitem .content03 .content__item03 {
    margin-top: calc(60 * 100vw / 750);
    margin-left: calc(59 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content03 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    text-align: left;
  }

  /*** image ***/
  .FR240613SSitem .content03 .content__item01 .content__image {
    width: calc(600 * 100vw / 750);
  }

  .FR240613SSitem .content03 .content__item02 .content__image {
    width: calc(540 * 100vw / 750);
  }

  .FR240613SSitem .content03 .content__item03 .content__image {
    width: calc(690 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ4
###=============================================== */
.FR240613SSitem .content04 {
  margin-top: 16rem;
}

.FR240613SSitem .content04 .grid-wrapper {
  display: grid;
  grid-template-columns: 38.9rem 1fr;
  grid-template-rows: 42rem 63rem;
  margin-left: 43rem;
}

.FR240613SSitem .content04 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.FR240613SSitem .content04 .grid__item02 {
  grid-column: 2;
  grid-row: 2;
}

.FR240613SSitem .content04 .content__item02 {
  width: fit-content;
}

/*** text ***/
.FR240613SSitem .content04 .credit__text {
  margin-left: 0;
  margin-right: 3rem;
  margin-bottom: -0.5rem;
  text-align: right;
}
/*** image ***/
.FR240613SSitem .content04 .content__item01 .content__image {
  width: 44rem;
}

.FR240613SSitem .content04 .content__item02 .content__image {
  width: 42rem;
}
@media screen and (max-width: 767px) {
  .FR240613SSitem .content04 {
    margin-top: calc(157 * 100vw / 750);
  }

  .FR240613SSitem .content04 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content04 .content__item02 {
    margin-top: calc(60 * 100vw / 750);
    margin-left: calc(180 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content04 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    text-align: left;
  }
  /*** image ***/
  .FR240613SSitem .content04 .content__item01 .content__image {
    width: calc(560 * 100vw / 750);
  }

  .FR240613SSitem .content04 .content__item02 .content__image {
    width: calc(530 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ5
###=============================================== */
.FR240613SSitem .content05 {
  margin-top: 16rem;
}

.FR240613SSitem .content05 .content__item01 {
  width: fit-content;
  margin-left: 12rem;
}

/*** image ***/
.FR240613SSitem .content05 .content__item01 .content__image {
  width: 55rem;
}
@media screen and (max-width: 767px) {
  .FR240613SSitem .content05 {
    margin-top: calc(158 * 100vw / 750);
  }

  .FR240613SSitem .content05 .content__item01 {
    margin: 0 auto;
  }

  /*** text ***/
  .FR240613SSitem .content05 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    text-align: center;
  }

  /*** image ***/
  .FR240613SSitem .content05 .content__item01 .content__image {
    width: calc(750 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ6
###=============================================== */
.FR240613SSitem .content06 {
  margin-top: 16rem;
}

.FR240613SSitem .content06 .content__item01 {
  width: 61.1rem;
  margin-left: 45rem;
}

/*** text ***/
.FR240613SSitem .content06 .credit__text {
  margin-bottom: -0.5rem;
}

/*** image ***/
.FR240613SSitem .content06 .slide-wrapper {
  width: 50rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content06 {
    margin-top: calc(158 * 100vw / 750);
  }

  .FR240613SSitem .content06 .content__item01 {
    margin-left: calc(120 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content06 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    margin-bottom: 0;
  }

  /*** image ***/
  .FR240613SSitem .content06 .slide-wrapper {
    width: calc(630 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ7
###=============================================== */
.FR240613SSitem .content07 {
  margin-top: 16rem;
}

.FR240613SSitem .content07 .grid-wrapper {
  display: grid;
  grid-template-columns: 34rem 1fr;
  grid-template-rows: 21.1rem 21.1rem 28rem 47rem;
  column-gap: 6rem;
  row-gap: 11.9rem;
  margin-left: 14rem;
}

.FR240613SSitem .content07 .grid__item01 {
  grid-column: 2;
  grid-row: 1;
  z-index: 2;
}

.FR240613SSitem .content07 .grid__item02 {
  grid-column: 1;
  grid-row: 2;
}

.FR240613SSitem .content07 .grid__item03 {
  grid-column: 2;
  grid-row: 3;
}

.FR240613SSitem .content07 .content__item03 {
  width: fit-content;
}

/*** text ***/
.FR240613SSitem .content07 .credit__text {
  margin-bottom: -0.5rem;
  margin-left: 0.8rem;
  margin-right: 2.9rem;
  text-align: right;
}

/*** image ***/
.FR240613SSitem .content07 .content__item01 .content__image {
  width: 36rem;
}

.FR240613SSitem .content07 .content__item02 .content__image {
  width: 34rem;
}

.FR240613SSitem .content07 .content__item03 .content__image {
  width: 58rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content07 {
    margin-top: calc(157 * 100vw / 750);
  }

  .FR240613SSitem .content07 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content07 .content__item01 {
    margin-left: calc(50 * 100vw / 750);
  }

  .FR240613SSitem .content07 .content__item02 {
    margin-top: calc(-41 * 100vw / 750);
    margin-left: calc(250 * 100vw / 750);
  }

  .FR240613SSitem .content07 .content__item03 {
    margin-top: calc(61 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content07 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

  /*** image ***/
  .FR240613SSitem .content07 .content__item01 .content__image {
    width: calc(520 * 100vw / 750);
  }

  .FR240613SSitem .content07 .content__item02 .content__image {
    width: calc(500 * 100vw / 750);
  }

  .FR240613SSitem .content07 .content__item03 .content__image {
    width: calc(750 * 100vw / 750);
  }
}

/* ===============================================### 
コンテンツ8
###=============================================== */
.FR240613SSitem .content08 {
  margin-top: 16.1rem;
}

.FR240613SSitem .content08 .grid-wrapper {
  display: grid;
  grid-template-columns: 74.5rem 1fr;
  grid-template-rows: 12.8rem 57rem 12.7rem;
  column-gap: 6rem;
  margin-left: 0.9rem;
}

.FR240613SSitem .content08 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.FR240613SSitem .content08 .grid__item02 {
  grid-column: 2;
  grid-row: 2;
}

.FR240613SSitem .content08 .content__item01 {
  width: fit-content;
}

/*** text ***/
.FR240613SSitem .content08 .credit__text {
  margin-bottom: -0.6rem;
  margin-right: 3rem;
  text-align: right;
}

/*** image ***/
.FR240613SSitem .content08 .content__item01 .content__image {
  width: 55rem;
}

.FR240613SSitem .content08 .content__item02 .content__image {
  width: 38rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content08 {
    margin-top: calc(154 * 100vw / 750);
  }

  .FR240613SSitem .content08 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content08 .content__item01 {
    margin-left: calc(50 * 100vw / 750);
  }

  .FR240613SSitem .content08 .content__item02 {
    margin-top: calc(60 * 100vw / 750);
    margin-left: calc(180 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content08 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    margin-bottom: 0;
    text-align: left;
  }

  /*** image ***/
  .FR240613SSitem .content08 .content__item01 .content__image {
    width: calc(650 * 100vw / 750);
  }

  .FR240613SSitem .content08 .content__item02 .content__image {
    width: calc(520 * 100vw / 750);
  }
}
/* ===============================================### 
コンテンツ9
###=============================================== */
.FR240613SSitem .content09 {
  margin-top: 16rem;
}

.FR240613SSitem .content09 .content__item01 {
  width: 57.7rem;
  margin-left: 47rem;
}

/*** text ***/
.FR240613SSitem .content09 .credit__text {
  margin-bottom: -0.3rem;
  margin-left: 3rem;
  text-align: left;
}

/*** image ***/
.FR240613SSitem .content09 .content__item01 .content__image {
  width: 46rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content09 {
    margin-top: calc(155 * 100vw / 750);
  }

  .FR240613SSitem .content09 .content__item01 {
    margin-left: 0;
  }

  /*** text ***/
  .FR240613SSitem .content09 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    margin-bottom: 0;
    margin-left: calc(121 * 100vw / 750);
    text-align: right;
  }

  /*** image ***/
  .FR240613SSitem .content09 .content__item01 .content__image {
    width: calc(600 * 100vw / 750);
  }
}

/* ===============================================### 
コンテンツ10
###=============================================== */
.FR240613SSitem .content10 {
  margin-top: 16.1rem;
}

.FR240613SSitem .content10 .grid-wrapper {
  display: grid;
  grid-template-columns: 36rem 1fr;
  grid-template-rows: 53.9rem 56rem;
  column-gap: 2rem;
  row-gap: 6.1rem;
  margin-left: 6rem;
}

.FR240613SSitem .content10 .grid__item01 {
  grid-column: 1;
  grid-row: 1;
}

.FR240613SSitem .content10 .grid__item02 {
  grid-column: 2;
  grid-row: 1;
}

.FR240613SSitem .content10 .grid__item03 {
  grid-column: 2;
  grid-row: 2;
}

/*** text ***/
.FR240613SSitem .content10 .credit__text {
  margin-bottom: -0.5rem;
  margin-right: 2.9rem;
  margin-left: 0.1rem;
  text-align: right;
}

/*** image ***/
.FR240613SSitem .content10 .content__item01 .content__image,
.FR240613SSitem .content10 .content__item02 .content__image {
  width: 36rem;
}

.FR240613SSitem .content10 .content__item03 {
  width: fit-content;
}

.FR240613SSitem .content10 .content__item03 .content__image {
  width: 84rem;
}

@media screen and (max-width: 767px) {
  .FR240613SSitem .content10 {
    margin-top: calc(159 * 100vw / 750);
  }

  .FR240613SSitem .content10 .grid-wrapper {
    display: block;
    margin-inline: auto;
  }

  .FR240613SSitem .content10 .content__item01,
  .FR240613SSitem .content10 .content__item02 {
    margin-left: calc(210 * 100vw / 750);
  }

  .FR240613SSitem .content10 .content__item02 {
    margin-top: calc(30 * 100vw / 750);
  }

  .FR240613SSitem .content10 .content__item03 {
    margin-top: calc(60 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .content10 .credit__text {
    margin-top: calc(30 * 100vw / 750);
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

  /*** image ***/
  .FR240613SSitem .content10 .content__item01 .content__image,
  .FR240613SSitem .content10 .content__item02 .content__image {
    width: calc(480 * 100vw / 750);
  }

  .FR240613SSitem .content10 .content__item03 .content__image {
    width: calc(750 * 100vw / 750);
  }
}

/* ===============================================### 
others
###=============================================== */
.FR240613SSitem .others {
  margin-top: 13.6em;
  padding-bottom: 13.7rem;
}

@media screen and (min-width: 768px) {
  .FR240613SSitem .others {
    border-bottom: 1px solid #000;
  }
}

/*** text ***/
.FR240613SSitem .link__text {
  width: fit-content;
  margin-inline: auto;
  padding-bottom: 0.6rem;
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.16;
  text-align: center;
  color: #000;
  border-bottom: 0.3rem double var(--text-primary-color);
}

.FR240613SSitem .staff__text {
  margin-top: 13.3rem;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--text-primary-color);
}

.FR240613SSitem .pc-visible {
  display: block;
}

.FR240613SSitem .sp-visible {
  display: none;
}
@media screen and (max-width: 767px) {
  .FR240613SSitem .others {
    margin-top: calc(146 * 100vw / 750);
    padding-bottom: calc(156 * 100vw / 750);
  }

  /*** text ***/
  .FR240613SSitem .link__text {
    font-size: calc(41 * 100vw / 750);
    padding-bottom: calc(15 * 100vw / 750);
    border-bottom: calc(4 * 100vw / 750) double var(--text-primary-color);
  }

  .FR240613SSitem .staff__text {
    margin-top: calc(148 * 100vw / 750);
    font-size: calc(25 * 100vw / 750);
  }
}
