header #key {
  background: url(../img/concept/key.jpg) no-repeat center center;
  background-size: cover;
}

header #key .key_txt {
  position: absolute;
  top: 292px;
  left: 0;
  right: 0;
  text-align: center;
}

#sec1 {
  background: url(../img/concept/sec1_bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 798px;
}

#sec1 h2 {
  position: absolute;
  top: 123px;
  right: 0;
}

#sec1 .txt {
  padding: 136px 0 0 540px;
  height: 498px;
  color: #fff;
}

#sec1 .bnr {
  position: absolute;
  top: 230px;
  left: 432px;
}

#sec2 .info1 {
  padding-bottom: 211px;
  position: relative;
}

#sec2 .info1:before {
  content: url(../img/concept/sec1_bg.png);
  position: absolute;
  top: 0;
  left: 0;
}

#sec2 .info1 h2 {
  padding-top: 186px;
}

#sec2 .info1 .txt {
  width: 498px;
  padding: 34px 0;
}

#sec2 .info1 .list {
  width: 1170px;
  margin-left: -86px;
}

#sec2 .info1 .wrap:before {
  content: url(../img/concept/sec2_deco1.png);
  position: absolute;
  top: 63px;
  right: -300px;
}

#sec2 .info1 .bnr {
  text-align: center;
  margin-top: 151px;
}

#sec2 .info2 {
  background: url(../img/shared/bg2.jpg) repeat top center;
  position: relative;
}

#sec2 .info2:before {
  content: '';
  background: url(../img/shared/bg2.jpg) repeat top center;
  -moz-transform: skewY(6deg);
  -webkit-transform: skewY(6deg);
  -o-transform: skewY(6deg);
  -ms-transform: skewY(6deg);
  transform: skewY(6deg);
  position: absolute;
  top: -106px;
  left: 0;
  right: 0;
  height: 300px;
}

#sec2 .info2 .block1 {
  padding-bottom: 120px;
}

#sec2 .info2 .block1 .box {
  width: 500px;
}

#sec2 .info2 .block1 .box .ttl {
  padding: 38px 0 40px;
}

#sec2 .info2 .block2 {
  padding-bottom: 96px;
  position: relative;
}

#sec2 .info2 .block2:before {
  content: url(../img/concept/sec2_deco2.png);
  position: absolute;
  top: 69px;
  left: -300px;
}

#sec2 .info2 .block2 .photo {
  padding-right: 77px;
}

#sec2 .info2 .block2 .box {
  width: 500px;
}

#sec2 .info2 .block2 .box .ttl {
  padding: 23px 0 0 152px;
}

#sec2 .info2 .block2 .box .txt {
  height: 439px;
  padding: 50px 0 0 250px;
}

#sec2 .info2 .block3 {
  padding-bottom: 121px;
}

#sec2 .info2 .block3 .photo {
  padding-left: 25px;
}

#sec2 .info2 .block3 .box {
  width: 450px;
}

#sec2 .info2 .block3 .box .ttl {
  padding: 25px 0 55px;
}

#sec3 {
  padding-bottom: 140px;
  position: relative;
}

#sec3:before {
  content: url(../img/concept/sec3_bg.png);
  position: absolute;
  top: 0;
  right: 0;
}

#sec3 h2 {
  position: absolute;
  top: 0;
  right: -20px;
}

#sec3 .txt {
  position: absolute;
  top: 212px;
  right: 230px;
  height: 505px;
}

#sec3 .photo1 {
  padding: 131px 0 110px;
  margin-left: -190px;
}

#sec3 .photo2 {
  padding-left: 39px;
}

#sec3 .photo3 {
  margin-top: -217px;
  padding-left: 489px;
}