@charset "UTF-8";

/*================================
  header
=================================*/
/*
.header{
  position: fixed;
}

#header .header__inner svg{
  fill: #fff;
}
.cls-4{
  stroke: #fff;
}
.header .navigation__list{
  color: #fff;
}
.header .drawer-btn__border{
  background: #fff;
}
.header .drawer-btn__border::after{
  background: #fff;
}
.header .drawer-btn__border::before{
  background: #fff;
}
*/

/*******************************
AU250326DENIM
*******************************/
#AU250326DENIM{
  display: block;
  width: 100%;
  padding: 0 0 16.8rem;
  box-sizing: border-box;
  overflow: hidden;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
}

#AU250326DENIM *{box-sizing: border-box;}

#AU250326DENIM picture,
#AU250326DENIM figure,
#AU250326DENIM img{
  display: block;
  width: 100%;
  height: auto;
}

#AU250326DENIM .imgOuter{
}

#AU250326DENIM .imgOuter > a,
#AU250326DENIM .imgOuter > span{display: block; width: 100%; height: auto;}

#AU250326DENIM a{
  transition: opacity .3s;
}

#AU250326DENIM a:hover{
  opacity: .6;
}


/*******************************
fadeInSetting
*******************************/
#AU250326DENIM .fadeInBlock{
}


#AU250326DENIM .fadeInBlock.imgFade{
  opacity: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

#AU250326DENIM .fadeInBlock.imgFade.view{
  webkit-clip-path: inset(0);
  clip-path: inset(0);
  pointer-events: auto;
}

#AU250326DENIM .fadeInBlock.txtFade{
  opacity: 1;
  transform: translateY(110%);
  transition: transform 1s ease;
  pointer-events: none;
}

#AU250326DENIM .fadeInBlock.txtFade.view{
  transform: translateY(0);
  pointer-events: auto;
}


/*******************************
mv
*******************************/
#AU250326DENIM #movieBlock{
  display: block;
  width: 110rem;
  margin: 0 auto 20.7rem;
  position: relative;
}

#AU250326DENIM #movieBlock .movie{
  width: 100%;
}

#AU250326DENIM #movieBlock a,
#AU250326DENIM #movieBlock .outer,
#AU250326DENIM #movieBlock .movie video{
  display: block;
  width: 100%;
  height: auto;
}

#AU250326DENIM #movieBlock .movieText{
  display: block;
  width: 55.41758rem;
  height: auto;
  position: absolute;
  top: 29.2rem;
  left: calc(50% - 55.41758rem / 2);
}

/*******************************
mainTTL
*******************************/
#AU250326DENIM .mainTTL{
  display: block;
  margin-bottom: 7.2rem;
  overflow: hidden;
}

#AU250326DENIM .mainTTL > picture:nth-of-type(1){
  display: block;
  width: 33.1125rem;
  margin: 0 auto 2rem;
}
#AU250326DENIM .mainTTL > picture:nth-of-type(2){
  display: block;
  width: 56.71709rem;
  margin: 0 auto;
}


/*******************************
creditLinks
*******************************/
#AU250326DENIM .creditArea{
  display: block;
  padding-top: 3.2rem;
  overflow: hidden;
}

#AU250326DENIM .creditLinks{
  display: block;
  text-align: left;
}

#AU250326DENIM .creditLinks > a,
#AU250326DENIM .creditLinks > span{
  display: inline-block;
  white-space: nowrap;
  font-family: "nimbus-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 0.005em;
  line-height: 2.166666666666667;
  color: #000000;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  /*text-underline-offset: 0.1rem;*/
  font-feature-settings: "palt";
}

#AU250326DENIM .creditLinks > a + a,
#AU250326DENIM .creditLinks > span + a,
#AU250326DENIM .creditLinks > a + span,
#AU250326DENIM .creditLinks > br.spView + a,
#AU250326DENIM .creditLinks > br.spView + span{
  margin-left: 0.4em;
}



/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin: 0 auto 0;
  position: relative;
}

#sec01 .secInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80rem;
  margin: 0 auto;
}

#sec01 .img01{
  display: block;
  width: 40rem;
  position: relative;
}


#sec01 .img01 .secTTL{
  display: block;
  width: 2.78752rem;
  overflow: hidden;
  position: absolute;
  left: -1.14456rem;
  top: 7.92405rem;
  z-index: 1;
  pointer-events: none;
}

#sec01 .secLede{
  width: 40rem;
  padding-left: 5.7rem;
}

#sec01 .secLede > .text{
  overflow: hidden;
}

#sec01 .secLede > .text > p{
  font-size: 1.4rem;
  letter-spacing: 0.07em;
  line-height: 1.857142857142857;
  font-weight: 300;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin: 0 auto 15.1rem;
  position: relative;
}

#sec02 .secInner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80rem;
  margin: 0 auto;
}

#sec02  .img01{
  order: 2;
  display: block;
  width: 40rem;
  position: relative;
}


#sec02 .img01 .secTTL{
  display: block;
  width: 2.78755rem;
  overflow: hidden;
  position: absolute;
  left: 38.66289rem;
  top: 0.48855rem;
  z-index: 1;
  pointer-events: none;
}


#sec02 .secLede{
  order: 1;
  width: 40rem;
  padding-right: 5.7rem;
}

#sec02 .secLede > .text{
  overflow: hidden;
}

#sec02 .secLede > .text > p{
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  line-height: 1.857142857142857;
  font-weight: 300;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

/*******************************
movieBlock2
*******************************/
#movieBlock2{
  display: block;
  width: 80rem;
  margin: 0 auto 32.2rem;
}

