@charset "UTF-8";


/*==============================================================================================
  ▽ --------  ムラサキスポーツ様変更対応箇所 -------- ▽
==============================================================================================*/




  /*==============================================================================================
    1.メイン背景
  ==============================================================================================*/
  .look.main_bg{
    background: #fff;
  }

  /*==============================================================================================
    2.サブ背景
  ==============================================================================================*/

  .look .look__firstview__text_wrapper{
    background-color:#FFDB5C;
  }

  .look__sub_bg::before{
    background: #FFDB5C;
  }

  /*==============================================================================================
    3.タイトルテキスト周り
  ==============================================================================================*/
  .look .look__main_ttl{
    color: #FA6E59;
  }

  /* volの線の色 */
  .look__firstview__vol .look__firstview__vol_line{
    background:#FA6E59;
  }

  /* volのテキストの色 */
  .look__firstview__vol .look__firstview__vol_text{
    color:#FA6E59;
  }

  .look .look__ttl_bg{
    color:#FA6E59;
  }


  /*==============================================================================================
    4.サブ背景用テキスト
  ==============================================================================================*/
  .look .look__sub_bg_text{
    color: #111111;
  }


  /*==============================================================================================
    5.クレジット用テキスト/通常テキスト
  ==============================================================================================*/
  .look {
    color: #111111;
  }

  /*==============================================================================================
    6.スライダーエリア
  ==============================================================================================*/

  /* スライダー枠線の色 */
  .look .look__slide_wripper{
    border: #FA6E59 1px solid ;
  }

  /* スライダー見出しの文字色 */
  .look .look__slide_ttl{
    color: #FA6E59;
  }

  /* メイン背景と同じ色 */
  .look .look__slide_ttl{
    background: #fff;
  }

/*==============================================================================================
  △ --------  ムラサキスポーツ様変更対応箇所 -------- △ 
==============================================================================================*/





/*==============================================================================================
リセット関連
==============================================================================================*/

.look a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}


