@charset "UTF-8";
main {
  background-color: #000;
  color: #fff;
  width: 100%;
  overflow: hidden;
}
#hero {
  height: 100vh;
  position: relative;
  z-index: 11;
}
#hero .Slide{
  width: 100%;
  height: 100%;
}
#hero .Slide::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 70%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(5,5,10, .4) 50%);
  z-index: 2;
}
#hero h1{
  font-size: 3.5vh;
  padding: 5.5vh 10.6vw 25.4vh;
  writing-mode: vertical-lr;
  z-index: 5;
  position: relative;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 200;
  letter-spacing: .175vh;
}
#heroInner,
#heroTop{
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 16;
}
#heroInner{
  top: initial;
  bottom: 5.1vh;
}
main p,
main h2 {
  padding: 0 12.82vw;
}
main h2{
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  writing-mode: vertical-lr;
  font-size: 4.62vw;
  font-weight: 100;
  padding: 14.62vw 11.82vw 12.31vw;
  position: relative;
  z-index: 2;
}
main p{
  font-size: 3.59vw;
  line-height: 6.8vw;
}
main p.ruby{
  font-size: 1.7vh;
  line-height: 2vh;
}
main p#mainTxt{
  font-size: 3.5vh;
  line-height: 5.3vh;
  font-weight: 300;
  padding-top: 1.5vh;
}

#hero p.text{
  padding: 4.5vh 12.82vw 0;
  font-size: 2.6vh;
  line-height: 4.8vh;
  font-weight: 300;
}
.bgWhite {
  background: #fff;
  color: #000;
  padding: 25.64vw 12.82vw 0;
}

#projectMember {
  display: flex;
  flex-wrap: wrap;
  padding: 21.64vw 0 0;
}
#projectMember h2{
  writing-mode: vertical-lr;
  width: 30.07vw;
  height: 77%;
  padding: 0 12.82vw 12.31vw;
  margin-bottom: 12.82vw;
  font-size: 6.41vw;
  line-height: 6vw;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 100;
  background: url(/jp/recruitment/assets/img/features/xtr/arrow.svg) no-repeat right top;
  background-size: contain;
}
#profile{
  width: 72.7vw;
  margin: 0 0 0 -2.8vw;
}
/* #profile .controllScrollItemWrap{
  width: 167.69vw;
} */
#profile .controllScrollOver{
  width: auto;
}
#profile .controllScrollWrap .controllScrollItemWrap li{
  width: 36.15vw;
  font-size: 3.33vw;
  line-height: 5.13vw;
  margin-right: 7.95vw;
}
#profile .controllScrollWrap .controllScrollItemWrap li:first-child{
  margin-left: 5.64vw;
}
#profile .controllScrollWrap .controllScrollItemWrap li img{
  margin-bottom:3.87vw;
}
.name{
  padding: 0 0 4.87vw;
  display: block;
}
.name span{
  font-weight: 400;
  font-size: 5.13vw;
}
.department{
  width: calc(100% + 2em);
}
#projectMember.bgWhite{
  height:142.31vw;
}
#detail{
  width: 50%;
}
#productSection{
  width: 100%;
  background: #5F756A;
}
#productSection img.pcOnly{
  display: none;
}
#gear01Scroll{
  margin: -48vw 0 22vw 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
#gear01{
  display: block;
  width: 151.28vw;
  max-width: none;
  height: auto;
  margin-left: 19vw;
}
#gear02{
  position: relative;
  margin: 36vw 0 0;
}
#gear02 div img{
  display: block;
  width: 80vw;
  position: absolute;
  top: 3vw;
  z-index: 2;
  top: -44.36vw;
  left: -5.64vw;
}
#gear02 div #imgCover{
  width: 53.85vw;
  left: 3.59vw;
  top: -40vw;
}
/* #gear02 img:last-child{
  display: block;
  width: 80vw;
  position: absolute;
  top: 3vw;
  z-index: 2;
  top: -44.36vw;
  left: -5.64vw;
} */
#gear03{
  display: block;
  max-width: none;
  height: auto;
  width: 112.5vw;
  margin: -1.5vw -42.05vw 6vw 10.5vw;
}
.pdIMg{
  display: block;
  width: 74.36vw;
  margin:  0 auto 12.82vw;
}
#featuresFoot h2{
  writing-mode: initial;
  font-size: 5.38vw;
}
#featuresFoot img{
  margin: 0 0 12.82vw;
}

#productSection p{
  padding:  0 12.82vw 12.82vw;
  line-height: 6.5vw;
}
#productSection p.noPaddingBottom{
  padding-bottom: 0;
}
main h3{
  padding: 22.64vw 12.82vw 10.82vw;
  font-size: 5.38vw;
  line-height: 10.18vw;
  font-weight: 300;
}
#featuresFoot p{
  margin:  0 0 26.92vw;
}
#featuresFoot a{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4vw 0 7.18vw;
  width: 74.36vw;
  height: 14.1vw;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  margin: auto;
  font-size: 3.85vw;
}
#featuresFoot a::after{
transition: all .3s;
content: "";
display: inline-block;
background: url(/jp/recruitment/assets/img/common/moreWhite.svg) no-repeat center;
background-size: contain;
width: 4vw;
height: 1.8vw;
margin: 0 0 0 3vw;
}
#featuresFoot a#pStory{
  background: #fff;
  color: #000;
  margin: 0 auto 7.69vw;
}
#featuresFoot a#pStory::after{
  background: url(/jp/recruitment/assets/img/common/moreArrow.svg) no-repeat center;
  background-size: contain;
}
#featuresFoot a#nStory{
  border: 1px solid #fff;
  color: #fff;
  margin:0 auto;
}
#featuresFoot{
  padding: 0 0 35.9vw;
}
.productImgList{
  overflow-y: hidden;
  overflow-x: scroll;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7.69vw;
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none;  /* Firefox */
  margin-bottom: 12.56vw;
}
.productImgList.spOnly{
  grid-template-columns: repeat(4, 1fr);
}
.productImgListItem{
  width: 64.1vw;
}
.productImgListItem:first-child{
  margin-left: 12.82vw;
}
.productImgListItem:last-child{
  margin-right: 12.82vw;
}
.productImgListItem figcaption{
  font-size: 3.59vw;
}
.productImg img{
  width: 55.38vw;
  margin: 0 auto 0;
}
.productImg figcaption{
  text-align: center;
  font-size: 2.31vw;
  margin: 4.62vw auto 11.03vw;
}
#gear03{
  width: 100%;
  margin: 0 auto;
}
#gear03 div{
  width: 52.56vw;
  margin-inline: auto;
  padding-bottom: 17.18vw;
}
#gear03 div img{
  display: block;
  width: 100%;
  margin-inline: auto;
}
#productSection .productImg figcaption{
  padding-bottom: 4.17vw;
  padding-top: 1.61vw;
  margin-top: 2vw;
  margin-bottom: 5vw;
  font-size: 3.5vw;
}
#featuresFoot{
  padding-top: 18.97vw;
  padding-bottom: 79.23vw;
  background: left -84vw bottom / auto 100% no-repeat url(../img/features/icebox/bottomImg.png);
}