@charset "UTF-8";

#header .header__wrapper{
  margin-bottom: 0;
}



#Foot{background: #000000;}




@media screen and (max-width:767px) {
  :root {
    --lpSetSize: (100vw / 750);
    --lpHeaderHeight: 35.4062px;
    --lpHeadBannerHeight: 50px;
  }
  #header:not(.is-open) .header__inner svg{
    fill: #fff;
  }
  #header:not(.is-open) .cls-4{
    stroke: #fff;
  }
  #header:not(.is-open).header .navigation__list{
    color: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border{
    background: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border::after{
    background: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border::before{
    background: #fff;
  }
}

@media screen and (min-width:768px){
  #header .header__inner svg{
    fill: #fff;
  }
  #header .cls-4{
    stroke: #fff;
  }
  #header.header .navigation__list{
    color: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border{
    background: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border::after{
    background: #fff;
  }
  #header:not(.is-open).header .drawer-btn__border::before{
    background: #fff;
  }
}


:root{
  --scrollbarSize: 0;
}


@media screen and (min-width:768px) and (max-width:1400px) {
  :root {
    --lpSetSize: (100vw / 1400) * 0.5733330666666667;
    --lpHeaderHeight: 98.031px;
    --lpHeadBannerHeight: 60px;
  }
}

@media screen and (min-width:1401px){
  :root {
    --lpSetSize: 0.5733330666666667px;
    --lpHeaderHeight: 98.031px;
    --lpHeadBannerHeight: 60px;
  }
}




/*******************************
AU250723DEVICE1
*******************************/
#AU250723DEVICE1{
  display: block;
  width: 100%;
  margin-top: calc(0px - var(--lpHeaderHeight));
  box-sizing: border-box;
}

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

@media (hover: hover) {
  #AU250723DEVICE1 a:hover{
    opacity: .6;
  }
}

@media (hover: none) {
  #AU250723DEVICE1 a:hover{
    opacity: 1;
  }
}

/*******************************
img setting
*******************************/
#AU250723DEVICE1 .imgOuter{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

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


#AU250723DEVICE1 .imgOuter > .outer,
#AU250723DEVICE1 .imgOuter picture,
#AU250723DEVICE1 .imgOuter img{
  display: block;
  width: 100%;
  height: auto;
}
#AU250723DEVICE1 .imgOuter > a{
  display: block;
  width: 100%;
  height: auto;
  pointer-events: auto;
}


/*******************************
creditLinks
*******************************/
#AU250723DEVICE1 .creditArea{
  display: block;
  width: 100%;
  position: relative;
  z-index: 3;
}

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


#AU250723DEVICE1 .creditLinks > a,
#AU250723DEVICE1 .creditLinks > span{
  display: inline-block;
  font-family: "nimbus-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(24 * var(--lpSetSize));
  letter-spacing: 0.005em;
  line-height: 1;
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-feature-settings: "palt";
}




/*******************************
fadeInSetting
*******************************/
#AU250723DEVICE1 .fadeInBlock{
  opacity: 0;
  transition: opacity 1.4s ease 0s, transform 1.4s ease 0s;
}


#AU250723DEVICE1 .fadeInBlock.view{
  opacity: 1;
  transform: translate(0,0)!important;
}



/*******************************
lpWrap
*******************************/
#AU250723DEVICE1{
  background: #000000;
}

#AU250723DEVICE1 .lpWrap{
  display: block;
  width: 100%;
  background: #000000;
  padding: 0;
}

#AU250723DEVICE1 #mvBlock{
  display: block;
  width: 100%;
  position: relative;
}

  
#AU250723DEVICE1 #mvBlock .mvInner{
  display: block;
  width: 100%;
}

#AU250723DEVICE1 #mvBlock .mvInner picture{
  display: block;
  width: 100%;
}
#AU250723DEVICE1 #mvBlock .mvInner picture > img{
  display: block;
  width: 100%;
  height: auto;
}



#AU250723DEVICE1 .lpMain{
  display: block;
  width: 100%;
  overflow: hidden;
}

#AU250723DEVICE1 .lpMain .lpMainInner{
  display: block;
  width: 100%;
  margin: 0 auto;
}


@media screen and (min-width:768px){
  #AU250723DEVICE1 .lpWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    background: #000000;
    padding: 0;
  }
  
  #AU250723DEVICE1 #mvBlock{
    width: 50%;
  }
  
  #AU250723DEVICE1 #mvBlock .mvInner{
    display: block;
    width: 100%;
    height: 100%;
  }
  
  #AU250723DEVICE1 #mvBlock .mvInner > a{
    display: block;
    width: 100%;
    height: calc(100dvh - var(--lpHeadBannerHeight));
    overflow: hidden;
    position: sticky;
    left: 0;
    top: var(--lpHeadBannerHeight);
  }

  #AU250723DEVICE1 #mvBlock .mvInner > a > picture{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #AU250723DEVICE1 #mvBlock .mvInner > a > picture > img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  #AU250723DEVICE1 .lpMain{
    display: block;
    width: 50%;
    padding-top: 37.5rem;
  }
  
  #AU250723DEVICE1 .lpMain .lpMainInner{
    display: block;
    width: calc(750 * var(--lpSetSize));
    margin: 0 auto;
    position: relative;
  } 

}