.look img {
  max-width: 100%;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

.look picture,
.look video {
  display: block;
}

.look .pc {
  display: none !important;
}

@media only screen and (min-width: 1024px), print {
  .look .sp {
    display: none !important;
  }
  .look .pc {
    display: block !important;
  }
  .look section{
    max-width: 1600px;
    width: 90.4%;
    margin: auto;
  }

}



/* 1rem=16pxで計算 */

.look{
  margin: auto;
}

/* サブ背景 */
.look__sub_bg{
  position: relative;
}
.look__sub_bg::before{
  content: "";
  position: absolute;
}

.look__sub_bg.look__content_second_img_03::before{
  right: auto;
  left: -22%;
  top:1.875rem;
  width: 193.3%;
  height: 109.3%;
}

.look__sub_bg.look__repeat_content_first_img_02_wrapper::before{
  left: 0;
  top: 3.9375rem;
  width: 66.7%;
  height: 94.5%;
}


.look__sub_bg.look__repeat_content_second_img_02::before{
  width: 75.6%;
  height: 69.3%;
  top: -4.3125rem;
  right: -1.875rem;
}

.look__sub_bg.look__repeat_content_fourth_img_01::before{
  width: 66%;
  height: 54%;
  top: -4.375rem;
  left: -2.375rem;
}

/* PC */
@media only screen and (min-width: 1024px), print {
  .look__sub_bg.look__content_second_img_03::before{
    right: auto;
    left: -6.25rem;
    top: 9.8125rem;
    width: 100vw;
    height: 38.125rem;
  }
  
  .look__sub_bg.look__repeat_content_first_img_02_wrapper::before{
    left: auto;
    right: -26.375rem;
    top: -7.5rem;
    width: 100vw;
    height: 120%;
  }
  
  .look__sub_bg.look__repeat_content_second_img_02::before{
    width: 100vw;
    height: 40.625rem;
    top: 8.125rem;
    left: 15.625rem;
    right: auto;
  }
  
  .look__sub_bg.look__repeat_content_fourth_img_01::before{
    width: 100vw;
    height: 40.625rem;
    top: -4.375rem;
    left: auto;
    right: 21.875rem;
  }
}


/* 画像 */
/* SP */
.look .look__sp_w-170{
  width: 45%;
}
.look .look__sp_w-220{
  width: 58%;
}
.look .look__sp_w-250{
  width: 66%;
}
.look .look__sp_w-280{
  width: 74%;
}
.look .look__sp_w-300{
  width: 80%;
}
.look .look__sp_w-375{
  width: 100%;
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .look .look__sp_w-170{
    width: 45%;
  }
  .look .look__sp_w-220{
    width: 58%;
  }
  .look .look__sp_w-250{
    width: 66%;
  }
  .look .look__sp_w-280{
    width: 74%;
  }
  .look .look__sp_w-300{
    width: 80%;
  }
  .look .look__sp_w-375{
    width: 100%;
  }

}


/* PC */
@media only screen and (min-width: 1024px), print {
  .look .look__pc_w-300{
    width: 100%;
    max-width: 18.75rem;
  }
  .look .look__pc_w-400{
    width: 100%;
    max-width: 25rem;
  }
  .look .look__pc_w-450{
    width: 100%;
    max-width: 28.125rem;
  }
  .look .look__pc_w-500{
    width: 100%;
    max-width: 31.25rem;
  }
  .look .look__pc_w-600{
    width: 100%;
    max-width: 37.5rem;
  }
  .look .look__pc_w-800{
    width: 84.1%;
    max-width: 50rem;
  }
}





/**************************************
#テキスト関連  共通箇所 sp
**************************************/
.look_en-font{
  font-family: var(--font-eng);
}

.look .look__tax{
  position: relative;
  z-index: 2;
  line-height: 2;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  margin-top: 0.5625rem;
}

.look .pc_block{
  display: inline;
}

.look .sp_block{
  display: block;
}

/**************************************
#テキスト関連  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {
  .look .look__tax{
    position: relative;
    z-index: 2;
    line-height: 2;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    margin-top: 0.5625rem;
  }
  
  .look .pc_block{
    display: inline;
  }
  
  .look .sp_block{
    display: block;
  }
  
}


/**************************************
#テキスト関連  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {

  .look .pc_block{
    display: block;
  }

  .look .look__tax{
    margin-top: 1.25rem;
  }
  
  .look .sp_block{
    display: inline;
  }
}




/**************************************
#ファーストビュー  共通箇所 sp
**************************************/

.look {
  overflow: hidden;
  margin-top: 1.875rem;
}

.look .look__main_ttl{
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.5;
  font-size: 1.75rem;
  text-align: center;
  
}

.look .look__firstview__img_wrapper{
  position: relative;
}

.look .look__firstview__img{
  width: 21.5625rem;
  margin: auto;
  margin-top: 1.4375rem;
}

.look .look__firstview__text_wrapper{
  margin-top: -3.125rem;
  padding-top: 6.1875rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  padding-bottom: 6.75rem;
}

.look .look__firstview__log{
  width: 9.375rem;
  margin: 0 auto 1.875rem;
}

.look .look__firstview_text{
  font-size: 0.8125rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.08em;
}


/**************************************
#ファーストビュー  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {

  .look {
    overflow: hidden;
    margin-top: 1.875rem;
  }
  
  .look .look__main_ttl{
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: 1.5;
    font-size: 1.75rem;
    text-align: center;
    
  }
  
  .look .look__firstview__img_wrapper{
    position: relative;
  }
  
  .look .look__firstview__img{
    width: 41.5625rem;
    margin: auto;
    margin-top: 1.4375rem;
  }
  
  .look .look__firstview__text_wrapper{
    margin-top: -3.125rem;
    padding-top: 6.1875rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    padding-bottom: 6.75rem;
  }
  
  .look .look__firstview__log{
    width: 9.375rem;
    margin: 0 auto 1.875rem;
  }
  
  .look .look__firstview_text{
    font-size: 0.8125rem;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.08em;
  }
}


/**************************************
#ファーストビュー  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {

  
  .look {
    margin-top: 2.5rem;
  }

  .look .look__main_ttl{
    line-height: 1.7;
    font-size: 3.4375rem;
  }
  
  .look .look__firstview__img_wrapper{
    width: 56.25rem;
    margin: auto;
    position: relative;
  }

  .look .look__firstview__vol{
    position: absolute;
    top: 0;
    right: -2.3125rem;
    writing-mode: vertical-rl;
  }
  .look__firstview__vol .look__firstview__vol_line{
    display: inline-block;
    width: 1px;
    height: 9.375rem;
  }
  .look__firstview__vol .look__firstview__vol_text{
    display: inline-block;
    margin-top: 1.25rem;
    letter-spacing: 0.1em;
    font-size: 0.9375rem;
  }

  
  .look .look__firstview__img{
    width: 100%;
    margin-top: 1.4375rem;
  }
  
  .look .look__firstview__text_wrapper{
    width: 100vw;
    margin: -8.125rem calc(50% - 50vw) 0;
    padding-top: 11.6875rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10.25rem;
  }
  .look .look__firstview__log{
    width: 14.75rem;
    margin: 0 auto 3.125rem;
  }
  .look .look__firstview_text{
    font-size: 0.875rem;
    line-height: 2.2;
  }
}





/**************************************
#ノーリピート  共通箇所 sp
**************************************/
/* pc画像2枚並び箇所 */
.look .look__content{
  margin-top: -3.125rem;
}

.look .look__content_first_img_01{
  margin-left: 2.0625rem;
}

.look .look__content_first_img_02{
  margin-left: auto;
  margin-top: 3.375rem;
}

.look .look__content_first_img_03{
  position: relative;
}

.look .look__content_first_img_03::before{
  position: relative;
}

/* pc画像3枚並び箇所 */
.look .look__content_second{
  margin-top: 3.375rem;
}

.look .look__content_second_wrapper{
  padding: 0 0.9375rem;
  margin-top: 3.375rem;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 0.3125rem;
}

.look__content_second_img_01,
.look__content_second_img_02{
  position: relative;
  z-index: 2;
}

/* pc画像1枚箇所 */
.look .look__content_third {
  margin-top: 6.375rem;
}
.look__content_third_img_01{
  margin: auto;
}

.look .look__content_third .look__tax{
  margin-left: 0.9375rem;
}

/* タイトルデザイン */
.look .look__ttl_bg{
  overflow: hidden;
  white-space: nowrap;
  margin-top: 2.0625rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 3.125rem;
  text-align: center;
  line-height: 1.3;
}
.look .look__ttl_bg span{
  display: block;
}

/* pc画像1枚箇所 */
.look .look__content_fourth{
  margin-top: 2.0625rem;
}
.look .look__content_fourth .look__tax{
  text-align: right;
  padding-right: 0.9375rem;
}



/**************************************
#ノーリピート  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {
/* pc画像2枚並び箇所 */
.look .look__content{
  margin-top: -3.125rem;
}

.look .look__content_first_img_01{
  margin-left: 2.0625rem;
}

.look .look__content_first_img_02{
  margin-left: auto;
  margin-top: 3.375rem;
}

.look .look__content_first_img_03{
  position: relative;
}

.look .look__content_first_img_03::before{
  position: relative;
}

/* pc画像3枚並び箇所 */
.look .look__content_second{
  margin-top: 3.375rem;
}

.look .look__content_second_wrapper{
  padding: 0 0.9375rem;
  margin-top: 3.375rem;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem 0.3125rem;
}

.look__content_second_img_01,
.look__content_second_img_02{
  position: relative;
  z-index: 2;
}

/* pc画像1枚箇所 */
.look .look__content_third {
  margin-top: 6.375rem;
}
.look__content_third_img_01{
  margin: auto;
}


/* タイトルデザイン */
.look .look__ttl_bg{
  overflow: hidden;
  white-space: nowrap;
  margin-top: 2.0625rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 3.125rem;
  text-align: center;
  line-height: 1.3;
}
.look .look__ttl_bg span{
  display: block;
}

/* pc画像1枚箇所 */
.look .look__content_fourth{
  margin-top: 2.0625rem;
}
.look .look__content_fourth .look__tax{
  text-align: right;
  padding-right: 0.9375rem;
}
}


