#key {
  background: url("../img/about/key.jpg") no-repeat center top/cover;
}
#key .key_ttl {
  position: absolute;
  top: 470px;
  left: 0;
}
#sec1 {
  padding-bottom: 90px;
  position: relative;
}
#sec1:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 245px;
  background: url("../img/shared/bg-1.jpg") repeat center top;
}
#sec1 .box-l {
  padding: 156px 0 0 40px;
  position: relative;
  z-index: 2;
}
#sec1 .box-l .txt {
  padding-top: 50px;
}
#sec1 .box-l .txt + .txt {
  padding-top: 34px;
}
#sec1 .img1 {
  position: absolute;
  top: 0;
  right: -5px;
  z-index: 1;
}
#sec2 .block-1 {
  position: relative;
  padding: 55px 0 287px;
}
#sec2 .block-1 h3 {
  position: relative;
  z-index: 1;
}
#sec2 .block-1 .txt {
  width: 565px;
  margin: -44px 0 0 330px;
  padding: 0 18px 9px 61px;
  border-bottom: 1px solid #95baba;
}
#sec2 .block-1 .img1 {
  position: absolute;
  top: 238px;
  left: -140px;
}
#sec2 .block-2 {
  position: relative;
}
#sec2 .block-2 h3 {
  text-align: right;
  position: relative;
  z-index: 1;
}
#sec2 .block-2 .txt {
  width: 300px;
  margin: 38px 0 0 271px;
  padding: 10px 20px 0 20px;
  border-top: 1px solid #d37f82;
}
#sec2 .block-2 .img1 {
  position: absolute;
  top: 183px;
  right: -191px;
}
#sec2 .block-3 {
  position: relative;
}
#sec2 .block-3 h3 {
  margin-top: -27px;
}
#sec2 .block-3 .txt {
  width: 465px;
  margin: 20px 0 0 25px;
  padding: 0 18px 8px 21px;
  border-bottom: 1px solid #9eb56a;
}
#sec2 .block-3 .img1 {
  position: absolute;
  top: 127px;
  right: -35px;
}
#sec2 .block-4 {
  position: relative;
}
#sec2 .block-4 h3 {
  padding: 51px 0 0 173px;
}
#sec2 .block-4 .txt {
  width: 330px;
  margin: -35px 0 0 570px;
  padding: 0 20px 7px 20px;
  border-bottom: 1px solid #f7ce54;
}
#sec2 .block-4 .img1 {
  position: absolute;
  top: 223px;
  left: -20px;
}
#sec2 .block-5 {
  position: relative;
  padding-bottom: 195px;
}
#sec2 .block-5 .txt {
  padding: 330px 0 0 25px;
  width: 475px;
}
#sec2 .block-5 .sec2_btn {
  padding: 47px 0 0 25px;
}
#sec2 .block-5 .img1 {
  position: absolute;
  top: 15px;
  right: -191px;
}
#sec3 {
  background: rgba(94, 151, 151, 0.65);
  padding-bottom: 92px;
  position: relative;
}
#sec3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 600px;
  background: url("../img/about/sec3_img1.jpg") no-repeat center/cover;
}
#sec3:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 600px;
  background: url("../img/about/sec3_img2.jpg") no-repeat center/cover;
  z-index: 0;
}
#sec3 .ttl {
  position: absolute;
  bottom: -55px;
  left: 327px;
  z-index: 1;
}
#sec3 .fr {
  padding-top: 117px;
}
#sec3 .fr .txt {
  padding: 32px 0 0 49px;
}
#sec3 .fl {
  padding-top: 692px;
  position: relative;
  z-index: 2;
}
#sec3 .fl .txt {
  padding-top: 23px;
}
#sec4 {
  color: #fff;
  position: relative;
  margin: 60px;
  padding: 78px 0 109px;
  background: url("../img/about/sec4_img1.jpg") no-repeat center/cover;
}
#sec4 h2 {
  float: right;
}
#sec4 .txt-vertical {
  float: right;
  width: 160px;
  height: 435px;
  margin: 170px 30px 0 0;
}

/*# sourceMappingURL=about.css.map */