@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{
  --setsize: (100vw / 750);
}

#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;}

/*******************************
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(120%);
  transition: transform 1s ease;
  pointer-events: none;
}

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


/*******************************
mv
*******************************/
#AU250326DENIM #movieBlock{
  display: block;
  width: 100%;
  margin: 0 auto calc(209 * var(--setsize));
  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: calc(554.1758 * var(--setsize));
  height: auto;
  position: absolute;
  top: calc(311 * var(--setsize));
  left: calc(97.9148 * var(--setsize));
}

/*******************************
mainTTL
*******************************/
#AU250326DENIM .mainTTL{
  display: block;
  margin-bottom: calc(72 * var(--setsize));
  overflow: hidden;
}

#AU250326DENIM .mainTTL > picture:nth-of-type(1){
  display: block;
  width: calc(371.748 * var(--setsize));
  margin: 0 auto calc(34  * var(--setsize));
}
#AU250326DENIM .mainTTL > picture:nth-of-type(2){
  display: block;
  width: calc(679.1924 * var(--setsize));
  margin: 0 auto;
}


/*******************************
creditLinks
*******************************/
#AU250326DENIM .creditArea{
  display: block;
  padding-top: calc(27 * var(--setsize));
  overflow: hidden;
}

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

#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: calc(24 * var(--setsize));
  letter-spacing: 0.005em;
  line-height: 2.083333333333333;
  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.pcView + a,
#AU250326DENIM .creditLinks > br.pcView + span{
  margin-left: 0.4em;
}



/*******************************
sec01
*******************************/
#sec01{
  display: block;
  width: 100%;
  margin: 0 auto calc(150 * var(--setsize));
  position: relative;
}

#sec01 .secInner{
  display: block;
}

#sec01 .img01{
  display: block;
  width: calc(600 * var(--setsize));
  margin: 0 auto calc(80 * var(--setsize));
  position: relative;
}


#sec01 .img01 .secTTL{
  display: block;
  width: calc(41.8184 * var(--setsize));
  overflow: hidden;
  position: absolute;
  left: calc(-19.7761 * var(--setsize));
  top: calc(120.9242 * var(--setsize));
  z-index: 1;
  pointer-events: none;
}

#sec01 .secLede{
  width: calc(649.1855 * var(--setsize));
  margin: 0 auto;
  overflow: hidden;
}

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

#sec01 .secLede > .text > p{
  font-size: calc(23 * var(--setsize));
  letter-spacing: 0.1em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

/*******************************
sec02
*******************************/
#sec02{
  display: block;
  width: 100%;
  margin: 0 auto calc(150 * var(--setsize));
  position: relative;
}

#sec02 .secInner{
  display: block;
  margin: 0 auto;
}

#sec02 .img01{
  display: block;
  width: calc(600 * var(--setsize));
  margin: 0 auto calc(80 * var(--setsize));
  position: relative;
}


#sec02 .img01 .secTTL{
  display: block;
  width: calc(41.8184 * var(--setsize));
  overflow: hidden;
  position: absolute;
  left: calc(583.8533 * var(--setsize));
  top: calc(10.1376 * var(--setsize));
  z-index: 1;
  pointer-events: none;
}


#sec02 .secLede{
  width: calc(649.1855 * var(--setsize));
  margin: 0 auto;
  overflow: hidden;
}

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

#sec02 .secLede > .text > p{
  font-size: calc(23 * var(--setsize));
  letter-spacing: 0.1em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

/*******************************
movieBlock2
*******************************/
#movieBlock2{
  display: block;
  width: 100%;
  margin: 0 auto calc(266 * var(--setsize));
}

#movieBlock2 .movie{
  width: 100%;
}

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

#movieBlock2 > .text{
  width: calc(650 * var(--setsize));
  padding-top: calc(80 * var(--setsize));
  margin: 0 auto;
  overflow: hidden;
}

#movieBlock2 > .text > p{
  font-size: calc(23 * var(--setsize));
  letter-spacing: 0.075em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


/*******************************
sec03
*******************************/
#sec03{
  display: block;
  width: 100%;
  margin: 0 auto calc(244 * var(--setsize));
  position: relative;
}

#sec03 .secInner{
  display: block;
  margin: 0 auto calc(150 * var(--setsize));
}


#sec03 .img01{
  width: calc(550 * var(--setsize));
  margin-left: calc(116.7284 * var(--setsize));
  margin-right: auto;
  margin-bottom: calc(80 * var(--setsize));
  position: relative;
  z-index: 1;
}

#sec03 .img01::after{
  content: '';
  display: block;
  width: calc(436.4243 * var(--setsize));
  height: calc(500.0906 * var(--setsize));
  background: #D4D3D1;
  position: absolute;
  left: calc(-58.4568 * var(--setsize));
  top: calc(-67.1108 * var(--setsize));
  z-index: -1;
  pointer-events: none;
}


