@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');

#contents-wrapper {
	width: 100%!important;
  margin-top: 0px;
  padding-top: 52px;
  padding-bottom: 45px;
  background-color: #000;
  font-family: 'Fjalla One', sans-serif;
  position: relative;
  color: #fff;
}
#special-header-wrapper {
  display: none;
}
#footer-wrapper {
  position: relative;
  z-index: 4;
}


#special-column {
  width: 100%;
  float: none;
  margin: 0 auto;
}
#special-column img {
  width: 100%;
  height: auto;
}

.en-header {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  height: 896px;
  padding-top: 47px;
}
.en-header-detail {
  width: 322px;
  padding-left: 128px;
}
.en-header-detail-ttl {
  padding-top: 123px;
  padding-bottom: 46px;
  text-align: center;
}
.en-header-detail-ttl .ttl01 {
  width: 285px;
}
.en-header-detail-ttl .ttl02 {
  display: block;
  padding: 22px 0 22px;
  font-size: 14px;
  line-height: 1;
}
.en-header-detail-ttl .ttl03 {
  display: block;
  width: 120px;
  margin: 0 auto;
}
.en-header-detail-txt {
  font-family: "Noto Sans Japanese";
  font-size: 14px;
  line-height: 2;
  text-align: center;
}
.en-header-img {
  width: 624px;
}

.sec {
  width: 100%;
  position: relative;
  overflow:hidden;
}
.sec .img {
  position: absolute;
  left: 50%;
}
.section-header {
  width: 200px;
  position: absolute;
  left: 50%;
  line-height: 1;
  text-align: center;
  z-index: 20;
}
.section-header-name {
  padding-bottom: 12px;
  font-size: 20px;
}
.section-header-name::before {
  display: block;
  padding-bottom: 7px;
  font-size: 14px;
  content:"STYLIST";
}
.section-header-ttl {
  font-size: 14px;
  padding-bottom: 5px;
}
.section-header-month {
  font-size: 10px;
  padding-bottom: 34px;
}
.section-header-btn {
  box-sizing: border-box;
  display: block;
  width: 200px;
  height: 50px;
  padding-top: 15px;
  border: 2px solid #fff;
  border-radius: 25px;
  font-size: 20px;
  color: #fff!important;
}

/*sec01*/
.sec01 {
  height: 3389px;
}
.sec01 .section-header {
  top: 1466px;
  margin-left: -365px;
}
.sec01 .img01 {
  width: 1119px;
  top: 0;
  margin-left: -863px;
}
.sec01 .img02 {
  width: 411px;
  top: -100px;
  margin-left: 591px;
}
.sec01 .img03 {
  width: 677px;
  top: 862px;
  margin-left: -1246px;
}
.sec01 .img04 {
  width: 953px;
  top: 2033px;
  margin-left: -924px;
}
.sec01 .img05 {
  width: 769px;
  top: 2536px;
  margin-left: 198px;
}

.sec01 .slider-wrap {
  box-sizing: border-box;
  width: 999px;
  padding: 88px 136px 154px 283px;
  position: absolute;
  top: 950px;
  left: 50%;
  margin-left: -322px;
  z-index: 1;
}
.sec01 .slider-wrap .slider01::after{
  width: 999px;
  height: 1111px;
  background-image: url("pc_slider_01_wrap.svg");
  position: absolute;
  top: -88px;
  left: -283px;
  z-index: 2;
  content:"";
}
.sec01 .slick-prev {
  top: 120px;
  left: -173px;
}
.sec01 .slick-next {
  top: 661px;
  right: -136px;
}

/*sec02*/
.sec02 {
  height: 3365px;
}
.sec02 .section-header {
  top: 2684px;
  margin-left: -485px;
}
.sec02 .img01 {
  width: 1287px;
  top: 0;
  margin-left: -585px;
}
.sec02 .img02 {
  width: 1259px;
  top: 318px;
  margin-left: -1940px;
}
.sec02 .img03 {
  width: 941px;
  top: 884px;
  margin-left: 52px;
}
.sec02 .img04 {
  width: 1069px;
  top: 1214px;
  margin-left: -1053px;
}
.sec02 .img05 {
  width: 1494px;
  top: 2117px;
  margin-left: -2141px;
}
.sec02 .img06 {
  width: 889px;
  top: 2052px;
  margin-left: -347px;
}

