header .top {
  background: url("../img/scene/key.jpg") no-repeat center top/cover;
}

#sec1 {
  position: relative;
  padding: 0 0 129px;
}
#sec1:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 460px);
  height: 988px;
  background: url("../img/shared/bg3.jpg") repeat center top;
}
#sec1:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% + 145px);
  height: 390px;
  background: url("../img/shared/bg3.jpg") repeat center top;
}
#sec1 h2 {
  padding: 233px 0 0 16px;
}
#sec1 .photo1 {
  position: absolute;
  top: 117px;
  right: -276px;
}
#sec1 .photo2 {
  margin: 0 0 0 -91px;
}
#sec1 .box {
  width: 619px;
  height: 559px;
  margin: -127px 0 0 410px;
  background: url("../img/shared/bg5.jpg") repeat center top;
  color: #fff;
  position: relative;
  z-index: 11;
}
#sec1 .box .txt {
  padding: 69px 80px 0 80px;
  text-align: justify;
}
#sec1 .photo3 {
  position: absolute;
  top: 897px;
  left: -130px;
  z-index: 111;
}
#sec1 .deco1 {
  position: absolute;
  top: -25px;
  left: -255px;
  z-index: -1;
}
#sec1 .deco2 {
  position: absolute;
  top: 31px;
  left: 229px;
}
#sec1 .deco3 {
  position: absolute;
  top: 1232px;
  right: -289px;
}

#sec2 {
  position: relative;
  background: url("../img/shared/bg6.png") repeat center top;
}
#sec2 .box1:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(50% - 253px);
  height: 148px;
  background: url("../img/shared/bg5.jpg") repeat center top;
}
#sec2 .box1 .wrap:before {
  content: '';
  background: url("../img/shared/bg5.jpg") repeat center top;
  width: 352px;
  height: 364px;
  position: absolute;
  top: 0;
  left: -151px;
}
#sec2 .box1 h3 {
  padding: 149px 0 0 3px;
}
#sec2 .box1 .txt {
  color: #000;
  padding: 22px 566px 141px 10px;
}
#sec2 .box1 .photo {
  position: absolute;
  top: 38px;
  right: -400px;
  z-index: 11;
}
#sec2 .box2 {
  position: relative;
  background: url("../img/scene/sec2_bg.jpg") no-repeat center top/cover;
}
#sec2 .box2 .fl, #sec2 .box2 .fr {
  width: 50%;
}
#sec2 .box2 .fl .button {
  padding: 277px 0 0 0;
}
#sec2 .box2 .fr h3 {
  padding: 0 0 0 20px;
}
#sec2 .box2 .fr .txt {
  color: #fff;
  padding: 17px 70px 0 173px;
}

#sec3 {
  position: relative;
  background: url("../img/shared/bg4.jpg") repeat center top;
  padding-top: 7px;
}
#sec3 h2 {
  position: absolute;
  top: 137px;
  right: 16px;
  z-index: 11;
}
#sec3 .photo {
  position: absolute;
  top: 65px;
  right: 95px;
}
#sec3 .txt {
  padding: 655px 650px 134px 54px;
  color: #fff;
  position: relative;
  z-index: 11;
  text-align: justify;
}
#sec3 .deco {
  position: absolute;
  top: 0;
  right: -230px;
}

#sec4 .box1 {
  background: url("../img/scene/sec4_bg.jpg") no-repeat center top/cover;
}
#sec4 .box1 h2 {
  padding: 175px 0 158px 0;
}
#sec4 .box2 .txt {
  padding: 54px 0 0 183px;
}
#sec4 .box2 .deco1 {
  position: absolute;
  top: 75px;
  left: -44px;
}
#sec4 .box2 .deco2 {
  position: absolute;
  top: 41px;
  right: -100px;
}
#sec4 .box2 .button {
  padding: 63px 0 40px 0;
}