#sec03 .secText{
  display: block;
  width: calc(650 * var(--setsize));
  margin: 0 auto calc(80 * var(--setsize));
}

#sec03 .secText .secTTL{
  display: block;
  margin-bottom: calc(50 * var(--setsize));
  overflow: hidden;
  text-align: center;
}
#sec03 .secText .secTTL > span{
  display: inline-block;
  font-size: calc(25 * var(--setsize));
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.051em;
  color: #000000;
}

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

#sec03 .secText > .text > p{
  font-size: calc(23 * var(--setsize));
  letter-spacing: 0.075em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}

#sec03 .img02{
  width: calc(600 * var(--setsize));
  margin: 0 auto;
}

#sec03 .creditArea{
}


#sec03 .secUnder{
  display: block;
  margin-bottom: calc(150 * var(--setsize));
}

#sec03 .img03{
  width: calc(530 * var(--setsize));
  margin: 0 auto 0 calc(50 * var(--setsize));
}

#sec03 .secUnder > .text{
  width: 100%;
  margin-bottom: calc(80 * var(--setsize));
  padding-left: calc(47.0242 * var(--setsize));
  overflow: hidden;
}

#sec03 .secUnder > .text > p{
  font-size: calc(25 * var(--setsize));
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.005em;
  color: #000000;
  text-align: left;
  font-feature-settings: "palt";
}

#sec03 .img04{
  width: calc(550 * var(--setsize));
  margin: 0 auto;
}

/*******************************
sec04
*******************************/
#sec04{
  display: block;
  width: 100%;
  margin: 0 auto calc(200 * var(--setsize));
  position: relative;
}

#sec04 .secInner{
  display: block;
  margin: 0 auto;
}


#sec04 .img01{
  width: calc(550 * var(--setsize));
  margin-left: calc(95.154 * var(--setsize));
  margin-right: auto;
  margin-bottom: calc(80 * var(--setsize));
  position: relative;
  z-index: 1;
}

#sec04 .img01::after{
  content: '';
  display: block;
  width: calc(418.9673 * var(--setsize));
  height: calc(480.0869 * var(--setsize));
  background: #C7B5AB;
  position: absolute;
  left: calc(178.3273 * var(--setsize));
  top: calc(-44.7658 * var(--setsize));
  z-index: -1;
  pointer-events: none;
}


#sec04 .secText{
  display: block;
  margin: 0 auto;
}

#sec04 .secText .secTTL{
  display: block;
  width: calc(650 * var(--setsize));
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(50 * var(--setsize));
  text-align: center;
  overflow: hidden;
}
#sec04 .secText .secTTL > span{
  display: inline-block;
  font-size: calc(25 * var(--setsize));
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.051em;
  color: #000000;
  white-space: nowrap;
  font-feature-settings: "palt";
}

#sec04 .secText > .text{
  width: calc(650 * var(--setsize));
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#sec04 .secText > .text > p{
  font-size: calc(23 * var(--setsize));
  letter-spacing: 0.075em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


#sec04 .creditArea{}


/*******************************
sec05
*******************************/
#sec05{
  display: block;
  width: 100%;
  margin: 0 auto calc(222 * var(--setsize));
  position: relative;
}

#sec05 .secInner{
  display: block;
  width: 100%;
  margin: 0 auto;
}


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

#sec05 .img01::after{
  content: '';
  display: block;
  width: calc(524.1543 * var(--setsize));
  height: calc(334.6951 * var(--setsize));
  background: #D4D3D1;
  position: absolute;
  left: 0;
  top: calc(347.959 * var(--setsize));
  z-index: -1;
  pointer-events: none;
}


#sec05 .secText{
  display: block;
  width: calc(650 * var(--setsize));
  margin: 0 auto calc(80 * var(--setsize));
}

#sec05 .secText .secTTL{
  display: block;
  margin-bottom: calc(50 * var(--setsize));
  text-align: center;
  overflow: hidden;
}
#sec05 .secText .secTTL > span{
  display: inline-block;
  font-size: calc(25 * var(--setsize));
  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: calc(23 * var(--setsize));
  letter-spacing: 0.075em;
  line-height: 1.869565217391304;
  font-weight: 500;
  text-align: justify;
  line-break: strict;
  overflow-wrap: anywhere;
  color: #000000;
  font-feature-settings: "palt";
}


#sec05 .creditArea{
  position: relative;
  z-index: 2;
}



/*******************************
btnViewALL
*******************************/
#AU250326DENIM .btnViewALL{
  display: block;
  width: calc(140 * var(--setsize));
  margin: 0 auto;
}

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

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



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