/**************************************
#ノーリピート  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {

  /* pc画像2枚並び箇所 */
  .look .look__content{
    margin-top: -6.875rem;
  }
  
  .look__content_first_wrapper{
    max-width: 1170px;
    padding: 0 1rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  .look__content_first_img_01_wrap{
    padding-right: 2%;
  }

  .look .look__content_first_img_01{
    margin: 0;
  }

  .look .look__content_first_img_02{
    margin: 0;
    margin-top: 10.625rem;
  }

  .look .look__content_first_img_03{
    position: relative;
  }

  .look .look__content_first_img_03::before{
    position: relative;
  }

  /* pc画像3枚並び箇所 */
  .look .look__content_second{
    margin-top: 3.375rem;
  }

  .look .look__content_second_wrapper{
    padding: 0;
    padding-left: 6.25rem;
    margin-top: 6rem;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0 0.625rem;
  }

  /* pc画像1枚箇所 */
  .look .look__content_third {
    margin-top: 11.625rem;
  }
  .look__content_third_wrapper {
    padding: 0 5%;
  }
  .look__content_third_img_01 {
    position: relative;
  }
  .look .look__content_third .look__tax{
    position: absolute;
    top: 50%;
    right: -8.5rem;
    translate: 0 -50%;
    margin: 0;
  }

  /* タイトルデザイン */
  .look .look__ttl_bg{
    width: max-content;
    margin: auto;
    margin-top: 3.75rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-size: 6.25rem;
    text-align: center;
    line-height: 1.3;
  }
  .look .look__ttl_bg span{
    display: inline-block;
  }
  /* pc画像1枚箇所 */
  .look .look__content_fourth{
    margin-top: 2.0625rem;
  }
  .look__content_fourth_wrapper{
    padding: 0 5%;
  }
  .look__content_fourth_img_01{
    position: relative;
    margin: auto;
  }
  .look .look__content_fourth .look__tax{
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    text-align: right;
    margin: 0;
    padding: 0;
    left: -8.125rem;
  }


}



