@charset "UTF-8";
/* #verticalScroll{
  z-index: initial;
} */
body > footer,
#backToList{
  z-index: 0;
  opacity: 0;
  transition: all .2s;
}
body.showFooter > footer,
body.showFooter #backToList{
  z-index: 10;
  opacity: 1;
}
.verticalScroll #verticalScroll footer .bottomLinksWrap{
  height: 200vw;
  padding-bottom: 140vw;
}
aside i, aside b{
  border-bottom-color: #fff;
}
aside.jsCloseMenu i,aside.jsCloseMenu b{
  border-bottom-color: #3B4043;
}
body{
  background: #000;
  color: #fff;
}
body > footer{
  height: 0;
  padding: 0;
}
body > footer .footer,
.verticalScroll #verticalScroll .Followfooter,
.verticalScroll #verticalScroll .Followfooter tbody{
  display: none;;
}
main{
  position: relative;
}
/* .bottomLinksWrap {
  padding-bottom: 90vw;
} */
#firstView{
  height: 100vh;
  position: relative;
  z-index: 21;
  width: 100vw;
}
#firstView::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  height: calc(100% + 1px);
  top: 0;
  bottom: 0;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
  z-index: 2;
}
#firstView img{
  position: absolute;
  width: 100%;
  height: auto;
  top: -35.13vw;
  right: 0;
  z-index: 3;
  opacity: .44;
  mix-blend-mode:lighten;
}
#firstViewText{
  padding: 2vh 12.82vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
}
#firstView h1 {
  font-size: 2vh;
  line-height: 6vh;
  padding: 5vh 0 0;
  font-weight: 400;
}
#firstView h1 span{
  font-size: 10.2vw;
  font-size: 4.7vh;
  font-weight: 200;
}
#firstView h2{
  font-size: 9.5vw;
  font-size: 4.2vh;
  font-weight: 200;
  padding: 10vh 0 0;
  height: 30vh;
}
.fvText{
  font-size: 1.6vh;
  line-height: 7.25vw;
  line-height: 2.93vh;
  text-align: justify;
  padding-top: 13.5vh;
  width: 100%;
}
#bgVideo{
  position: relative;
  width: 100%;
  height: 100dvh;
  overflow: hidden;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;;
}
#bgVideo::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: radial-gradient( circle at 90% 70%,rgba(21, 88, 143, 0.8) 0% , rgba(42, 85, 155, 0.5) 25% , rgba(21, 108, 143, 0) 60%);
  z-index: 2;
}
video.bgMovie {
  width: auto;
  height: 100%;
}

.jobContentWrap{
  position: relative;
  margin-bottom: 0;
}

.jobContentWrap::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 90%, rgb(0, 0, 0));
  z-index: 2;
}
.jobContentWrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.jobContentWrap img:nth-of-type(3){
  top: 0;
  right: 0;
}
.jobContent{
  width: 100%;
  /* height: 100vh; */
  padding: 60vh 12.82vw 0;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 80%;
  position: relative;
}
.jobContent::after{
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100vh - 64vh + 10vw);
  top: calc(64vh - 10vw);
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
  z-index: 2;
}
.jobContent > *{
  position: relative;
  z-index: 3;
}
.jobContent h2{
  font-size: 4.65vw;
  line-height: 8.15vw;
  padding-bottom: 11vw;
  text-align: left;
  font-weight: 500;
}
.jobContent p{
  font-size: 3.59vw;
  line-height: 6.87vw;
  padding-bottom: 7vw;
  line-height: 6.1vw;
}
#jobContent01 > p,#jobContent02 > p{
  padding-bottom: 3vw;
  padding: 0 12.82vw;
}

#jobContent01Inner02 > p,#jobContent01Inner02 >img{
  padding:0 12.82vw;
}

.shadowHeadBottom{
  position: relative;
  overflow: hidden;
}
.shadowHeadBottom::before,
.shadowHeadBottom::after{
  content: "";
  display: block;
  width: 100%;
  height: 15vw;
  top: -.5px;
  bottom: 0;
  position: absolute;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 1));
  z-index: 2;
}
.shadowHeadBottom::after{
  top: initial;
  bottom: -.5px;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 1));
}
  
#specDesignImg{
  width: 100%;
  margin: 8vw 0;
}
.commonFootContent{
  background-color: #fff;
  color: #000;
}
#jobContent01{
  margin: 21vw 0 0;
}
#jobContent01 h1,#jobContent02 h1,#jobContent03 h1{
  font-size: 4.65vw;
  line-height: 8.5vw;
  padding:0 12.82vw 10vw;
  text-align: left;
  font-weight: 500;
}
#jobContent01
,#jobContent02
,#jobContent03{
  margin-bottom: 20vw;
}
#jobContent01 p,#jobContent02 p,#jobContent03 p{
  padding:0 12.82vw;
  font-size: 3.59vw;
  line-height: 6.2vw;
}
#jobContent01 img{
  margin-top:16.41vw;
}
#jobContent02 img,#jobContent03 img{
  margin-top: 12.82vw;
}

#backToList{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  color: #fff;
  border-radius: 9999px;
  text-align: center;
  width: 74.36vw;
  height: 11.54vw;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 34.62vw;
  padding: 0 14.1vw;
  margin: auto;
  font-size: 4.62vw;
}
#backToList img{
  display: block;
  width: 3.95vw;
  height: 3.44vw;
  margin-top: .6vw;
}