/*sec03*/
.sec03 {
  height: 3162px;
}
.sec03 .section-header {
  top: 1768px;
  margin-left: -146px;
}
.sec03 .img01 {
  width: 983px;
  top: 0;
  margin-left: -703px;
}
.sec03 .img02 {
  width: 1213px;
  top: 552px;
  margin-left: 327px;
}
.sec03 .img03 {
  width: 607px;
  top: 1400px;
  margin-left: -917px;
}
.sec03 .img04 {
  width: 1077px;
  top: 1547px;
  margin-left: 54px;
}
.sec03 .img05 {
  width: 1089px;
  top: 2550px;
  margin-left: -1107px;
}
.sec03 .img06 {
  width: 278px;
  top: 2757px;
  margin-left: 559px;
}

/*sec04*/
.sec04 {
  height: 2569px;
}
.sec04 .section-header {
  top: 314px;
  margin-left: 208px;
}
.sec04 .img01 {
  width: 675px;
  top: 788px;
  margin-left: -818px;
}
.sec04 .img02 {
  width: 893px;
  top: 1068px;
  margin-left: 66px;
}
.sec04 .img03 {
  width: 1000px;
  top: 1975px;
  margin-left: -1051px;
}
.sec04 .slider-wrap {
  box-sizing: border-box;
  width: 807px;
  padding: 104px 89px 239px 68px;
  position: absolute;
  top: 0;
  left: 50%; 
  margin-left: -575px;
  z-index: 1;
}
.sec04 .slider-wrap .slider02::after{
  width: 807px;
  height: 777px;
  background-image: url("pc_slider_02_wrap.svg");
  position: absolute;
  top: -104px;
  left: -68px;
  z-index: 2;
  content:"";
}
.sec04 .slick-prev {
  top: 327px;
  left: -173px;
}
.sec04 .slick-next {
  top: -4px;
  right: -158px;
}

/*sec05*/
.sec05 {
  height: 1897px;
}
.sec05 .section-header {
  top: 1425px;
  margin-left: -570px;
}
.sec05 .img01 {
  width: 978px;
  top: 0;
  margin-left: -90px;
}
.sec05 .img02 {
  width: 602px;
  top: 130px;
  margin-left: -868px;
}
.sec05 .img03 {
  width: 1256px;
  top: 831px;
  margin-left: -462px;
}

/*sec06*/
.sec06 {
  height: 2452px;
}
.sec06 .section-header {
  top: 1777px;
  margin-left: -579px;
}
.sec06 .img01 {
  width: 1033px;
  top: 376px;
  margin-left: 267px;
}
.sec06 .img02 {
  width: 1096px;
  top: 1365px;
  margin-left: -417px;
}
.sec06 .slider-wrap {
  box-sizing: border-box;
  width: 932px;
  padding: 67px 150px 167px 156px;
  position: absolute;
  top: 0;
  left: 50%; 
  margin-left: -757px;
  z-index: 1;
}
.sec06 .slider-wrap .slider03::after{
  width: 932px;
  height: 1174px;
  background-image: url("pc_slider_03_wrap.svg");
  position: absolute;
  top: -67px;
  left: -156px;
  z-index: 2;
  content:"";
}
.sec06 .slick-prev {
  bottom: -109px;
  left: 73px;
}
.sec06 .slick-next {
  top: 34px;
  right: -110px;
}

.staff-credit {
  width: 400px;
  padding-top: 400px;
  padding-bottom: 100px;
  margin: 0 auto;
  background: url("pc_footer@2x.png") no-repeat center top;
  background-size: 100% auto;
}
.staff-credit h3 {
  width: 285px;
  margin: 0 auto;
  padding-bottom: 70px;
  text-align: center;
  line-height: 1;
}
.staff-credit .ttl01 {
  display: block;
  padding: 20px 0 23px;
  font-size: 14px;
}
.staff-credit .ttl02 {
  display: block;
  width: 120px;
  margin: 0 auto;
}
.staff-credit-inner {
  text-align: center;
}
.staff-credit h4 {
  width: 100%;
  padding-bottom: 45px;
  font-size: 30px;
  line-height: 1;
}
.staff-credit h5 {
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 1;
}
.staff-credit p {
  padding-bottom: 28px;
  font-size: 20px;
  line-height: 1.5;
}


/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}*/
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: auto;
  z-index: 10;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
}
.slick-prev {
  width: 91px;
  height: 84px;
  background: url("btn_prev.svg") no-repeat;
}
.slick-next {
  width: 119px;
  height: 70px;
  background: url("btn_next.svg") no-repeat;
}