#key {
  background: url(../img/concept/key_bg.jpg) no-repeat center top/cover;
}
#key .key_ttl {
  padding: 800px 19px 0 0;
}

#sec1 {
  position: relative;
  background: url(../img/concept/sec1_bg.jpg) no-repeat center top/cover;
}
#sec1 h2 {
  position: absolute;
  top: 177px;
  right: -41px;
  z-index: 1;
}
#sec1 .txt {
  width: 270px;
  height: 600px;
  padding: 318px 0 148px 496px;
  letter-spacing: 0.8px;
  line-height: 32px;
  position: relative;
  z-index: 11;
}

#sec2 {
  position: relative;
  background: url(../img/concept/sec2_bg.png) no-repeat center top/cover;
}
#sec2 h2 {
  padding: 72px 0 0;
}
#sec2 .box1 {
  position: relative;
}
#sec2 .box1 .photo {
  position: absolute;
  top: -119px;
  right: -199px;
}
#sec2 .box1 h3 {
  position: absolute;
  top: -150px;
  left: -21px;
  z-index: 1;
}
#sec2 .box1 .txt {
  padding: 185px 0 124px 0;
  width: 400px;
  position: relative;
  z-index: 11;
}
#sec2 .box2 {
  position: relative;
}
#sec2 .box2 .photo {
  position: absolute;
  top: 0;
  left: -187px;
  z-index: 11;
}
#sec2 .box2 h3 {
  position: absolute;
  top: -17px;
  left: 659px;
  z-index: 1;
}
#sec2 .box2 .txt {
  padding: 312px 0 150px 732px;
  width: 400px;
  position: relative;
  z-index: 11;
  letter-spacing: 1.3px;
}
#sec2 .box3 {
  position: relative;
}
#sec2 .box3 .photo {
  position: absolute;
  top: 0;
  right: -199px;
}
#sec2 .box3 h3 {
  position: absolute;
  top: -27px;
  left: -38px;
  z-index: 1;
}
#sec2 .box3 .txt {
  padding: 310px 0 122px 0;
  width: 400px;
  position: relative;
  z-index: 11;
  letter-spacing: 1.3px;
}

#sec3 {
  position: relative;
}
#sec3 .box {
  width: 453px;
  height: 800px;
  background: url(../img/concept/sec3_bg3.png) no-repeat center top/cover;
  position: relative;
  z-index: 11;
  float: right;
  margin-right: 150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#sec3 .box h2 {
  padding: 113px 0 0 58px;
}
#sec3 .box .txt {
  padding: 33px 0 0 81px;
  letter-spacing: 1.3px;
}
#sec3 .sec3_sl {
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#sec3 .sec3_sl .slide1 {
  background: url(../img/concept/sec3_bg1.jpg) no-repeat center top/cover;
  height: 800px;
}
#sec3 .sec3_sl .slide2 {
  background: url(../img/concept/sec3_bg2.jpg) no-repeat center top/cover;
  height: 800px;
}
#sec3 .sec3_sl .bx-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

#sec4 {
  position: relative;
  padding: 180px 0 94px;
}
#sec4 h2 {
  position: absolute;
  top: -91px;
  left: 363px;
}
#sec4 .fl {
  background: rgba(255, 255, 255, 0.08);
  margin-left: -84px;
}
#sec4 .fl .txt {
  padding: 13px 0 35px;
}
#sec4 .fr {
  background: rgba(255, 255, 255, 0.08);
  margin-right: -87px;
}
#sec4 .fr .txt {
  padding: 13px 0 35px 9px;
  letter-spacing: 0.5px;
}

#sec5 {
  position: relative;
  background: url(../img/shared/pattern.jpg) repeat center top;
}
#sec5 h2 {
  position: absolute;
  top: 80px;
  left: -158px;
  z-index: 1;
}
#sec5 .txt {
  padding: 337px 0 0 4px;
  width: 500px;
  position: relative;
  z-index: 11;
}
#sec5 .photo {
  position: absolute;
  top: 80px;
  right: -199px;
}
#sec5 .button {
  padding: 45px 0 122px 7px;
}