/**************************************
#リピート  共通箇所 sp
**************************************/

/* リピートエリア01 */
.look .look__repeat_content{
  margin-top: 4.375rem;
}

.look .look__repeat_content_first_img_01{
  margin: auto;
}

.look .look__repeat_content_first_img_02_wrapper{
  margin-top: 3.75rem;
}

.look .look__repeat_content_first_img_02_innner{
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.look .look__repeat_content_first_img_02{
  margin-left: auto;
  margin-right: 0.9375rem;
}

/* リピートエリア02 */
.look .look__repeat_content_second_wrapper{
  margin-top: 7.6875rem;
}

.look .look__repeat_content_second_img_01{
  margin-left: 1.875rem;
}

.look .look__repeat_content_second_img_02{
  margin-left: auto;
  margin-right: 1.875rem;
  margin-top: 5.875rem;

}

/* リピートエリア03 */
.look .look__repeat_content_third_wrapper{
  margin-top: 3.375rem;
}

.look .look__repeat_content_third_img_01{
  margin-left: 2.5rem;
}

.look .look__repeat_content_third_img_02{
  margin-top: 4rem;
}
.look .look__repeat_content_third_img_02 .look__tax{
  margin-left: 0.9375rem;
}

/* リピートエリア04 */
.look .look__repeat_content_fourth_wrapper{
  margin-top: 7.75rem;
}

.look .look__repeat_content_fourth_img_01{
  margin-left: 2.375rem;
}

.look .look__repeat_content_fourth_img_02{
  margin-left: auto;
  margin-right: 0.9375rem;
  margin-top: 3.75rem;
}
.look .look__repeat_content_fourth_img_03{
  margin-left: 0.9375rem;
  margin-top: 3.75rem;
}


/**************************************
#リピート  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {
/* リピートエリア01 */
.look .look__repeat_content{
  margin-top: 9.375rem;
}

.look .look__repeat_content_first_img_01{
  margin: auto;
}

.look .look__repeat_content_first_img_02_wrapper{
  margin-top: 3.75rem;
}

.look .look__repeat_content_first_img_02_innner{
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.look .look__repeat_content_first_img_02{
  margin-left: auto;
  margin-right: 0.9375rem;
}

/* リピートエリア02 */
.look .look__repeat_content_second_wrapper{
  margin-top: 7.6875rem;
}

.look .look__repeat_content_second_img_01{
  margin-left: 1.875rem;
}

.look .look__repeat_content_second_img_02{
  margin-left: auto;
  margin-right: 1.875rem;
  margin-top: 5.875rem;

}

/* リピートエリア03 */
.look .look__repeat_content_third_wrapper{
  margin-top: 3.375rem;
}

.look .look__repeat_content_third_img_01{
  margin-left: 2.5rem;
}

.look .look__repeat_content_third_img_02{
  margin-top: 4rem;
}
.look .look__repeat_content_third_img_02 .look__tax{
  margin-left: 0.9375rem;
}

/* リピートエリア04 */
.look .look__repeat_content_fourth_wrapper{
  margin-top: 7.75rem;
}

.look .look__repeat_content_fourth_img_01{
  margin-left: 2.375rem;
}

.look .look__repeat_content_fourth_img_02{
  margin-left: auto;
  margin-right: 0.9375rem;
  margin-top: 3.75rem;
}
.look .look__repeat_content_fourth_img_03{
  margin-left: 0.9375rem;
  margin-top: 3.75rem;
}

}


/**************************************
#リピート  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {
  /* リピートエリア01 */
  .look .look__repeat_content{
    margin-top: 9.375rem;
  }

  .look .look__repeat_content_first_wrapper{
    max-width: 1370px;
    margin: auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .look .look__repeat_content_first_img_01{
    position: relative;
    z-index: 2;
    margin: 0;
    
  }

  .look .look__repeat_content_first_img_01 .look__tax{
    position: absolute;
    margin: 0;
    text-align: right;
    left: -8.4375rem;
    top: 4.375rem;
  }

  .look .look__repeat_content_first_img_02_wrapper{
    margin-top: 24.5rem;
    padding-right: 2%;
  }

  .look .look__repeat_content_first_img_02_innner{
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
  }

  .look .look__repeat_content_first_img_02{
    margin: 0;
  }

  /* リピートエリア02 */
  .look .look__repeat_content_second_wrapper{
    max-width: 1083px;
    padding: 0 1rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 10rem;
    margin-left: 16%;
  }
  .look__repeat_content_second_img_01_wrapper{
    padding-right: 2%;
  }

  .look .look__repeat_content_second_img_01{
    margin: 0;
  }

  .look .look__repeat_content_second_img_02{
    margin: 0;
    margin-top: 18.75rem;
  }

  /* リピートエリア03 */
  .look .look__repeat_content_third_wrapper{
    max-width: 1295px;
    margin: auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    margin-top: -4.625rem;
    margin-left: 9%;
  }
  .look__repeat_content_third_img_01_wrapper{
    padding-right: 2%;
  }

  .look .look__repeat_content_third_img_01{
    margin: 0;
  }

  .look .look__repeat_content_third_img_02{
    margin-top: 25.125rem;
  }

  .look .look__repeat_content_third_img_02 .look__tax{
    margin-left: 0;
  }

  /* リピートエリア04 */
  .look .look__repeat_content_fourth_wrapper{
    margin-top: 7.75rem;
  }

  .look .look__repeat_content_fourth_img_01_wrapper{
    display: flex;
    justify-content: space-between;
    max-width: 1270px;
    padding: 0 1rem ;
    margin-left: 4%;
  }
  .look__repeat_content_fourth_img_01_wrap{
    padding-right: 2%;
  }

  .look .look__repeat_content_fourth_img_01{
    margin: 0;
  }

  .look .look__repeat_content_fourth_img_02{
    margin: 0;
    margin-top: 12rem;
  }

  .look .look__repeat_content_fourth_img_03_innner{
    padding-left: 20%;
  }

  .look .look__repeat_content_fourth_img_03{
    margin-top: 3.75rem;
  }

}

@media screen and (min-width:1023px) and ( max-width:1400px) {
  .look .look__ttl_bg span{
    display: block;
  }

}

/**************************************
#スライダーエリア  共通箇所 sp
**************************************/
.look .look__slide_content{
  margin-top: 5.875rem;
  padding: 0 1.75rem;
}
.look .look__slide_wripper{
  position: relative;
  padding: 1.875rem 1.875rem 4.6875rem;

}
.look .look__slide_ttl{
  position: absolute;
  top: 7.875rem;
  font-weight: 500;
  font-size: 0.75rem;
  padding: 0.4375rem 0;
}
.look .look__slide_ttl.left{
  left: -0.625rem;
  writing-mode: vertical-rl;
  rotate: 180deg;
}
.look .look__slide_ttl.right{
  right: -0.625rem;
  writing-mode: vertical-rl;
}

/* 矢印 */
.look .slick-arrow:before{
	content:"";
}

.look .slick-arrow{
  position: absolute;
  width: 100%;
  height: 100%;
}

.look .slick-next{
  background: url(../img/slide_right.svg);
  background-size: contain;
}

.look .slick-prev{
  background: url(../img/slide_left.svg);
  background-size: contain;
}

.look .slick-arrow{
  z-index:2;
  width:3.125rem;
  height:3.125rem;
  top: 27.375rem;
}

.look .slick-next{
  right: 0;
}

.look .slick-prev{
  left: 0;
}

/* ボタン */

.look .look__slide_btn a{
  display: grid;
  place-content: center;
  width: 15.625rem;
  height: 3.125rem;
  margin: auto;
  margin-top: 6.25rem;
  background: #111111;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #fff;
  border-radius: 3px;
}



/**************************************
#スライダーエリア  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {
  .look .look__slide_content{
    margin-top: 5.875rem;
    padding: 0 1.75rem;
  }
  .look .look__slide_wripper{
    position: relative;
    padding: 1.875rem 1.875rem 4.6875rem;
  
  }
  .look .look__slide_ttl{
    position: absolute;
    top: 7.875rem;
    font-weight: 500;
    font-size: 0.75rem;
    padding: 0.4375rem 0;
  }
  .look .look__slide_ttl.left{
    left: -0.625rem;
    writing-mode: vertical-rl;
    rotate: 180deg;
  }
  .look .look__slide_ttl.right{
    right: -0.625rem;
    writing-mode: vertical-rl;
  }
  
  /* 矢印 */
  .look .slick-arrow:before{
    content:"";
  }
  
  .look .slick-arrow{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .look .slick-next{
    background: url(../img/slide_right.png);
    background-size: contain;
  }
  
  .look .slick-prev{
    background: url(../img/slide_left.png);
    background-size: contain;
  }
  
  .look .slick-arrow{
    z-index:2;
    width:3.125rem;
    height:3.125rem;
    top: 45%;
  }
  
  .look .slick-next{
    right: 0;
  }
  
  .look .slick-prev{
    left: 0;
  }
  
  /* ボタン */
  
  .look .look__slide_btn a{
    display: grid;
    place-content: center;
    width: 15.625rem;
    height: 3.125rem;
    margin: auto;
    margin-top: 6.25rem;
    background: #111111;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    border-radius: 3px;
  }
  
  
}


/**************************************
#スライダーエリア  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {
  .look .look__slide_content{
    max-width: 1180px;
    margin: auto;
    margin-top: 5.875rem;
    padding: 0;
  }
  .look .look__slide_wripper{
    position: relative;
    padding: 6.25rem 8.125rem;
  
  }
  .look .look__slide_ttl{
    position: absolute;
    top: 17.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.4375rem 0;
  }
  .look .slick-slide {
    padding-right: 3.65rem;
  }
  .look .look__slide_ttl.left{
    left: -0.625rem;
    writing-mode: vertical-rl;
    rotate: 180deg;
  }
  .look .look__slide_ttl.right{
    right: -0.625rem;
    writing-mode: vertical-rl;
  }
  
  /* 矢印 */
  
  .look .slick-arrow{
    z-index:2;
    width:3.125rem;
    height:3.125rem;
    top: 15.375rem;
  }
  
  .look .slick-next{
    right: -1.375rem;
  }
  
  .look .slick-prev{
    left: -5rem;
  }
  
  /* ボタン */
  
  .look .look__slide_btn a{
    display: grid;
    place-content: center;
    width: 15.625rem;
    height: 3.125rem;
    margin: auto;
    margin-top: 6.25rem;
    background: #111111;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #fff;
    border-radius: 3px;
  }
  
  
}


