/* CSS Document */
#key {
  background: url("../img/concept/key.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
}
#key .ttl {
  position: absolute;
  top: 306px;
  right: -8px;
}
#key .txt {
  lletter-spacing: 0.05em;
  line-height: 32px;
  height: 400px;
  padding-top: 480px;
  margin-left: -9px;
}
#sec1 {
  background: url("../img/concept/s1_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-top: 200px;
  padding-bottom: 964px;
  position: relative;
}
#sec1:before {
  content: '';
  background: url("../img/shared/bg_line.jpg") repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 7px;
}
#sec1 h2 {
  margin-bottom: 106px;
}
#sec1 .txt {
  line-height: 46px;
}
#sec2 {
  color: #fff;
  position: relative;
}
#sec2:before {
  content: '';
  background: url("../img/shared/bg_line.jpg") repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 7px;
}
#sec2 .blk {
  padding-top: 104px;
  position: relative;
  padding-bottom: 280px;
}
#sec2 .blk h2 {
  position: absolute;
  top: 103px;
  right: -19px;
  z-index: 1;
}
#sec2 .blk .txt {
  position: absolute;
  top: 182px;
  right: 122px;
  line-height: 32px;
  width: 257px;
  height: 480px;
  z-index: 1;
}
#sec2 .blk .img {
  margin-left: -100px;
}
#sec2 .blk .img2 {
  position: absolute;
  bottom: 47px;
  left: -100px;
  z-index: 2;
}
#sec2 .blk .img3 {
  position: absolute;
  bottom: 127px;
  left: 264px;
  z-index: 1;
}
#sec2 .blk .deco1 {
  position: absolute;
  top: 16px;
  right: -180px;
}
#sec2 .blk .deco2 {
  position: absolute;
  bottom: 0;
  left: 378px;
}
#sec2 .blk .deco3 {
  position: absolute;
  bottom: -20px;
  right: -162px;
}
#sec3 {
  padding-bottom: 83px;
}
#sec3 .blk1 {
  background: url("../img/concept/s2_bg1.png") no-repeat center;
  background-size: cover;
  position: relative;
  margin-left: -100px;
  margin-bottom: 59px;
}
#sec3 .blk1 h3 {
  text-align: right;
  padding-top: 170px;
  padding-bottom: 165px;
}
#sec3 .blk1 .deco4 {
  position: absolute;
  top: 12px;
  right: -276px;
}
#sec3 .blk2 {
  background: url("../img/concept/s3_bg.png") no-repeat center;
  background-size: cover;
  color: #fff;
  margin-right: -100px;
  position: relative;
}
#sec3 .blk2 h3 {
  padding-top: 88px;
  margin-left: -6px;
  margin-bottom: 5px;
}
#sec3 .blk2 .txt {
  width: 420px;
  padding-bottom: 71px;
}
#sec3 .blk2 .deco1 {
  position: absolute;
  top: 11px;
  left: -315px;
}
#sec3 .blk2 .deco2 {
  position: absolute;
  bottom: -200px;
  left: -26px;
}
#sec3 .blk2 .deco3 {
  position: absolute;
  bottom: -195px;
  right: -140px;
}
#sec3 .btn-style {
  padding-top: 55px;
}
#sec4 {
  background: url("../img/concept/s4_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-bottom: 75px;
}
#sec4 h2 {
  position: absolute;
  top: 107px;
  right: -19px;
}
#sec4 .txt {
  position: absolute;
  top: 433px;
  right: 237px;
  height: 255px;
}
#sec4 .btn-style {
  padding-top: 52px;
}
#sec4 .img {
  padding-top: 435px;
}
#sec5 {
  background: url("../img/concept/s5_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  position: relative;
  padding-top: 154px;
  padding-bottom: 103px;
}
#sec5:before {
  content: '';
  background: url("../img/shared/bg_line.jpg") repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 7px;
}
#sec5:after {
  content: '';
  background: url("../img/shared/bg_line.jpg") repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 7px;
}
#sec5 h2 {
  margin-bottom: 17px;
}
#sec5 .btn-style {
  padding-top: 49px;
}
hr {
  background: url("../img/shared/bg_body.jpg") repeat;
  height: 84px;
  border: 0;
}