/* パンくず 追加スタイル 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: #E9E7E5;
}

.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.03em;
}

.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.03em;
  }

  .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: 5px;
    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
###=============================================== */
.aw-lookbook .content01{
  margin-top: 9.8rem;
}

.aw-lookbook .content01 .content__inner{
  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;
}

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

/************** text **************/
.aw-lookbook .content01 .credit{
  margin-top: 0.7rem;
  margin-left: 2.5rem;
}

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

.aw-lookbook .content01 .grid__item02 .content__image{
  width: 40rem;
}


/* ===========### 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__item01{
  }
  
  .aw-lookbook .content01 .grid__item02{
    margin-top: calc(20 * (100vw / 375));
  }
  
  /************** text **************/
  .aw-lookbook .content01 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(6 * (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));
  }
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.aw-lookbook .content02{
  margin-top: 9.6rem;
}

.aw-lookbook .content02 .content__inner{
  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;
}

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

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

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

.aw-lookbook .content02 .grid__item02 .content__image{
  position: relative;
  z-index: 1;
  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__item01{
  }
  
  .aw-lookbook .content02 .grid__item02{
    margin-top: calc(-50 * (100vw / 375));
  }
  
  /************** text **************/
  .aw-lookbook .content02 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(7 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content02 .grid__item01 .content__image{
    width: calc(375 * (100vw / 375));
  }
  
  .aw-lookbook .content02 .grid__item02 .content__image{
    width: calc(305 * (100vw / 375));
    margin-inline: auto;
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.aw-lookbook .content03{
  margin-top: 9.5rem;
}

.aw-lookbook .content03 .content__inner{
  width: 110rem;
  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;
}

.aw-lookbook .content03 .grid__item02{
  grid-column: 1/2;
  grid-row: 2/4;
}

.aw-lookbook .content03 .grid__item03{
  grid-column: 3/5;
  grid-row: 3/5;
}

/************** text **************/
.aw-lookbook .content03 .credit{
  margin-top: 0.7rem;
  margin-left: 0.5rem;
}

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

.aw-lookbook .content03 .grid__item02 .content__image{
  width: 31rem;
}

.aw-lookbook .content03 .grid__item03 .content__image{
  position: relative;
  z-index: 1;
  width: 31rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .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));
  }
  
  /************** grid **************/
  .aw-lookbook .content03 .grid-wrap{
    grid-template-columns: calc(15 * (100vw / 375)) calc(170 * (100vw / 375)) calc(6 * (100vw / 375)) calc(169 * (100vw / 375)) 1fr;
    grid-template-rows: calc(474 * (100vw / 375)) calc(21 * (100vw / 375)) calc(48 * (100vw / 375)) calc(156 * (100vw / 375)) calc(49 * (100vw / 375));
  }
  
  .aw-lookbook .content03 .grid__item01{
    grid-column: 1/6;
    grid-row: 1/2;
  }
  
  .aw-lookbook .content03 .grid__item02{
    grid-column: 2/3;
    grid-row: 3/5;
  }
  
  .aw-lookbook .content03 .grid__item03{
    grid-column: 4/5;
    grid-row: 4/6;
  }
  
  /************** text **************/
  .aw-lookbook .content03 .credit{
    width: calc(346 * (100vw / 375));
    margin-top: calc(8 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content03 .grid__item01 .content__image{
    width: calc(375 * (100vw / 375));
  }
  
  .aw-lookbook .content03 .grid__item02 .content__image{
    width: calc(170 * (100vw / 375));
  }
  
  .aw-lookbook .content03 .grid__item03 .content__image{
    width: calc(170 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.aw-lookbook .content04{
  margin-top: 10.4rem;
}

.aw-lookbook .content04 .content__inner{
  width: 100rem;
  margin-inline: auto;
}

/************** grid **************/
.aw-lookbook .content04 .grid-wrap{
  grid-template-columns: 49.5rem 1rem 49.5rem;
  grid-template-rows: 2.4rem 59.3rem 9.7rem;
}

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

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

/************** text **************/
.aw-lookbook .content04 .credit{
  margin-top: 0.7rem;
}

/************** image **************/
.aw-lookbook .content04 .grid__item01 .content__image,
.aw-lookbook .content04 .grid__item02 .content__image{
  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;
  }
  
  .aw-lookbook .content04 .grid__item01{
    margin-left: calc(55 * (100vw / 375));
  }
  
  .aw-lookbook .content04 .grid__item02{
    margin-top: calc(20 * (100vw / 375));
  }
  
  /************** text **************/
  .aw-lookbook .content04 .content__title{
    margin-left: 0;
  }

  .aw-lookbook .content04 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(6 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content04 .grid__item01 .content__image,
  .aw-lookbook .content04 .grid__item02 .content__image{
    width: calc(320 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ05
###=============================================== */
.aw-lookbook .content05{
  margin-top: 9.9rem;
}

.aw-lookbook .content05 .content__inner{
  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 9.3rem 28.1rem;
}

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

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

.aw-lookbook .content05 .grid__item03{
  grid-column: 5/6;
  grid-row: 3/5;
}

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

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

.aw-lookbook .content05 .grid__item02 .content__image{
  position: relative;
  z-index: 1;
  width: 31rem;
}

.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));
  }
  
  /************** grid **************/
  .aw-lookbook .content05 .grid-wrap{
    grid-template-columns: calc(15 * (100vw / 375)) calc(170 * (100vw / 375)) calc(6 * (100vw / 375)) calc(169 * (100vw / 375)) 1fr;
    grid-template-rows: calc(474 * (100vw / 375)) calc(21 * (100vw / 375)) calc(48 * (100vw / 375)) calc(156 * (100vw / 375)) calc(49 * (100vw / 375));
  }
  
  .aw-lookbook .content05 .grid__item01{
    grid-column: 1/6;
    grid-row: 1/2;
  }
  
  .aw-lookbook .content05 .grid__item02{
    grid-column: 2/3;
    grid-row: 3/5;
  }
  
  .aw-lookbook .content05 .grid__item03{
    grid-column: 4/5;
    grid-row: 4/6;
  }
  
  /************** text **************/
  .aw-lookbook .content05 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(8 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content05 .grid__item01 .content__image{
    width: calc(375 * (100vw / 375));
  }
  
  .aw-lookbook .content05 .grid__item02 .content__image{
    width: calc(170 * (100vw / 375));
  }
  
  .aw-lookbook .content05 .grid__item03 .content__image{
    width: calc(170 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ06
###=============================================== */
.aw-lookbook .content06{
  margin-top: 10rem;
}

.aw-lookbook .content06 .content__inner{
  /* width: 110rem; */
  /* margin-inline: auto; */
}

.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: 0.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));
  }
  
  .aw-lookbook .content06 .slide-wrap{
  }
  
  /************** 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(7 * (100vw / 375));
    margin-left: 0;
  }
  
  /************** image **************/
  .aw-lookbook .content06 .content__image{
    width: calc(308 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ07
###=============================================== */
.aw-lookbook .content07{
  margin-top: 10.1rem;
}

.aw-lookbook .content07 .content__inner{
  width: 110rem;
  margin-inline: auto;
}

/************** grid **************/
.aw-lookbook .content07 .grid-wrap{
  grid-template-columns: 31rem 0.9rem 28.1rem 3.3rem 46.7rem;
  grid-template-rows: 9.1rem 9.2rem 28.5rem 8.5rem 18.2rem;
}

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

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

.aw-lookbook .content07 .grid__item03{
  grid-column: 3/5;
  grid-row: 3/5;
}

/************** text **************/
.aw-lookbook .content07 .credit{
  margin-top: 0.7rem;
  margin-left: 0.6rem;
}

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

.aw-lookbook .content07 .grid__item02 .content__image{
  width: 31rem;
}

.aw-lookbook .content07 .grid__item03 .content__image{
  position: relative;
  z-index: 1;
  width: 31rem;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content07{
    margin-top: calc(59 * (100vw / 375));
  }
  
  .aw-lookbook .content07 .content__inner{
    width: calc(375 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** grid **************/
  .aw-lookbook .content07 .grid-wrap{
    grid-template-columns: calc(15 * (100vw / 375)) calc(170 * (100vw / 375)) calc(6 * (100vw / 375)) calc(129 * (100vw / 375)) calc(40 * (100vw / 375));
    grid-template-rows: calc(409 * (100vw / 375)) calc(28 * (100vw / 375)) calc(51 * (100vw / 375)) calc(155 * (100vw / 375)) calc(50 * (100vw / 375));
  }
  
  .aw-lookbook .content07 .grid__item01{
    grid-column: 1/5;
    grid-row: 1/2;
  }
  
  .aw-lookbook .content07 .grid__item02{
    grid-column: 2/3;
    grid-row: 3/5;
  }
  
  .aw-lookbook .content07 .grid__item03{
    grid-column: 4/6;
    grid-row: 4/6;
  }
  
  /************** text **************/
  .aw-lookbook .content07 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(6 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content07 .grid__item01 .content__image{
    width: calc(320 * (100vw / 375));
  }
  
  .aw-lookbook .content07 .grid__item02 .content__image{
    width: calc(170 * (100vw / 375));
  }
  
  .aw-lookbook .content07 .grid__item03 .content__image{
    width: calc(170 * (100vw / 375));
  }
}



/* ===============================================### 
コンテンツ08
###=============================================== */
.aw-lookbook .content08{
  margin-top: 10.2rem;
}

.aw-lookbook .content08 .content__inner{
  width: fit-content;
  margin-inline: auto;
}

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

/************** text **************/
.aw-lookbook .content08 .credit{
  margin-top: 0.7rem;
  margin-left: 0.5rem;
}

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


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .content08{
    margin-top: calc(59 * (100vw / 375));
  }
  
  .aw-lookbook .content08 .content__inner{
  }
  
  .aw-lookbook .content08 .slide-wrap{
    width: calc(375 * (100vw / 375));
  }
  
  /************** text **************/
  .aw-lookbook .content08 .credit{
    width: calc(345 * (100vw / 375));
    margin-top: calc(7 * (100vw / 375));
    margin-inline: auto;
  }
  
  /************** image **************/
  .aw-lookbook .content08 .grid__item01 .content__image{
    width: calc(375 * (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;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .aw-lookbook .top-button{
    margin-top: calc(62 * (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));
  }
}