/**************************************
#アーカイブエリア  共通箇所 sp
**************************************/
.look .look__archive_content{
  margin-top: 7.5rem;
  margin-bottom: 4.375rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.look .look__archive_content h2{
  text-align: center;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-size: 1.375rem;
}
.look .look__archive_text_content{
  margin-top: 2.1875rem;
  padding: 2.5rem 0;
  border-top:2px solid #FFF100;
  border-bottom:2px solid #FFF100;
}
.look .look__archive_text_content_wripper > *+*{
  margin-top: 1rem;
}
.look .look__archive_text_content_wripper li{
  line-height: 1.5;
  letter-spacing: 0.08em; 
  font-size: 0.875rem;
}

.look .look__square{
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #FFF100;
  margin-right: 1rem;
}



/**************************************
#アーカイブエリア  共通箇所 タブレット 
**************************************/
@media screen and (min-width:768px) and ( max-width:1023px) {
  .look .look__archive_content{
    margin-top: 7.5rem;
    margin-bottom: 4.375rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .look .look__archive_content h2{
    text-align: center;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-size: 1.375rem;
  }
  .look .look__archive_text_content{
    margin-top: 2.1875rem;
    padding: 2.5rem 0;
    border-top:2px solid #FFF100;
    border-bottom:2px solid #FFF100;
  }
  .look .look__archive_text_content_wripper{
    width: fit-content;
    margin: auto;
  }
  .look .look__archive_text_content_wripper > *+*{
    margin-top: 1rem;
  }
  .look .look__archive_text_content_wripper li{
    line-height: 1.5;
    letter-spacing: 0.08em; 
    font-size: 0.875rem;
  }
  
  .look .look__square{
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    background: #FFF100;
    margin-right: 1rem;
  }
  
  
}


/**************************************
#アーカイブエリア  共通箇所 pc
**************************************/
@media only screen and (min-width: 1024px), print {
  .look .look__archive_content{
    max-width: 920px;
    margin: auto;
    margin-top: 9.375rem;
    margin-bottom: 6.25rem;
    padding: 0;
  }
  .look .look__archive_content h2{
    text-align: center;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-size: 1.375rem;
  }
  .look .look__archive_text_content{
    margin-top: 1.875rem;
    padding: 3.125rem 0;
    border-top:2px solid #FFF100;
    border-bottom:2px solid #FFF100;
  }
  .look .look__archive_text_content_wripper{
    display: grid;
    grid-template-columns: 1fr 1fr ;
    column-gap: 5.5rem;
    padding: 0 7%;
  }
  .look .look__archive_text_content_wripper > *+*{
    margin: 0;
  }
  
  .look .look__archive_text_content_wripper li{
    font-size:0.9375rem;
    margin-top: 1rem;
    white-space: nowrap;
  }
  
  .look .look__square{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: #FFF100;
    margin-right: 1rem;
  }

}