/*******************************
mainTTL
*******************************/
#AU250723DEVICE1 .mainTTL{
  display: block;
  width: calc(357.2314 * var(--lpSetSize));
  position: absolute;
  left: calc(50% - 360 * var(--lpSetSize) / 2);
  top: calc(1100 * var(--lpSetSize));
}

@media screen and (min-width:768px){
  #AU250723DEVICE1 .mainTTL{
    display: block;
    width: 22.64116rem;
    margin: 0 auto 8.65834rem auto;
    position: static;
  }
}
 
/*******************************
lpItemDetails
*******************************/
#AU250723DEVICE1 .lpItemDetails{
  display: block;
  width: calc(673.649 * var(--lpSetSize));
  margin: 0 auto;
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail + .lpItemDetail{
  margin-top: calc(106 * var(--lpSetSize));
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .fig{
  display: block;
  width: calc(300 * var(--lpSetSize));
}
#AU250723DEVICE1 .lpItemDetails .lpItemDetail:nth-of-type(2n) > .fig{
  order: 2;
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .fig > a{
  display: block;
  width: 100%;
  height: auto;
}


#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .text{
  display: block;
  width: calc(334 * var(--lpSetSize));
  padding-top: calc(56 * var(--lpSetSize));
  position: relative;
  z-index: 2;
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .text::before{
  content: '';
  display: block;
  width: calc(426.3885 * var(--lpSetSize));
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  right: 0;
  top: calc(36 * var(--lpSetSize));
  z-index: 2;
  transform: scaleX(0);
  transition: transform 0.3s ease 0.6s;
  transform-origin: left center;
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .text.view::before{
  transform: scaleX(1);
}

#AU250723DEVICE1 .lpItemDetails .lpItemDetail:nth-of-type(2n) > .text{
  width: calc(342 * var(--lpSetSize));
  order: 1;
}
#AU250723DEVICE1 .lpItemDetails .lpItemDetail:nth-of-type(2n) > .text::before{
  right: inherit;
  left: 0;
}


#AU250723DEVICE1 .lpItemDetails .lpItemDetail > .text > p{
  display: block;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(23 * var(--lpSetSize));
  line-height: 1.869565217391304;
  letter-spacing: 0.1em;
  text-align: justify;
  color: #FFFFFF;
  font-feature-settings: "palt";
}



/*******************************
sec01
*******************************/
#AU250723DEVICE1 #sec01{
  display: block;
  margin: calc(96 * var(--lpSetSize)) auto calc(134 * var(--lpSetSize));
  overflow: hidden;
  position: relative;
}


#AU250723DEVICE1 #sec01 .secLede{
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: calc(54 * var(--lpSetSize));
  z-index: 2;
  pointer-events: none;
}

#AU250723DEVICE1 #sec01 .secLede p{
  display: block;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  line-height: 1.769230769230769;
  letter-spacing: 0.025em;
  text-align: center;
  color: #FFFFFF;
  font-feature-settings: "palt";
}


#AU250723DEVICE1 #sec01 .img01{
  display: block;
  width: 100%;
  margin: 0 auto calc(122 * var(--lpSetSize)) auto;
  position: relative;
  z-index: 1;
}


#AU250723DEVICE1 #sec01 .img01 .creditArea{
  display: block;
  position: absolute;
  left: 0;
  bottom: calc(44 * var(--lpSetSize));
  z-index: 1;
  pointer-events: none;
}
#AU250723DEVICE1 #sec01 .img01 .creditLinks > a{
  pointer-events: auto;
}



#AU250723DEVICE1 #sec01 .lpItemDetails .lpItemDetail:nth-of-type(1) > .text > p{letter-spacing: 0.1em;}
#AU250723DEVICE1 #sec01 .lpItemDetails .lpItemDetail:nth-of-type(2) > .text > p{letter-spacing: 0.1em;}
#AU250723DEVICE1 #sec01 .lpItemDetails .lpItemDetail:nth-of-type(3) > .text > p{letter-spacing: 0.08em;}




