/* パンくず 追加スタイル PC */
@media only screen and (min-width: 768px) {
  .breadcrumb__list {
    padding-bottom: 1.6rem;
  }
}

/* LPコンテンツ */

/* ===============================================### 
初期設定
###=============================================== */
.aw-lookbook {
  font-family: var(--hirakaku);
  --font-en: "Outfit", sans-serif;
  --color-black: #242424;
  --color-white: #fff;
  color: #242424;
  background-color: #D8D1CA;
}

.aw-lookbook img,
.aw-lookbook svg {
  width: 100%;
  height: auto;
}


@font-face {
  font-family: "HK Grotesk";
  src:
    url("../font/Outfit-VariableFont_wght.ttf") format("ttf");
}



/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.aw-lookbook .grid-wrap {
  display: grid;
}

.aw-lookbook .flex-wrap {
  display: flex;
}

/************** text **************/
.aw-lookbook .content__title {
  margin-bottom: 0.9rem;
  font-family: var(--font-en);
  font-size: 1.3rem;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.1em;
}

.aw-lookbook .credit {
  font-size: 1.2rem;
  font-weight: var(--font-weight-light);
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.aw-lookbook .credit li:not(:first-child) {
  margin-top: 1rem;
}

.aw-lookbook .credit-price {
  font-family: var(--font-en);
  font-size: 1.1rem;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.03em;
}

.aw-lookbook .credit-icon {
  display: grid;
  place-content: center;
  padding: 5px;
  width: 8rem;
  height: 3rem;
  font-family: var(--font-en);
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  font-weight: var(--font-weight-medium);
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
}

.aw-lookbook .credit .flex-wrap {
  gap: 1rem;
  align-items: flex-start;
  justify-content: space-between;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {

  /************** text **************/
  .aw-lookbook .content__title {
    margin-left: calc(15 * (100vw / 375));
    margin-bottom: calc(10 * (100vw / 375));
    font-size: calc(13 * (100vw / 375));
    letter-spacing: 0.1em;
  }

  .aw-lookbook .credit {
    font-size: calc(12 * (100vw / 375));
    letter-spacing: 0.1em;
    line-height: 1.6;
  }

  .aw-lookbook .credit li:not(:first-child) {
    margin-top: calc(10 * (100vw / 375));
  }

  .aw-lookbook .credit li p {
    width: 71%;
  }

  .aw-lookbook .credit-price {
    font-family: var(--font-en);
    font-size: calc(11 * (100vw / 375));
    letter-spacing: 0.03em;
  }

  .aw-lookbook .credit-icon {
    padding: calc(5 * (100vw / 375));
    width: calc(80 * (100vw / 375));
    height: calc(28 * (100vw / 375));
    font-size: calc(12 * (100vw / 375));
  }

  .aw-lookbook .credit .flex-wrap {
    gap: calc(10 * (100vw / 375));
  }
}



/* ===============================================### 
アニメーション設定
###=============================================== */
.aw-lookbook .js-fade-in {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: 1s;
  transform: translateY(3rem);
}

.aw-lookbook .js-fade-in.show {
  opacity: 1;
  transform: translateY(0);
}

.aw-lookbook .js-fade-in.fade-delay01 {
  transition-delay: 0.5s;
}



/* ===============================================### 
MV
###=============================================== */
.aw-lookbook .mv {}

.aw-lookbook .mv .mv__inner {}

/************** image **************/
.aw-lookbook .mv__image {
  width: 100%;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {

  /************** image **************/
  .aw-lookbook .mv__image {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }
}



/* ===============================================### 
lead-area
###=============================================== */
.aw-lookbook .lead-area {
  margin-top: 5.9rem;
}

.aw-lookbook .lead-area .lead-area__inner {}

/************** text **************/
.aw-lookbook .lead-area .lead-title,
.aw-lookbook .lead-area .lead-text {
  font-weight: var(--font-weight-light);
  text-align: center;
}

.aw-lookbook .lead-area .lead-title {
  font-size: 1.7rem;
  letter-spacing: 0.15em;
}

.aw-lookbook .lead-area .lead-text {
  margin-top: 2rem;
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}

/************** video **************/
.aw-lookbook .content__video {
  width: 42rem;
  margin-top: 5rem;
  margin-inline: auto;
}

.aw-lookbook .content__video iframe {
  width: 100%;
  height: auto;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .lead-area {
    margin-top: calc(46 * (100vw / 375));
  }

  .aw-lookbook .lead-area .lead-area__inner {}

  /************** text **************/
  .aw-lookbook .lead-area .lead-title,
  .aw-lookbook .lead-area .lead-text {}

  .aw-lookbook .lead-area .lead-title {
    font-size: calc(17 * (100vw / 375));
    letter-spacing: 0.1em;
  }

  .aw-lookbook .lead-area .lead-text {
    margin-top: calc(20 * (100vw / 375));
    font-size: calc(13 * (100vw / 375));
    line-height: 1.6;
    letter-spacing: 0.1em;
  }

  /************** video **************/
  .aw-lookbook .content__video {
    width: calc(375 * (100vw / 375));
    margin-top: calc(60 * (100vw / 375));
    margin-inline: auto;
  }
}



/* ===============================================### 
コンテンツ01
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content01 {
    margin-top: 11.8rem;
  }

  .aw-lookbook .content01 .content__inner {
    position: relative;
    width: 100rem;
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content01 .grid-wrap {
    grid-template-columns: 40rem 8rem 52rem;
    grid-template-rows: 9.7rem 48.4rem 16.6rem;
  }

  .aw-lookbook .content01 .grid__item01 {
    grid-column: 3/4;
    grid-row: 1/4;
  }

  /************** text **************/
  .aw-lookbook .content01 .credit {
    margin-top: 1.7rem;
    margin-left: 0rem;
    width: 49.3rem;
  }

  /************** image **************/
  .aw-lookbook .content01 .grid__item01 .content__image {
    width: 52rem;
  }

  .aw-lookbook .content01 .img02 {
    position: absolute;
    width: 40rem;
    top: 10rem;
    left: 0;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content01 {
    margin-top: calc(57 * (100vw / 375));
  }

  .aw-lookbook .content01 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content01 .grid-wrap {
    display: block;
  }

  .aw-lookbook .content01 .grid__item02 {
    margin-top: calc(20 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content01 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(19 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content01 .grid__item01 .content__image {
    width: calc(320 * (100vw / 375));
  }

  .aw-lookbook .content01 .grid__item02 .content__image {
    width: calc(375 * (100vw / 375));
  }

  .img02 {
    margin-top: calc(20* (100vw /375));
  }
}




/* ===============================================### 
コンテンツ02
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content02 {
    margin-top: 15.6rem;
  }

  .aw-lookbook .content02 .content__inner {
    position: relative;
    width: 100rem;
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content02 .grid-wrap {
    grid-template-columns: 55.9rem 4.1rem 40rem;
    grid-template-rows: 12.3rem 53rem 23rem;
  }

  .aw-lookbook .content02 .grid__item01 {
    grid-column: 1/3;
    grid-row: 1/4;
  }


  /************** text **************/
  .aw-lookbook .content02 .credit {
    width: 49.5rem;
    margin-top: 1.9rem;
  }

  /************** image **************/
  .aw-lookbook .content02 .img03 {
    width: 60rem;
  }

  .aw-lookbook .content02 .img04 {
    position: absolute;
    top: 12rem;
    right: 0;
    width: 44rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content02 {
    margin-top: calc(58 * (100vw / 375));
  }

  .aw-lookbook .content02 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content02 .grid-wrap {
    display: block;
  }

  .aw-lookbook .content02 .grid__item02 {
    margin-top: calc(-50 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content02 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(17 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content02 .img03 {
    width: calc(375 * (100vw / 375));
  }

  .aw-lookbook .content02 .img04 {
    width: calc(305 * (100vw / 375));
    margin-inline: auto;
    margin-top: calc(-50* (100vw /375));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content03 {
    margin-top: 11.5rem;
  }

  .aw-lookbook .content03 .content__inner {
    position: relative;
    width: 124rem;
    margin-inline: auto;
  }

  .aw-lookbook .content03 .slide-wrap {
    width: 50rem;
  }

  /************** grid **************/
  .aw-lookbook .content03 .grid-wrap {
    grid-template-columns: 31rem 0.9rem 28.1rem 3.6rem 46.6rem;
    grid-template-rows: 9.1rem 9.2rem 28.1rem 9.1rem 16rem;
  }

  .aw-lookbook .content03 .grid__item01 {
    grid-column: 4/6;
    grid-row: 1/6;
  }

  /************** text **************/
  .aw-lookbook .content03 .credit {
    margin-top: 1.7rem;
    margin-left: 0;
    width: 49.5rem;
  }

  /************** image **************/
  .aw-lookbook .content03 .img05 {
    width: 52rem;
  }

  .aw-lookbook .content03 .img06 {
    position: absolute;
    top: 10rem;
    left: 12rem;
    width: 40rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content03 .content__title {
    margin-left: calc(55 * (100vw / 375));
  }

  .aw-lookbook .content03 {
    margin-top: calc(59 * (100vw / 375));
  }

  .aw-lookbook .content03 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  .aw-lookbook .content03 .slide-wrap {
    width: calc(375 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content03 .credit {
    width: calc(346 * (100vw / 375));
    margin-top: calc(16 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content03 .img05 {
    margin-left: auto;
    width: calc(320 * (100vw / 375));
  }

  .aw-lookbook .content03 .img06 {
    width: calc(320 * (100vw / 375));
    margin-top: calc(20* (100vw /375));
  }

}



/* ===============================================### 
コンテンツ04
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content04 {
    margin-top: 13.7rem;
  }

  .aw-lookbook .content04 .content__inner {
    position: relative;
    width: 120rem;
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content04 .grid-wrap {
    grid-template-columns: 10.6rem 54.5rem;
    grid-template-rows: 63.6rem 20rem;
  }

  .aw-lookbook .content04 .grid__item01 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    width: 50rem;
  }



  /************** text **************/
  .aw-lookbook .content04 .credit {
    margin-top: 0.7rem;
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    width: 49.7rem;
  }

  /************** image **************/

  .aw-lookbook .content04 .grid__item02 {
    width: 63rem;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 9.4rem;
    left: 5rem;
  }

  .aw-lookbook .content04 .img08 {
    width: 31rem;
  }

  .aw-lookbook .content04 .img09 {
    width: 31rem;
    margin-top: 9.2rem;
  }

  .aw-lookbook .content04 .grid__item03 {
    display: flex;
    justify-content: center;
    grid-column: 2 / 4;
    grid-row: 3 / 3;
    width: 99rem;
  }

  .aw-lookbook .content04 .img10,
  .aw-lookbook .content04 .img11 {
    width: 49.5rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content04 {
    margin-top: calc(57 * (100vw / 375));
  }

  .aw-lookbook .content04 .content__inner {
    width: calc(375 * (100vw / 375));
  }

  /************** grid **************/
  .aw-lookbook .content04 .grid-wrap {
    display: block;
  }


  /************** text **************/

  .aw-lookbook .content04 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(16 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content04 .img07 {
    width: calc(375* (100vw /375));
  }

  .aw-lookbook .content04 .grid__item02 {
    display: flex;
    justify-content: center;
    gap: calc(7* (100vw /375));
    margin-top: calc(20* (100vw /375));
  }

  .aw-lookbook .content04 .img08 {
    width: calc(170* (100vw /375));
  }

  .aw-lookbook .content04 .img09 {
    width: calc(170* (100vw /375));
    margin-top: calc(50* (100vw /375));
  }

  .aw-lookbook .content04 .grid__item03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(37 * (100vw / 375));
  }

  .aw-lookbook .content04 .img10,
  .aw-lookbook .content04 .img11 {
    width: calc(305* (100vw /375));
  }


}



/* ===============================================### 
コンテンツ05
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content05 {
    margin-top: 10.3rem;
  }

  .aw-lookbook .content05 .content__inner {
    position: relative;
    width: 110rem;
    margin-inline: auto;
  }

  .aw-lookbook .content05 .slide-wrap {
    width: 50rem;
  }

  /************** grid **************/
  .aw-lookbook .content05 .grid-wrap {
    grid-template-columns: 47rem 2.9rem 28.3rem 0.7rem 31rem;
    grid-template-rows: 9.2rem 9.1rem 28.1rem 17.3rem;
  }

  .aw-lookbook .content05 .grid__item01 {
    grid-column: 1/3;
    grid-row: 1/6;
  }

  .aw-lookbook .content05 .grid__item02 {
    position: absolute;
    width: 63rem;
    top: 9.2rem;
    right: 0;
    display: flex;
    justify-content: space-between;
  }

  .aw-lookbook .content05 .img13 {
    width: 31rem;
  }

  .aw-lookbook .content05 .img14 {
    width: 31rem;
    margin-top: 9rem;
  }


  /************** text **************/
  .aw-lookbook .content05 .credit {
    margin-top: 0.7rem;
    width: 49.5rem;
    grid-column: 1 / 3;
    grid-row: 5 / 6;
  }

  /************** image **************/
  .aw-lookbook .content05 .grid__item01 .content__image {
    width: 50rem;
  }

  .aw-lookbook .content05 .grid__item03 .content__image {
    width: 31rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content05 {
    margin-top: calc(59 * (100vw / 375));
  }

  .aw-lookbook .content05 .content__inner {
    width: calc(375 * (100vw / 375));
  }

  .aw-lookbook .content05 .slide-wrap {
    width: calc(375 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content05 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(19 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content05 .grid__item02 {
    display: flex;
    justify-content: center;
    gap: calc(7* (100vw /375));
    margin-top: calc(20* (100vw /375));
  }

  .aw-lookbook .content05 .img13 {
    width: calc(170* (100vw /375));
  }

  .aw-lookbook .content05 .img14 {
    width: calc(170* (100vw /375));
    margin-top: calc(50* (100vw /375));
  }

}



/* ===============================================### 
コンテンツ06
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content06 {
    margin-top: 10rem;
  }

  .aw-lookbook .content06 .title-wrap {
    width: 100rem;
    margin-inline: auto;
  }

  .aw-lookbook .content06 .slide-wrap {
    width: 100%;
  }

  /************** text **************/
  .aw-lookbook .content06 .credit-wrap {
    width: fit-content;
    margin-inline: auto;
  }

  .aw-lookbook .content06 .credit {
    width: 49.5rem;
    margin-top: 1.6rem;
    margin-left: 50.4rem;
  }

  /************** image **************/
  .aw-lookbook .content06 .content__image {
    width: 37.5rem;
  }
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content06 {
    margin-top: calc(57 * (100vw / 375));
  }

  .aw-lookbook .content06 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  .aw-lookbook .content06 .title-wrap {
    width: fit-content;
    margin-left: calc(14 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content06 .content__title {
    margin-left: 0;
  }

  .aw-lookbook .content06 .credit-wrap {
    width: fit-content;
    margin-inline: auto;
  }

  .aw-lookbook .content06 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(17 * (100vw / 375));
    margin-left: 0;
  }

  /************** image **************/
  .aw-lookbook .content06 .content__image {
    width: calc(308 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ07
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content07 {
    margin-top: 9.8rem;
  }

  .aw-lookbook .content07 .content__inner {
    position: relative;
    width: 100rem;
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content07 .grid-wrap {
    grid-template-columns: 40rem 8rem 52rem;
    grid-template-rows: 9.7rem 48.4rem 16.6rem;
  }

  .aw-lookbook .content07 .grid__item01 {
    grid-column: 3/4;
    grid-row: 1/4;
  }

  .aw-lookbook .content07 .grid__item02 {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  /************** text **************/
  .aw-lookbook .content07 .credit {
    margin-top: 1.7rem;
    margin-left: 0;
    width: 49.4rem;
  }

  /************** image **************/
  .aw-lookbook .content07 .grid__item01 .content__image {
    width: 52rem;
  }

  .aw-lookbook .content07 .img18 {
    position: absolute;
    top: 10rem;
    left: 0;
    width: 40rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content07 {
    margin-top: calc(57 * (100vw / 375));
  }

  .aw-lookbook .content07 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content07 .grid-wrap {
    display: block;
  }

  .aw-lookbook .content07 .grid__item02 {
    margin-top: calc(20 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content07 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(19 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content07 .img17 {
    margin-left: auto;
    width: calc(320 * (100vw / 375));
  }

  .aw-lookbook .content07 .img18 {
    width: calc(320 * (100vw / 375));
    margin-top: calc(20* (100vw /375));
  }
}




/* ===============================================### 
コンテンツ08
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content08 {
    margin-top: 15.6rem;
  }

  .aw-lookbook .content08 .content__inner {
    position: relative;
    width: 100rem;
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content08 .grid-wrap {
    grid-template-columns: 55.9rem 4.1rem 40rem;
    grid-template-rows: 12.3rem 53rem 23rem;
  }

  .aw-lookbook .content08 .grid__item01 {
    grid-column: 1/3;
    grid-row: 1/4;
  }

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

  /************** text **************/
  .aw-lookbook .content08 .credit {
    width: 49.5rem;
    margin-top: 1.7rem;
  }

  /************** image **************/
  .aw-lookbook .content08 .img19 {
    width: 60rem;
  }

  .aw-lookbook .content08 .img20 {
    position: absolute;
    top: 12rem;
    right: 0;
    width: 44rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content08 {
    margin-top: calc(58 * (100vw / 375));
  }

  .aw-lookbook .content08 .content__inner {
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }

  /************** grid **************/
  .aw-lookbook .content08 .grid-wrap {
    display: block;
  }

  .aw-lookbook .content08 .grid__item02 {
    margin-top: calc(-50 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content08 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(17 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content08 .img19 {
    width: calc(375 * (100vw / 375));
  }

  .aw-lookbook .content08 .img20 {
    width: calc(305 * (100vw / 375));
    margin-inline: auto;
    margin-top: calc(-50* (100vw /375));
  }
}



/* ===============================================### 
コンテンツ09
###=============================================== */
@media screen and (min-width: 768px) {

  .aw-lookbook .content09 {
    margin-top: 11.3rem;
  }

  .aw-lookbook .content09 .content__inner {
    position: relative;
    width: 110rem;
    margin-inline: auto;
  }

  .aw-lookbook .content09 .slide-wrap {
    width: 50rem;
  }

  /************** grid **************/
  .aw-lookbook .content09 .grid-wrap {
    grid-template-columns: 47rem 2.9rem 28.3rem 0.7rem 31rem;
    grid-template-rows: 9.2rem 9.1rem 28.1rem 17.3rem;
  }

  .aw-lookbook .content09 .grid__item01 {
    grid-column: 1/3;
    grid-row: 1/6;
  }

  .aw-lookbook .content09 .grid__item02 {
    position: absolute;
    width: 63rem;
    top: 9.2rem;
    right: 0;
    display: flex;
    justify-content: space-between;
  }

  .aw-lookbook .content09 .img22 {
    width: 31rem;
  }

  .aw-lookbook .content09 .img23 {
    width: 31rem;
    margin-top: 9rem;
  }


  /************** text **************/
  .aw-lookbook .content09 .credit {
    margin-top: 0.7rem;
    width: 49.5rem;
    grid-column: 1 / 3;
    grid-row: 5 / 6;
  }

  /************** image **************/
  .aw-lookbook .content05 .grid__item01 .content__image {
    width: 50rem;
  }

  .aw-lookbook .content05 .grid__item03 .content__image {
    width: 31rem;
  }
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content09 {
    margin-top: calc(59 * (100vw / 375));
  }

  .aw-lookbook .content09 .content__inner {
    width: calc(375 * (100vw / 375));
  }

  .aw-lookbook .content09 .slide-wrap {
    width: calc(375 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .content09 .credit {
    width: calc(345 * (100vw / 375));
    margin-top: calc(19 * (100vw / 375));
    margin-inline: auto;
  }

  /************** image **************/
  .aw-lookbook .content09 .img21 {
    width: calc(320* (100vw /375));
  }

  .aw-lookbook .content09 .grid__item02 {
    display: flex;
    justify-content: center;
    gap: calc(7* (100vw /375));
    margin-top: calc(20* (100vw /375));
  }

  .aw-lookbook .content09 .img22 {
    width: calc(170* (100vw /375));
  }

  .aw-lookbook .content09 .img23 {
    width: calc(170* (100vw /375));
    margin-top: calc(50* (100vw /375));
  }

}




/* ===============================================### 
profile
###=============================================== */
.aw-lookbook .profile-area {
  margin-top: 9.9rem;
}

.aw-lookbook .profile-area__inner {
  width: 68.5rem;
  margin-inline: auto;
  border: 1px solid #707070;
}

.aw-lookbook .profile-item {
  padding: 3rem 2.9rem;
}

.aw-lookbook .profile-item.flex-wrap {
  justify-content: space-between;
}

.aw-lookbook .profile-text.text-wrap {
  width: 40rem;
}

/************** text **************/
.aw-lookbook .profile-name {
  font-size: 1.4rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
}

.aw-lookbook .profile-detail {
  margin-top: 1rem;
  font-size: 1.3rem;
  font-weight: var(--font-weight-light);
  line-height: 1.5;
  letter-spacing: 0.1em;
}

/************** image **************/
.aw-lookbook .profile-image {
  width: 20rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .profile-area {
    margin-top: calc(58 * (100vw / 375));
  }

  .aw-lookbook .profile-area__inner {
    width: calc(345 * (100vw / 375));
  }

  .aw-lookbook .profile-item {
    padding: calc(20 * (100vw / 375)) calc(20 * (100vw / 375));
  }

  .aw-lookbook .profile-item.flex-wrap {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: calc(19 * (100vw / 375));
  }

  .aw-lookbook .profile-text.text-wrap {
    width: calc(305 * (100vw / 375));
  }

  /************** text **************/
  .aw-lookbook .profile-name {
    font-size: calc(13 * (100vw / 375));
    letter-spacing: 0.1em;
  }

  .aw-lookbook .profile-detail {
    margin-top: calc(10 * (100vw / 375));
    font-size: calc(13 * (100vw / 375));
    line-height: 1.5;
    letter-spacing: 0.1em;
  }

  /************** image **************/
  .aw-lookbook .profile-image {
    width: calc(225 * (100vw / 375));
  }
}



/* ===============================================### 
top-button
###=============================================== */
.aw-lookbook .top-button {
  margin-top: 7.2rem;
  padding-bottom: 6.6rem;
}

.aw-lookbook .top-button a {
  display: grid;
  place-content: center;
  transform: translateY(-50%);
  width: 28rem;
  height: 5rem;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: var(--font-weight-semibold);
  text-align: center;
  color: #fff;
  background-color: #242424;
  font-weight: 300;
  letter-spacing: 0.1em;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .top-button {
    margin-top: calc(78 * (100vw / 375));
    padding-bottom: calc(47 * (100vw / 375));
  }

  .aw-lookbook .top-button a {
    width: calc(280 * (100vw / 375));
    height: calc(50 * (100vw / 375));
    font-size: calc(14 * (100vw / 375));
  }
}