/* ===============================================### 
共通設定
###=============================================== */
.FU241002lookitem{
  --font-ja: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-en: "pragmatica", sans-serif;
  --color-dark-green: #1B3D1F;
  --color-light-green: #A4B1A5;
  --color-gray: #B3B3B3;
  --color-white: #ffffff;
  --color-blue: #7D999F;
  --color-pink: #F6EFEA;
  --color-black: #000;
  overflow: hidden;
}

:where(.FU241002lookitem) img,
:where(.FU241002lookitem) svg{
  width: 100%;
  height: auto;
}

/* ===========### PC版用設定 ###=========== */
@media screen and (min-width: 768px) {
  .FU241002lookitem .pc-visible{
    display: block;
  }

  .FU241002lookitem .sp-visible{
    display: none;
  }

  .FU241002lookitem .image-bg{
    background-color: #ffffff;
  }

  .FU241002lookitem .image-bg a:hover{
    opacity: 0.7;
  }
}

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .pc-visible{
    display: none;
  }
  
  .FU241002lookitem .sp-visible{
    display: block;
  }
}


/* ===============================================### 
アニメーション設定
###=============================================== */
/************** fade **************/
/*** fade-in ***/
.FU241002lookitem .js-fade-in{
  opacity: 0;
  transition: opacity 1.2s;
}

.FU241002lookitem .js-fade-in.show{
  opacity: 1;
}

/*** fade-up ***/
.FU241002lookitem .js-fade-up-mv,
.FU241002lookitem .js-fade-up{
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  transition-duration: 1.5s;
  transform: translateY(30px);
}

.FU241002lookitem .js-fade-up-mv.show,
.FU241002lookitem .js-fade-up.show{
  opacity: 1;
  transform: translateY(0rem);
}

