#key {
  background: url("../img/counter/key.jpg") no-repeat center center/cover;
}

.title_counter {
  position: absolute;
  top: 224px;
  left: 119px;
  z-index: 2;
}

.text_counter {
  position: absolute;
  top: 545px;
  left: 163px;
  z-index: 2;
  width: 713px;
  border-top: 4px double #fff;
  border-bottom: 4px double #fff;
  color: #fff;
  padding: 38px 87px 56px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#sec1 {
  background: url("../img/counter/sec1_bg.jpg") repeat center center;
  color: #fff;
  padding-bottom: 102px;
}

#sec1 h2 {
  padding: 90px 0 0 383px;
  position: relative;
  z-index: 2;
}

#sec1 .photo1 {
  position: absolute;
  top: 99px;
  left: -78px;
}

#sec1 .photo2 {
  margin: -231px 0 0 445px;
}

#sec1 .txt {
  width: 408px;
  height: 412px;
  border-top: 1px solid #fff;
  padding: 43px 26px 13px 0;
  position: absolute;
  top: 630px;
  left: -36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
}

#sec1 .txt p {
  padding-left: 30px;
}

#sec2 h2 {
  text-align: center;
  padding: 174px 0 80px;
}

#sec2 .note {
  padding-bottom: 23px;
  text-align: center;
}

#sec2 .info {
  position: relative;
  min-height: 669px;
  z-index: 2;
}

#sec2 .info:before {
  content: '';
  background: url("../img/counter/line.png") repeat-y top center;
  width: 3px;
  height: 450px;
  position: absolute;
  top: 565px;
  left: 564px;
}

#sec2 .info .photo {
  position: absolute;
  top: 0;
  left: -204px;
}

#sec2 .info .boxtxt h3 {
  padding: 25px 0 0 415px;
}

#sec2 .info .boxtxt .txt {
  padding: 49px 0 0 746px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
  text-align: justify;
}

#sec2 .wrap:before {
  content: url("../img/counter/sec2_deco1.png");
  position: absolute;
  top: -102px;
  right: 244px;
}

#sec2 .wrap:after {
  content: url("../img/counter/sec2_deco2.png");
  position: absolute;
  top: 619px;
  left: 179px;
  z-index: 2;
}

#sec3 {
  min-height: 1155px;
  padding-bottom: 93px;
  position: relative;
  z-index: 2;
}

#sec3 h2 {
  padding-top: 128px;
  position: relative;
  z-index: 2;
}

#sec3 .photo {
  position: absolute;
  top: 268px;
  left: -351px;
}

#sec3 .wrap:before {
  content: url("../img/counter/sec3_deco.png");
  position: absolute;
  top: -88px;
  right: -91px;
}

#sec3 .wrap:after {
  content: '';
  background: url("../img/counter/line.png") repeat-y top center;
  width: 3px;
  height: 339px;
  position: absolute;
  bottom: -347px;
  left: 564px;
}

#sec3 .boxmenu {
  width: 488px;
  margin-left: 562px;
  background: url("../img/counter/line-boxmenu.png") repeat-x bottom center;
  position: relative;
  z-index: 2;
  padding-bottom: 32px;
}

#sec3 .boxmenu h3 {
  margin-bottom: 15px;
}

#sec3 .boxmenu dl {
  display: table;
  border-bottom: 1px solid #000;
  font-size: 15px;
  line-height: 32px;
  padding: 15px 0;
  width: 100%;
}

#sec3 .boxmenu dl:last-child {
  border-bottom: none;
}

#sec3 .boxmenu dl dt {
  float: left;
  padding-left: 56px;
}

#sec3 .boxmenu dl dd {
  float: right;
  padding-right: 53px;
}

#sec3 .bnr {
  padding: 56px 0 0 611px;
}

#sec4 {
  padding-bottom: 126px;
}

#sec4 h2 {
  position: absolute;
  top: 0;
  left: -36px;
  z-index: 2;
}

#sec4 .photo2 {
  position: absolute;
  top: 512px;
  left: -219px;
}

#sec4 .photo1 {
  padding: 23px 0 15px 465px;
}

#sec4 .boxmenu {
  width: 536px;
  margin-left: 520px;
  background: url("../img/counter/line-boxmenu.png") repeat-x bottom center;
  position: relative;
  z-index: 2;
  padding: 0px 20px 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#sec4 .boxmenu h3 {
  margin-left: -20px;
}

#sec4 .boxmenu dl {
  display: table;
  border-bottom: 1px solid #000;
  font-size: 15px;
  line-height: 32px;
  padding: 15px 0;
  width: 100%;
}

#sec4 .boxmenu dl:last-child {
  border-bottom: none;
}

#sec4 .boxmenu dl dt {
  float: left;
  padding-left: 56px;
}

#sec4 .boxmenu dl dd {
  float: right;
  padding-right: 53px;
}

#sec4 .bnr {
  position: absolute;
  top: 1085px;
  left: 11px;
}

#sec5 {
  background: url("../img/counter/sec5_bg.png") repeat top center;
}