#AU250723DEVICE1 #sec01 .img02{
  display: block;
  width: 100%;
  margin: 0 auto calc(129.0272 * var(--lpSetSize));
  padding-top: calc(120 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec01 .img03{
  display: block;
  width: calc(639.005 * var(--lpSetSize));
  margin: 0 auto calc(83.6763 * var(--lpSetSize)) calc(55.4565 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec01 .img04{
  display: block;
  width: calc(639.6195 * var(--lpSetSize));
  margin: 0 auto calc(92.1965 * var(--lpSetSize)) calc(55.7911 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec01 .img05{
  display: block;
  width: calc(258.1826 * var(--lpSetSize));
  margin: 0 auto calc(82 * var(--lpSetSize)) calc(243.4793 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec01 .img06{
  display: block;
  width: calc(638.9954 * var(--lpSetSize));
  margin: 0 auto calc(79.203 * var(--lpSetSize)) calc(55.5008 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec01 .img07{
  display: block;
  width: calc(575.7235 * var(--lpSetSize));
  margin: 0 auto 0 calc(89.35 * var(--lpSetSize));
}



#AU250723DEVICE1 #sec01 .img03.fadeInBlock,
#AU250723DEVICE1 #sec01 .img06.fadeInBlock{
  transform: translate(-20%,0);
}

#AU250723DEVICE1 #sec01 .img04.fadeInBlock,
#AU250723DEVICE1 #sec01 .img07.fadeInBlock{
  transform: translate(20%,0);
}

#AU250723DEVICE1 #sec01 .img03.fadeInBlock.view,
#AU250723DEVICE1 #sec01 .img06.fadeInBlock.view,
#AU250723DEVICE1 #sec01 .img04.fadeInBlock.view,
#AU250723DEVICE1 #sec01 .img07.fadeInBlock.view{
  transform: translate(0,0);
}


/*******************************
sec02
*******************************/
#AU250723DEVICE1 #sec02{
  display: block;
  margin: 0 auto;
  position: relative;
}


#AU250723DEVICE1 #sec02 .secLede{
  display: block;
  width: 100%;
  position: absolute;
  left: calc(8 * var(--lpSetSize));
  top: calc(-14 * var(--lpSetSize));
  z-index: 2;
  pointer-events: none;
}

#AU250723DEVICE1 #sec02 .secLede p{
  display: block;
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(26 * var(--lpSetSize));
  line-height: 1.769230769230769;
  letter-spacing: 0.025em;
  text-align: center;
  color: #FFFFFF;
  font-feature-settings: "palt";
}


#AU250723DEVICE1 #sec02 .img01{
  display: block;
  width: 100%;
  margin: 0 auto calc(120 * var(--lpSetSize)) auto;
  position: relative;
  z-index: 1;
}

#AU250723DEVICE1 #sec02 .img01 .creditArea{
  display: block;
  position: absolute;
  left: 0;
  bottom: calc(46 * var(--lpSetSize));
  z-index: 1;
  pointer-events: none;
}
#AU250723DEVICE1 #sec02 .img01 .creditLinks > a{
  pointer-events: auto;
}

#AU250723DEVICE1 #sec02 .lpItemDetails .lpItemDetail:nth-of-type(1) > .text > p{letter-spacing: 0.08em;}


#AU250723DEVICE1 #sec02 .lpItemDetails .lpItemDetail:nth-of-type(2){
  margin-top: calc(106 * var(--lpSetSize));
}
#AU250723DEVICE1 #sec02 .lpItemDetails .lpItemDetail:nth-of-type(2) > .text{
  width: calc(342 * var(--lpSetSize));
  padding-top: calc(54 * var(--lpSetSize));
}
#AU250723DEVICE1 #sec02 .lpItemDetails .lpItemDetail:nth-of-type(2) > .text::before{
  top: calc(30 * var(--lpSetSize));
}

#AU250723DEVICE1 #sec02 .lpItemDetails .lpItemDetail:nth-of-type(2) > .text > p{letter-spacing: 0.075em;}


#AU250723DEVICE1 #sec02 .img02{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(120 * var(--lpSetSize));
}

/*******************************
lpBottomArea
*******************************/
#AU250723DEVICE1 .lpBottomArea{
  display: block;
  width: 100%;
  padding: calc(208 * var(--lpSetSize)) 0 calc(88 * var(--lpSetSize));
}

#AU250723DEVICE1 .lpBottomArea .btnViewALL{
  display: block;
  margin: 0 auto;
  text-align: center;
}

#AU250723DEVICE1 .lpBottomArea .btnViewALL a{
  display: inline-block;
  padding-bottom: calc(8 * var(--lpSetSize));
  font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: calc(32 * var(--lpSetSize));
  line-height: 1;
  letter-spacing: 0.037em;
  text-align: justify;
  color: #FFFFFF;
  font-feature-settings: "palt";
  position: relative;
}


#AU250723DEVICE1 .lpBottomArea .btnViewALL a::after{
  content: '';
  display: block;
  width: calc(100% + 0.4em);
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  left: -0.2em;
  bottom: 0;
}


@media screen and (min-width:768px){
  #AU250723DEVICE1 .lpBottomArea{
    padding: 17rem 0 17rem;
  }

}




/*******************************
overRide
*******************************/
@media screen and (max-width:767px) {
  #AU250723DEVICE1 .pcView{display: none;}
}

@media screen and (min-width:768px){
  #AU250723DEVICE1 .spView{display: none;}
}