.build-bg { background: url(../../img/build/bg1.png) center top no-repeat; background-size: cover; height: 439px;}
.build-bg-text { padding-top: 120px; padding-left: 90px;}

.build-wrap { padding: 135px 0 120px 0;}
.build-row { margin-bottom: 100px; display: inline-block; width: 100%;}
.build-row:last-child { margin-bottom: 0;}
.build-content { width: 50%; display: inline-block; vertical-align: top; padding-right: 4%; padding-left: 0;}
.build-title { margin-bottom: 25px;}
.build-text { font-size: 16px; line-height: 160%;}
.build-photo { width: 50%; display: inline-block; vertical-align: top; float: right;}

.build-wrap .build-row:nth-child(2n) .build-content { padding-left: 4%; padding-right: 0;}
.build-wrap .build-row:nth-child(2n) .build-photo { float: left;}

.build-dark { background: #F1F1F1; padding: 70px 0;}
.build-dark-title { text-align: center;}
.build-flow { font-size: 0; margin-top: 50px;}
.build-flow .build-flow-item { width: 27%; display: inline-block; vertical-align: top; padding-right: 3%; margin-right: 2%; position: relative;}
.build-flow .build-flow-item2 { width: 42%; display: inline-block; vertical-align: top; position: relative;}
.build-flow-item:after { content: url(../../img/build/arrow.png); position: absolute; right: 0; top: 50px;}
.build-flow-item2:after { content: url(../../img/build/arrow.png); position: absolute; right: 0; top: 50px; display: none;}
.build-flow-title { font-size: 24px; border-radius: 50%; width: 130px; height: 130px; justify-content: center; text-align: center; display: flex; align-items: center; position: relative; z-index: 11;}
.bulid-flow-title-special { font-size: 21px; line-height: 90%;}
.build-flow-title-bg1 { background: #FBCF00;}
.build-flow-title-bg2 { background: #F6921E;}
.build-flow-content { font-size: 16px; line-height: 160%; margin-top: 10px;}

.build-flow2 { font-size: 0; margin-top: 70px;}
.build-flow2 .build-flow-title { margin-left: 25px;}
.build-flow2 .build-flow-item { width: 25.6%; display: inline-block; vertical-align: top; padding-right: 3%; margin-right: 2%; position: relative;}
.build-flow2 .build-flow-item:after { content: url(../../img/build/arrow.png); position: absolute; right: -35px; top: 50px;}
.build-flow2 .build-flow-item:last-child:after { display: none;}
.build-flow2 .build-flow-item-last { width: 17%; padding-right: 0%; margin-right: 0%;}

.build-flow-photo { position: absolute; top: -85px; left: 110px; z-index: 10;}
.build-flow-photo2 { position: absolute; top: -180px; left: 0px; z-index: 10;}
.build-flow-photo2 img { max-width: inherit;}
.flow-pdr20 { padding-right: 20px;}
.flow-pdr25 { padding-right: 25px;}
.flow-pdr30 { padding-right: 30px;}
.flow-pdr35 { padding-right: 35px;}
.flow-pdr40 { padding-right: 40px;}
.flow-pdr45 { padding-right: 45px;}

.build-banner { border: 3px solid #989898; padding: 4px; margin: 60px 0 40px 0;}
.build-banner-bd { border: 1px solid #989898; font-size: 0; text-align: right;}
.build-banner-content { width: 65.5%; display: inline-block; vertical-align: top; padding: 30px 40px 30px 20px; text-align: left;}
.build-banner-img { width: 41%; display: inline-block; vertical-align: top;}
.build-banner-text { width: 59%; display: inline-block; vertical-align: top; font-size: 16px; line-height: 160%; margin-top: 20px;}
.build-banner-photo { width: 34.5%; display: inline-block; vertical-align: top;}

@media screen and (max-width: 767px) {
  .build-wrap { padding: 50px 0 30px 0;}
  .build-bg { height: 220px;}
  .build-bg-text { padding: 20px;}
  .build-dark { padding: 30px 0;}
  .build-row { border-bottom: 1px solid #fbcf00; margin-bottom: 30px; padding-bottom: 30px;}
  .build-content { width: 100%; padding-right: 0%;}
  .build-wrap .build-row:nth-child(2n) .build-content { padding-left: 0%;}
  .build-photo { width: 100%; text-align: center; margin-bottom: 30px;}

  .build-flow .build-flow-item { width: 100%; padding-right: 0; margin-right: 0; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding: 10px 0;}
  .build-flow .build-flow-item2 { width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0;}

  .build-flow-photo { position: relative; top: 0; left: 0; z-index: 10; text-align: center; margin: 10px 0;}
  .build-flow-photo2 { position: relative; top: 0; left: 0; z-index: 10; text-align: center; margin: 10px 0;}
  .build-flow-photo2 img { max-width: 100%;}

  .build-flow2 .build-flow-item { width: 100%; padding-right: 0; margin-right: 0; border-bottom: 1px solid #ccc; padding: 10px 0;}
  .build-flow-item2:after { display: inline-block;}
  .build-flow .build-flow-item:after, .build-flow-item2:after, .build-flow2 .build-flow-item:after { right: 0; transform: rotate(90deg); top: 60px; width: 25px; overflow: hidden;}
  .build-flow2 .build-flow-item:last-child:after { display: none;}
  .build-flow2 .build-flow-item-last { width: 100%;}

  .build-flow, .build-flow2 { margin-top: 20px;}
  .build-flow-content { padding-right: 0; font-size: 14px;}

  .build-flow-title { font-size: 14px; width: 90px; height: 90px;}
  .build-flow2 .build-flow-title { margin-left: 0;}

  .build-banner-content { width: 100%; padding: 10px;}
  .build-banner-img { width: 100%; text-align: center;}
  .build-banner-text { width: 100%; font-size: 14px;}
  .build-banner-photo { width: 100%; text-align: center;}

  .build-text{ font-size: 14px;}

}