#sec5 .wrap:after {
  content: url("../img/counter/sec5_deco2.png");
  position: absolute;
  top: 371px;
  left: -126px;
}

#sec5 h2 {
  padding: 57px 0 68px;
  text-align: center;
}

#sec5 h3 {
  position: absolute;
  top: 259px;
  left: 36px;
}

#sec5 .info1 {
  position: relative;
}

#sec5 .info1:before {
  content: url("../img/counter/sec5_deco1.png");
  position: absolute;
  top: -265px;
  right: 17px;
}

#sec5 .info1 .boxtxt {
  padding-left: 238px;
}

#sec5 .info1 .boxtxt dl {
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
  padding-top: 39px;
  letter-spacing: 9px;
}

#sec5 .info1 .boxtxt dl dd span {
  font-size: 20px;
}

#sec5 .info1 .boxtxt .txt {
  width: 190px;
  padding-top: 14px;
  line-height: 32px;
}

#sec5 .info1 .photo {
  margin-right: -78px;
}

#sec5 .info2 {
  position: relative;
  z-index: 2;
}

#sec5 .info2:before {
  content: url("../img/counter/sec5_deco3.png");
  position: absolute;
  top: 35px;
  right: -135px;
}

#sec5 .info2 .photo {
  margin-left: -83px;
}

#sec5 .info2 .photo img {
  margin-top: -98px;
}

#sec5 .info2 .boxtxt {
  padding-top: 64px;
  padding-left: 36px;
}

#sec5 .info2 .boxtxt dl {
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
  padding-top: 0px;
  letter-spacing: 9px;
}

#sec5 .info2 .boxtxt dl dd span {
  font-size: 20px;
}

#sec5 .info2 .boxtxt .txt {
  width: 380px;
  padding-top: 15px;
  line-height: 32px;
}

#sec5 .info3 {
  padding-bottom: 134px;
  position: relative;
}

#sec5 .info3:before {
  content: url("../img/counter/sec5_deco4.png");
  position: absolute;
  top: 3px;
  left: -140px;
}

#sec5 .info3 .boxtxt {
  padding-top: 131px;
  padding-left: 142px;
  width: 346px;
}

#sec5 .info3 .boxtxt dl {
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
  padding-top: 0px;
  letter-spacing: 9px;
}

#sec5 .info3 .boxtxt dl dd span {
  font-size: 20px;
}

#sec5 .info3 .boxtxt .txt {
  width: 300px;
  padding-top: 10px;
  line-height: 32px;
}

#sec5 .info3 .go_slide {
  margin-right: -79px;
  width: 580px;
  height: 460px;
}

#sec6 {
  background: url("../img/counter/sec6_bg.jpg") repeat top center;
  padding-bottom: 130px;
  position: relative;
  z-index: 1;
}

#sec6 .ttl {
  padding: 92px 0 39px 405px;
}

#sec6 .info1 {
  position: relative;
  z-index: 2;
}

#sec6 .info1 h2 {
  position: absolute;
  top: -42px;
  left: -23px;
  z-index: 2;
}

#sec6 .info1 .photo {
  margin-left: 330px;
}

#sec6 .info2 {
  position: relative;
  z-index: 1;
}

#sec6 .info2 .boxleft .photo {
  margin-left: -111px;
}

#sec6 .info2 .boxleft .photo img {
  margin-top: -156px;
}

#sec6 .info2 .boxleft .bnr {
  padding: 67px 0 0 36px;
}

#sec6 .info2 .boxtxt {
  width: 308px;
}

#sec6 .info2 .boxtxt h3 {
  padding-left: 44px;
}

#sec6 .info2 .boxtxt .txt {
  padding: 50px 0 0 52px;
  color: #fff;
  line-height: 32px;
}

#sec6 .wrap:before {
  content: url("../img/counter/sec6_deco1.png");
  position: absolute;
  top: 138px;
  left: -111px;
}

#sec6 .wrap:after {
  content: url("../img/counter/sec6_deco2.png");
  position: absolute;
  bottom: 0;
  right: -137px;
}

#sec7 {
  background: url("../img/counter/sec7_bg.png") repeat top center;
  padding-bottom: 98px;
}

#sec7 h2 {
  text-align: center;
  padding: 61px 0 39px;
}

#sec7 .photo {
  margin-left: -58px;
  padding-bottom: 27px;
}

#sec7 .boxtxt {
  background: url("../img/counter/sec7_bg_box.jpg") repeat top center;
  width: 1052px;
  margin-left: -30px;
  position: relative;
  padding-bottom: 50px;
}

#sec7 .boxtxt:before {
  content: '';
  border: 3px solid #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
}

#sec7 .boxtxt .deco {
  position: absolute;
  top: 98px;
  right: 123px;
}

#sec7 .boxtxt h3 {
  text-align: center;
  padding-top: 38px;
  padding-bottom: 25px;
}

#sec7 .boxtxt ul {
  width: 567px;
  padding-left: 122px;
  color: #fff;
}

#sec7 .boxtxt ul li {
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
}

#sec7 .bnr {
  padding-top: 77px;
  text-align: center;
}