#movieBlock2 .movie{
  width: 100%;
}

#movieBlock2 a,
#movieBlock2 .outer,
#movieBlock2 .movie video{
  display: block;
  width: 100%;
  height: auto;
}

#movieBlock2 > .text{
  padding-top: 3.4rem;
  overflow: hidden;
}

#movieBlock2 > .text > p{
  font-size: 1.4rem;
  letter-spacing: 0.075em;
  line-height: 1.857142857142857;
  font-weight: 300;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin: 0 auto 21.5rem;
  position: relative;
}

#sec03 .secInner{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 94.21875rem;
  padding-bottom: 28rem;
  margin: 0 auto 8.9rem;
  transform: translateX(1.083405rem);
  position: relative;
}


#sec03 .img01{
  width: 50rem;
  position: relative;
  z-index: 1;
}

#sec03 .img01::after{
  content: '';
  display: block;
  width: 43.64243rem;
  height: 50.00906rem;
  background: #D4D3D1;
  position: absolute;
  left: -5.34569rem;
  top: -6.71109rem;
  z-index: -1;
  pointer-events: none;
}


#sec03 .secText{
  display: block;
  width: 38.59519rem;
  padding-top: 12rem;
}

#sec03 .secText .secTTL{
  display: block;
  margin-bottom: 3rem;
  overflow: hidden;
}
#sec03 .secText .secTTL > span{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.051em;
  color: #000000;
  white-space: nowrap;
}

#sec03 .secText > .text{
  display: block;
  overflow: hidden;
}

#sec03 .secText > .text > p{
  font-size: 1.3rem;
  line-height: 2.076923076923077;
  letter-spacing: 0.075em;
  font-weight: 400;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

#sec03 .img02{
  width: 56rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

#sec03 .creditArea{
  position: absolute;
  left: 0;
  top: 68.96819rem;
}


#sec03 .secUnder{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 96.37627rem;
  margin: 0 auto 7.6rem;
  transform: translateX(-0.837835rem);
  position: relative;
}

#sec03 .img03{
  order: 1;
  width: 47rem;
}

#sec03 .secUnder > .text{
  order: 2;
  width: 44.8rem;
  overflow: hidden;
}

#sec03 .secUnder > .text > p{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.575;
  letter-spacing: 0.05em;
  color: #000000;
  text-align: left;
  white-space: nowrap;
  font-feature-settings: "palt";
}

#sec03 .img04{
  width: 50rem;
  margin: 0 auto;
}

/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin: 0 auto 18rem;
  position: relative;
}

#sec04 .secInner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 89.08391rem;
  margin: 0 auto;
  transform: translateX(0.465225rem);
  position: relative;
}


#sec04 .img01{
  order: 2;
  width: 45rem;
  position: relative;
  z-index: 1;
}

#sec04 .img01::after{
  content: '';
  display: block;
  width: 34.91394rem;
  height: 40.00724rem;
  background: #C7B5AB;
  position: absolute;
  left: 14.02728rem;
  top: -3.48048rem;
  z-index: -1;
  pointer-events: none;
}


#sec04 .secText{
  display: block;
  width: 38.64767rem;
}

#sec04 .secText .secTTL{
  display: block;
  margin-bottom: 3rem;
  overflow: hidden;
}
#sec04 .secText .secTTL > span{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.051em;
  color: #000000;
  white-space: nowrap;
  font-feature-settings: "palt";
}

#sec04 .secText > .text{
  display: block;
  overflow: hidden;
}

#sec04 .secText > .text > p{
  font-size: 1.3rem;
  line-height: 2.076923076923077;
  letter-spacing: 0.075em;
  font-weight: 400;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


#sec04 .creditArea{
  padding-left: 3.4rem;
}


/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin: 0 auto 19.2rem;
  position: relative;
}

#sec05 .secInner{
  display: block;
  width: 75rem;
  margin: 0 auto;
  transform: translateX(-1.20705rem);
  position: relative;
}


#sec05 .img01{
  width: 100%;
  position: relative;
  z-index: 1;
}

#sec05 .img01::after{
  content: '';
  display: block;
  width: 52.41543rem;
  height: 33.46951rem;
  background: #D4D3D1;
  position: absolute;
  left: -5.10578rem;
  top: 27.9147rem;
  z-index: -1;
  pointer-events: none;
}


#sec05 .secText{
  display: block;
  width: 100%;
  margin-bottom: 4.4rem;
}

#sec05 .secText .secTTL{
  display: block;
  margin-bottom: 3rem;
  overflow: hidden;
}
#sec05 .secText .secTTL > span{
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.051em;
  color: #000000;
  font-feature-settings: "palt";
}

#sec05 .secText > .text{
  display: block;
  overflow: hidden;
}

#sec05 .secText > .text > p{
  font-size: 1.3rem;
  line-height: 2.076923076923077;
  letter-spacing: 0.075em;
  font-weight: 400;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


#sec05 .creditArea{
  position: relative;
  z-index: 2;
}
#sec05 .creditArea > .creditLinks{
  text-align: center;
}



/*******************************
btnViewALL
*******************************/
#AU250326DENIM .btnViewALL{
  display: block;
  width: 9rem;
  margin: 0 auto;
}

#AU250326DENIM .btnViewALL > a{
  display: block;
  width: 100%;
}

#AU250326DENIM .btnViewALL picture,
#AU250326DENIM .btnViewALL img{display: block; width: 100%; height: auto;}



/*******************************
overRide
*******************************/
#AU250326DENIM .spView{display: none;}