/*** slide-in ***/
.FU241002lookitem .js-slide-in-ltr{
  opacity: 0;
  visibility: hidden;
  transform: translateX(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.FU241002lookitem .js-slide-in-rtl{
  opacity: 0;
  visibility: hidden;
  transform: translateX(8rem);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.FU241002lookitem .js-slide-in-ltr{
  opacity: 0;
  visibility: hidden;
  transform: translateX(-8rem);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.FU241002lookitem .js-slide-in-ltr.show,
.FU241002lookitem .js-slide-in-rtl.show{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/************** swiper **************/
.FU241002lookitem .swiper{
  position: relative;
}

.FU241002lookitem .swiper-pagination-bullet {
  width: 4rem;
  height: 0.2rem;
}

.FU241002lookitem .swiper-container-horizontal > .swiper-pagination-bullets{
  column-gap: 1rem;
}

.FU241002lookitem .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0;
}

.FU241002lookitem .swiper-pagination-bullets {
  position: relative;
  top: 2rem;
  display: flex;
  align-items: center;
  justify-content: end;
  width: initial;
}

.FU241002lookitem .swiper-pagination-bullet {
  position: relative;
  margin: 0;
  background: var(--color-light-green);
  border-radius: 0;
  opacity: 1;
}

.FU241002lookitem .swiper-pagination-bullet-active{
  background: var(--color-light-green);
}

.FU241002lookitem .swiper-pagination-bullet::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  background-color: var(--color-dark-green);
}

.FU241002lookitem .swiper-pagination-bullet-active::before {
    -webkit-animation: paginationAnime 5s linear forwards;
    animation: paginationAnime 5s linear forwards;
}

@-webkit-keyframes paginationAnime {
  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes paginationAnime {
  100% {
    width: 100%;
    opacity: 1;
  }
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .swiper-pagination-bullets {
    top: calc(32 * (100vw / 750));
  }

  .FU241002lookitem .swiper-container-horizontal > .swiper-pagination-bullets{
    column-gap: calc(24 * (100vw / 750));
  }

  .FU241002lookitem .swiper-pagination-bullet {
    width: calc(80 * (100vw / 750));
    height: calc(4 * (100vw / 750));
  }
}


/* ===============================================### 
MV
###=============================================== */
.FU241002lookitem .mv .content-wrapper{
  position: relative;
  height: 64rem;
  background-image: url('../img/pc/mv.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

/************** text **************/
.FU241002lookitem .mv .content-wrapper .text__image{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8.2rem;
  margin-left: -40.5rem;
  width: 32rem;
  z-index: 1;
}

.FU241002lookitem .mv__text{
  margin-top: 11.3rem;
  font-family: var(--font-ja);
  font-size: 1.3rem;
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: center;
  font-feature-settings: "palt";
  color: var(--color-black);
}

.FU241002lookitem .mv__text .text02{
  margin-top: 2.2rem;
}

.FU241002lookitem .mv__text .text03{
  margin-top: 0.7rem;
  font-size: 1.1rem;
  color: #666666;
}

.FU241002lookitem .mv__text .text__image{
  width: 30.2rem;
  margin-top: 5.8rem;
  margin-inline: auto;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .mv .content-wrapper{
    height: calc(880 * (100vw / 750));
    background-image: url('../img/sp/mv.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
  }

  /************** text **************/
  .FU241002lookitem .mv .content-wrapper .text__image{
    margin-top: calc(-120 * (100vw / 750));
    margin-left: calc(-350 * (100vw / 750));
    width: calc(431 * (100vw / 750));
  }

  .FU241002lookitem .mv__text{
    margin-top: calc(126 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
  }

  .FU241002lookitem .mv__text .text02{
    margin-top: calc(41 * (100vw / 750));
  }

  .FU241002lookitem .mv__text .text03{
    margin-top: calc(17 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
  }

  .FU241002lookitem .mv__text .text__image{
    width: calc(550 * (100vw / 750));
    margin-top: calc(100 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.FU241002lookitem .credit{
  font-family: var(--font-en);
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: var(--color-black);
}

.FU241002lookitem .credit a{
  display: inline-block;
  margin-bottom: 1.5rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.1rem solid #999999;
}

.FU241002lookitem .flex-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: end;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .credit{
    font-size: calc(22 * (100vw / 750));
  }

  .FU241002lookitem .credit a{
    margin-bottom: calc(26 * (100vw / 750));
    padding-bottom: calc(3 * (100vw / 750));
  }

  .FU241002lookitem .flex-wrapper{
    flex-direction: column;
  }
}


/* ===============================================### 
コンテンツ01
###=============================================== */
.FU241002lookitem .content01{
  width: fit-content;
  margin-top: 11.5rem;
  margin-inline: auto;
}

/************** image **************/
.FU241002lookitem .content01 .content__image{
  width: 48rem;
}

/************** text **************/
.FU241002lookitem .content01 .credit{
  margin-top: 3rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content01 .credit a:nth-of-type(2),
.FU241002lookitem .content01 .credit a:nth-of-type(3),
.FU241002lookitem .content01 .credit a:nth-of-type(4){
  margin-left: 1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content01{
    margin-top: calc(131 * (100vw / 750));
  }

  /************** image **************/
  .FU241002lookitem .content01 .content__image{
    width: calc(660 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content01 .credit{
    margin-top: calc(60 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content01 .credit a:nth-of-type(2n){
    margin-left: calc(14 * (100vw / 750));
  }

  .FU241002lookitem .content01 .credit a:nth-of-type(3){
    margin-left: 0;
  }
}


/* ===============================================### 
コンテンツ02
###=============================================== */
.FU241002lookitem .content02{
  width: 96.3rem;
  margin-top: 13.5rem;
  margin-inline: auto;
}

/************** slide **************/
.FU241002lookitem .content02 .content__item01 .swiper-wrapper{
  width: 48rem;
}

.FU241002lookitem .content02 .content__item02 .swiper-wrapper{
  width: 41rem;
}

/************** grid **************/
.FU241002lookitem .content02 .grid-wrapper{
  display: grid;
  grid-template-columns: 33rem 15rem 6.1rem 42rem;
  grid-template-rows: 30rem 39.2rem 11.3rem 8.2rem;
}

.FU241002lookitem .content02 .grid__item01{
  grid-column: 1/3;
  grid-row: 1/3;
}

.FU241002lookitem .content02 .grid__item02{
  grid-column: 4/5;
  grid-row: 2/5;
}

.FU241002lookitem .content02 .grid__item03{
  grid-column: 1/2;
  grid-row: 3/4;
}

/************** text **************/
.FU241002lookitem .content02 .credit{
  margin-left: 0.2rem;
  text-align: left;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content02 .credit a:nth-of-type(2),
.FU241002lookitem .content02 .credit a:nth-of-type(3),
.FU241002lookitem .content02 .credit a:nth-of-type(5){
  margin-left: 1.1rem;
}

.FU241002lookitem .content02 .credit a:nth-of-type(7){
  margin-left: 0.8rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content02{
    width: calc(750 * (100vw / 750));
    margin-top: calc(152 * (100vw / 750));
  }

  .FU241002lookitem .content02 .content__item02{
    width: fit-content;
    margin-top: calc(70 * (100vw / 750));
    margin-inline: auto;
  }

  .FU241002lookitem .content02 .content__item03{
    margin-top: calc(89 * (100vw / 750));
  }

  /************** slide **************/
  .FU241002lookitem .content02 .content__item01 .swiper-wrapper{
    width: calc(750 * (100vw / 750));
  }

  .FU241002lookitem .content02 .content__item02 .swiper-wrapper{
    width: calc(570 * (100vw / 750));
  }

  .FU241002lookitem .content02 .swiper-pagination-bullets {
    justify-content: center;
  }

  /************** grid **************/
  .FU241002lookitem .content02 .grid-wrapper{
    display: block;
  }

  /************** text **************/
  .FU241002lookitem .content02 .credit{
    margin-left: 0;
    text-align: center;
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content02 .credit a:nth-of-type(2){
    margin-left: calc(17 * (100vw / 750));
  }

  .FU241002lookitem .content02 .credit a:nth-of-type(3){
    margin-right: calc(-7 * (100vw / 750));
  }

  .FU241002lookitem .content02 .credit a:nth-of-type(5){
    margin-left: calc(17 * (100vw / 750));
  }

  .FU241002lookitem .content02 .credit a:nth-of-type(7){
    margin-left: calc(13 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.FU241002lookitem .content03{
  position: relative;
  width: 100%;
  margin-top: 14.5rem;
  /* overflow: hidden; */
}

/* .FU241002lookitem .content03::after{
  content: '';
  position: absolute;
  top: 0;
  width: 300rem;
  background-color: var(--color-blue);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 300rem;
  z-index: -1;
  left: calc(50% - 150rem);
} */

.FU241002lookitem .content03 .content-bg{
  position: relative;
  width: 100%;
  background-color: var(--color-blue);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 43rem;
  margin-left: -10rem;
  margin-right: -10rem;
  padding-left: 10rem;
  padding-right: 10rem;
  padding-bottom: 49.7rem;
}

.FU241002lookitem .content03 .content-bg::after{
  content: '';
  position: absolute;
  top: 30rem;
  width: 100%;
  height: 62.7rem;
  background-color: var(--color-blue);
  z-index: -1;
}

.FU241002lookitem .content03 .content-wrapper{
  width: fit-content;
  margin-inline: auto;
  padding-top: 15rem;
}

/************** slide **************/
.FU241002lookitem .content03 .swiper-wrapper{
  width: 48rem;
}

.FU241002lookitem .content03 .swiper-pagination-bullets {
  justify-content: center;
}

.FU241002lookitem .content03 .swiper-pagination-bullet {
  background: var(--color-gray);
}

.FU241002lookitem .content03 .swiper-pagination-bullet-active{
  background: var(--color-gray);
}

.FU241002lookitem .content03 .swiper-pagination-bullet::before {
  background-color: var(--color-white);
}

/************** text **************/
.FU241002lookitem .content03 .credit{
  margin-top: 5.1rem;
  text-align: center;
  color: var(--color-white);
}

.FU241002lookitem .content03 .credit a{
  border-bottom: 0.1rem solid #E6E6E6;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content03 .credit a:nth-of-type(2),
.FU241002lookitem .content03 .credit a:nth-of-type(3),
.FU241002lookitem .content03 .credit a:nth-of-type(4),
.FU241002lookitem .content03 .credit a:nth-of-type(6){
  margin-left: 1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content03{
    margin-top: calc(152 * (100vw / 750));
  }

  .FU241002lookitem .content03 .content-bg{
    background-color: var(--color-blue);
    width: initial;
    height: calc(383 * (100vw / 750));
    margin-left: calc(-100 * (100vw / 750));
    margin-right: calc(-100 * (100vw / 750));
    margin-bottom: calc(961 * (100vw / 750));
    padding-left: calc(100 * (100vw / 750));
    padding-right: calc(100 * (100vw / 750));
    padding-bottom: 0;
  }

  .FU241002lookitem .content03 .content-bg::after{
    content: '';
    position: absolute;
    top: calc(300 * (100vw / 750));
    width: calc(750 * (100vw / 750));
    height: calc(1043 * (100vw / 750));
  }

  .FU241002lookitem .content03 .content-wrapper{
    padding-top: calc(180 * (100vw / 750));
  }

  /************** slide **************/
  .FU241002lookitem .content03 .swiper-wrapper{
    width: calc(660 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content03 .credit{
    margin-top: calc(89 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content03 .credit a:nth-of-type(2n){
    margin-left: calc(17 * (100vw / 750));
  }

  .FU241002lookitem .content03 .credit a:nth-of-type(3){
    margin-left: 0;
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.FU241002lookitem .content04{
  width: 74.8rem;
  margin-top: 15rem;
  margin-inline: auto;
}

.FU241002lookitem .content04 .content__item01{
  position: relative;
  z-index: 2;
}

.FU241002lookitem .content04 .content__item02{
  position: relative;
  z-index: 1;
}

/************** grid **************/
.FU241002lookitem .content04 .grid-wrapper{
  display: grid;
  grid-template-columns: 4.9rem 13.3rem 18rem 29.8rem;
  grid-template-rows: 48rem 2.9rem 64rem;
  margin-left: 4.3rem;
}

.FU241002lookitem .content04 .grid__item01{
  grid-column: 1/4;
  grid-row: 1/2;
}

.FU241002lookitem .content04 .grid__item02{
  grid-column: 2/5;
  grid-row: 3/4;
}

/************** image **************/
.FU241002lookitem .content04 .content__item01 .content__image{
  width: 36rem;
}

.FU241002lookitem .content04 .content__item02 .content__image.image01{
  position: relative;
  z-index: 1;
  width: 48rem;
}

.FU241002lookitem .content04 .content__item02 .content__image.image02{
  position: absolute;
  top: -8.9rem;
  right: -9.1rem;
  width: 18rem;
}

/************** text **************/
.FU241002lookitem .content04 .credit{
  margin-bottom: -1.6rem;
  margin-left: -0.2rem;
  text-align: right;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content04{
    width: calc(750 * (100vw / 750));
    padding-top: calc(180 * (100vw / 750));
  }

  .FU241002lookitem .content04 .flex-wrapper{
    flex-direction: column-reverse;
    align-items: center;
  }

  /************** grid **************/
  .FU241002lookitem .content04 .grid-wrapper{
    display: grid;
    grid-template-columns: calc(90 * (100vw / 750)) calc(454 * (100vw / 750)) calc(176 * (100vw / 750));
    grid-template-rows: calc(720 * (100vw / 750)) calc(30 * (100vw / 750)) calc(840 * (100vw / 750));
    margin-left: 0;
  }

  .FU241002lookitem .content04 .grid__item01{
    grid-column: 1/3;
    grid-row: 1/2;
  }

  .FU241002lookitem .content04 .grid__item02{
    grid-column: 2/4;
    grid-row: 3/4;
  }

  /************** image **************/
  .FU241002lookitem .content04 .content__item01 .content__image{
    width: calc(540 * (100vw / 750));
  }

  .FU241002lookitem .content04 .content__item02 .content__image.image01{
    width: calc(630 * (100vw / 750));
  }


  .FU241002lookitem .content04 .content__item02 .content__image.image02{
    top: calc(-330 * (100vw / 750));
    right: calc(-30 * (100vw / 750));
    width: calc(300 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content04 .credit{
    width: 100%;
    margin-top: calc(60 * (100vw / 750));
    margin-bottom: 0;
    margin-left: calc(-12 * (100vw / 750));
    text-align: left;
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content04 .credit a:nth-of-type(2){
    margin-inline: calc(16 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ05
###=============================================== */
.FU241002lookitem .content05{
  width: 66.4rem;
  margin-top: 15rem;
  margin-inline: auto;
}

.FU241002lookitem .content05 .content-wrapper{
  margin-left: 5.3rem;
}

/************** image **************/
.FU241002lookitem .content05 .content__image{
  width: 45rem;
}


/************** text **************/
.FU241002lookitem .content05 .credit{
  margin-bottom: -1.4rem;
  text-align: left;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content05{
    width: fit-content;
    margin-top: calc(172 * (100vw / 750));
  }

  .FU241002lookitem .content05 .content-wrapper{
    margin-left: 0;
  }

  .FU241002lookitem .content05 .flex-wrapper{
    align-items: center;
  }

  /************** image **************/
  .FU241002lookitem .content05 .content__image{
    width: calc(570 * (100vw / 750));
  }


  /************** text **************/
  .FU241002lookitem .content05 .credit{
    margin-top: calc(60 * (100vw / 750));
    margin-bottom: 0;
    text-align: center;
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content05 .credit a:nth-of-type(2),
  .FU241002lookitem .content05 .credit a:nth-of-type(3),
  .FU241002lookitem .content05 .credit a:nth-of-type(4){
    margin-left: calc(15 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ06
###=============================================== */
.FU241002lookitem .content06{
  width: 102rem;
  margin-top: 15rem;
  margin-inline: auto;
}

.FU241002lookitem .content06 .content__item01{
  position: relative;
  z-index: 1;
}

/************** grid **************/
.FU241002lookitem .content06 .grid-wrapper{
  display: grid;
  grid-template-columns: 45.9rem 8.1rem 3.6rem 21.6rem 22.8rem;
  grid-template-rows: 32rem 12rem 47.9rem 12.2rem 27.6rem;
}

.FU241002lookitem .content06 .grid__item01{
  grid-column: 2/5;
  grid-row: 1/3;
}

.FU241002lookitem .content06 .grid__item02{
  grid-column: 1/3;
  grid-row: 2/5;
}


.FU241002lookitem .content06 .grid__item03{
  grid-column: 4/6;
  grid-row: 4/6;
}

/************** image **************/
.FU241002lookitem .content06 .content__item01 .content__image{
  width: 33rem;
}

.FU241002lookitem .content06 .content__item02 .content__image{
  width: 54rem;
}


.FU241002lookitem .content06 .content__item03 .content__image{
  width: 30rem;
}

/************** text **************/
.FU241002lookitem .content06 .credit{
  margin-bottom: -1.6rem;
  text-align: right;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content06{
    width: calc(750 * (100vw / 750));
    margin-top: calc(152 * (100vw / 750));
  }

  .FU241002lookitem .content06 .content__item01{
    margin-left: calc(240 * (100vw / 750));
  }

  .FU241002lookitem .content06 .content__item02{
    margin-top: calc(32 * (100vw / 750));
  }

  .FU241002lookitem .content06 .content__item03{
    width: fit-content;
    margin-top: calc(28 * (100vw / 750));
    margin-left: calc(240 * (100vw / 750));
  }

  .FU241002lookitem .content06 .flex-wrapper{
    flex-direction: column-reverse;
    align-items: center;
  }

  /************** grid **************/
  .FU241002lookitem .content06 .grid-wrapper{
    display: block;
  }

  /************** image **************/
  .FU241002lookitem .content06 .content__item01 .content__image{
    width: calc(510 * (100vw / 750));
  }

  .FU241002lookitem .content06 .content__item02 .content__image{
    width: calc(690 * (100vw / 750));
  }


  .FU241002lookitem .content06 .content__item03 .content__image{
    width: calc(450 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content06 .credit{
    width: 100%;
    margin-top: calc(60 * (100vw / 750));
    margin-bottom: 0;
    text-align: left;
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content06 .credit a:nth-of-type(2n){
    margin-left: calc(17 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ07
###=============================================== */
.FU241002lookitem .content07{
  position: relative;
  width: 100%;
  margin-top: 15.1rem;
}

.FU241002lookitem .content07 .content-bg{
  background-color: var(--color-pink);
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 71rem;
  margin-left: -10rem;
  margin-right: -10rem;
  margin-bottom: 18.7rem;
  padding-left: 10rem;
  padding-right: 10rem;
}

.FU241002lookitem .content07 .content-bg::after{
  content: '';
  position: absolute;
  top: 30rem;
  width: 100%;
  height: 44.7rem;
  background-color: var(--color-pink);
  z-index: -1;
}

.FU241002lookitem .content07 .content-wrapper{
  width: 95rem;
  margin-inline: auto;
  padding-top: 15.1rem;
}

.FU241002lookitem .content07 .flex-wrapper{
  flex-direction: row-reverse;
}

/************** image **************/
.FU241002lookitem .content07 .content__image.image01{
  width: 58rem;
}

.FU241002lookitem .content07 .content__image.image02{
  width: 36rem;
}

/************** text **************/
.FU241002lookitem .content07 .credit{
  margin-top: 3.1rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content07 .credit a:nth-of-type(2n){
  margin-left: 1.2rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content07{
    margin-top: calc(180 * (100vw / 750));
  }

  .FU241002lookitem .content07 .content-bg{
    background-color: var(--color-pink);
    height: calc(383 * (100vw / 750));
    margin-left: calc(-100 * (100vw / 750));
    margin-right: calc(-100 * (100vw / 750));
    margin-bottom: calc(1300 * (100vw / 750));
    padding-left: calc(100 * (100vw / 750));
    padding-right: calc(100 * (100vw / 750));
  }

  .FU241002lookitem .content07 .content-bg::after{
    content: '';
    position: absolute;
    top: calc(300 * (100vw / 750));
    width: calc(750 * (100vw / 750));
    height: calc(1374 * (100vw / 750));
  }

  .FU241002lookitem .content07 .content-wrapper{
    width: fit-content;
    margin-inline: auto;
    padding-top: calc(174 * (100vw / 750));
  }

  .FU241002lookitem .content07 .flex-wrapper{
    flex-direction: column;
    align-items: center;
    row-gap: calc(30 * (100vw / 750));
  }

  /************** image **************/
  .FU241002lookitem .content07 .content__image.image01{
    width: calc(630 * (100vw / 750));
  }

  .FU241002lookitem .content07 .content__image.image02{
    width: calc(480 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content07 .credit{
    margin-top: calc(60 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content07 .credit a:nth-of-type(1){
    margin-left: calc(-21 * (100vw / 750));
  }

  .FU241002lookitem .content07 .credit a:nth-of-type(2){
    margin-left: calc(10 * (100vw / 750));
  }

  .FU241002lookitem .content07 .credit a:nth-of-type(4){
    margin-left: calc(17 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ08
###=============================================== */
.FU241002lookitem .content08{
  width: 98.7rem;
  margin-top: 15.1rem;
  margin-inline: auto;
}

/************** grid **************/
.FU241002lookitem .content08 .grid-wrapper{
  display: grid;
  grid-template-columns: 42rem 12rem 45rem;
  grid-template-rows: 24rem 39.6rem 28rem;
  margin-left: -0.1rem;
}


.FU241002lookitem .content08 .grid__item01{
  grid-column: 1/2;
  grid-row: 1/3;
}

.FU241002lookitem .content08 .grid__item02{
  grid-column: 3/4;
  grid-row: 2/4;
}

/************** image **************/
.FU241002lookitem .content08 .content__item01 .content__image{
  width: 42rem;
}

.FU241002lookitem .content08 .content__item02 .content__image{
  width: 45rem;
}

/************** credit **************/
.FU241002lookitem .content08 .credit{
  margin-top: 3rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content08 .content__item01 .credit a:nth-of-type(2),
.FU241002lookitem .content08 .content__item01 .credit a:nth-of-type(5){
  margin-inline: 1rem;
}

.FU241002lookitem .content08 .content__item02 .credit a:nth-of-type(2n){
  margin-left: 1.1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content08{
    width: fit-content;
    padding-top: calc(170 * (100vw / 750));
    margin-inline: auto;
  }

  .FU241002lookitem .content08 .content__item02{
    margin-top: calc(152 * (100vw / 750));
  }

  /************** grid **************/
  .FU241002lookitem .content08 .grid-wrapper{
    display: block;
    margin-left: 0;
  }

  /************** image **************/
  .FU241002lookitem .content08 .content__item01 .content__image{
    width: calc(600 * (100vw / 750));
  }

  .FU241002lookitem .content08 .content__item02 .content__image{
    width: calc(600 * (100vw / 750));
  }

  /************** credit **************/
  .FU241002lookitem .content08 .credit{
    margin-top: calc(62 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content08 .content__item01 .credit a:nth-of-type(2),
  .FU241002lookitem .content08 .content__item01 .credit a:nth-of-type(5){
    margin-inline: calc(14 * (100vw / 750));
  }

  .FU241002lookitem .content08 .content__item02 .credit a:nth-of-type(2n){
    margin-left: calc(12 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ09
###=============================================== */
.FU241002lookitem .content09{
  width: fit-content;
  margin-top: 17.2rem;
  margin-inline: auto;
}

.FU241002lookitem .content09 .content-wrapper{
  position: relative;
  width: 51rem;
  height: 68rem;
}

/************** image **************/
.FU241002lookitem .content09 .content__image.image01{
  position: absolute;
  top: 0;
  opacity: 0;
  transform: rotate(-5deg) scale(1);
  transition: opacity 1.2s ease, transform 0.9s ease-in;
  width: 51rem;
  z-index: 1;
}

.FU241002lookitem .content09 .content__image.image01.show{
  translate: none;
  rotate: none;
  scale: none;
  opacity: 1;
  transform: scale(1);
}

.FU241002lookitem .content09 .content__image.image02{
  position: absolute;
  top: 0;
  opacity: 0;
  width: 51rem;
}

.FU241002lookitem .content09 .content__image.image02.show{
  opacity: 1;
  transform: rotate(5deg) scale(1);
}

/************** credit **************/
.FU241002lookitem .content09 .credit{
  margin-top: 5.3rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content09 .credit a:nth-of-type(2n){
  margin-left: 1.1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content09{
    margin-top: calc(180 * (100vw / 750));
  }

  .FU241002lookitem .content09 .content-wrapper{
    width: calc(690 * (100vw / 750));
    height: calc(920 * (100vw / 750));
  }

  /************** image **************/
  .FU241002lookitem .content09 .content__image.image01{
    width: calc(690 * (100vw / 750));
  }

  .FU241002lookitem .content09 .content__image.image02{
    width: calc(690 * (100vw / 750));
  }

  /************** credit **************/
  .FU241002lookitem .content09 .credit{
    margin-top: calc(90 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content09 .credit a:nth-of-type(2n){
    margin-left: calc(16 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ10
###=============================================== */
.FU241002lookitem .content10{
  width: fit-content;
  margin-top: 13.4rem;
  margin-inline: auto;
}

/************** image **************/
.FU241002lookitem .content10 .content__image{
  width: 42rem;
}

/************** credit **************/
.FU241002lookitem .content10 .credit{
  margin-top: 3rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content10 .credit a:nth-of-type(2),
.FU241002lookitem .content10 .credit a:nth-of-type(4),
.FU241002lookitem .content10 .credit a:nth-of-type(5){
  margin-left: 1.1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content10{
    margin-top: calc(150 * (100vw / 750));
  }

  /************** image **************/
  .FU241002lookitem .content10 .content__image{
    width: calc(600 * (100vw / 750));
    margin-inline: auto;
  }

  /************** credit **************/
  .FU241002lookitem .content10 .credit{
    margin-top: calc(62 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content10 .credit a:nth-of-type(2),
  .FU241002lookitem .content10 .credit a:nth-of-type(4),
  .FU241002lookitem .content10 .credit a:nth-of-type(5){
    margin-left: calc(16 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ11
###=============================================== */
.FU241002lookitem .content11{
  width: fit-content;
  margin-top: 13.5rem;
  margin-inline: auto;
}

/************** slide **************/
.FU241002lookitem .content11 .swiper-pagination-bullets {
  justify-content: center;
}

/************** image **************/
.FU241002lookitem .content11 .swiper-wrapper{
  width: 42rem;
}

/************** credit **************/
.FU241002lookitem .content11 .credit{
  margin-top: 5rem;
  text-align: center;
}

/*** クレジット微調整 ***/
.FU241002lookitem .content11 .credit a:nth-of-type(2){
  margin-left: 1rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content11{
    margin-top: calc(151 * (100vw / 750));
  }

  /************** image **************/
  .FU241002lookitem .content11 .swiper-wrapper{
    width: calc(600 * (100vw / 750));
  }

  /************** credit **************/
  .FU241002lookitem .content11 .credit{
    margin-top: calc(91 * (100vw / 750));
  }

  /*** クレジット微調整 ***/
  .FU241002lookitem .content11 .credit a:nth-of-type(2){
    margin-left:calc(16 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ12
###=============================================== */
.FU241002lookitem .content12{
  position: relative;
  height: 45rem;
  background-image: url('../img/pc/content12_image01.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 13.5rem;
}

/************** text **************/
.FU241002lookitem .content12 .text__image{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12rem;
  margin-left: -36rem;
  width: 32.2rem;
  z-index: 1;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .content12{
    height: calc(580 * (100vw / 750));
    background-image: url('../img/sp/content12_image01.jpg');
    background-size: contain;
    margin-top: calc(152 * (100vw / 750));
  }

  /************** text **************/
  .FU241002lookitem .content12 .text__image{
    margin-top: calc(-184 * (100vw / 750));
    margin-left: calc(-344 * (100vw / 750));
    width: calc(351 * (100vw / 750));
  }
}



/* ===============================================### 
その他コンテンツ
###=============================================== */
.FU241002lookitem .others{
  width: 90rem;
  margin-top: 9.5rem;
  margin-bottom: 15rem;
  margin-inline: auto;
}

.FU241002lookitem .others .staff__text{
  font-family: var(--font-en);
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  font-feature-settings: "palt";
  color: var(--color-black);
}

.FU241002lookitem .others .link__button{
  width: 100%;
  margin-top: 3.5rem;
  font-family: var(--font-en);
  font-size: 2rem;
  letter-spacing: 0.075em;
  text-align: center;
  font-feature-settings: "pwid";
  color: var(--color-white);
  background-color: var(--color-blue);
}

.FU241002lookitem .others .link__button a{
  display: block;
  padding-top: 2.1rem;
  padding-bottom: 1.9rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .FU241002lookitem .others{
    width: calc(600 * (100vw / 750));
    margin-top: calc(71 * (100vw / 750));
    margin-bottom: calc(180 * (100vw / 750));
  }

  .FU241002lookitem .others .staff__text{
    font-family: var(--font-en);
    font-size: calc(22 * (100vw / 750));
  }

  .FU241002lookitem .others .link__button{
    margin-top: calc(76 * (100vw / 750));
    font-size: calc(38 * (100vw / 750));
  }

  .FU241002lookitem .others .link__button a{
    padding-top: calc(28 * (100vw / 750));
    padding-bottom: calc(28 * (100vw / 750));
  }
}