@media (min-width:737px) {
  #main .section:nth-of-type(2n+2) {
    background: #e3e3e3
  }
  #main .section:nth-of-type(2n+2) .title-2 {
    background: #fff;
  }
}

#main .step1 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-1.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

#main .step2 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-2.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

#main .step3 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-3.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

#main .step4 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-4.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

#main .step5 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-5.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

#main .step6 .title-2 > * {
  background-image: url(../../_images/flow/icon-step-6.png);
  background-position: 1em center;
  background-repeat: no-repeat;
}

@media (max-width:736px) {
  #main .section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #main .section ~ .section {
    padding-top: 0;
  }
  #main .layout-flex-2 > div ~ div {
    margin-top: 30px;
  }
  #main .title-2 {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  #main .title-2 > * {
    text-align: left !important;
    padding-left: 55px;
    background-position: 0.5em center !important;
    background-size: 40px;
  }
}

@media (min-width:737px) {
  #main .step2 p,
  #main .step4 p,
  #main .step6 p {
    padding-right: 160px;
  }

  #main .step2 p {
    background: url(../../_images/flow/photo-2.png) right 0 no-repeat;
  }

  #main .step4 p {
    background: url(../../_images/flow/photo-4.png) right 0 no-repeat;
  }

  #main .step6 p {
    background: url(../../_images/flow/photo-6.png) right 0 no-repeat;
  }

  #main .step3 p,
  #main .step5 p {
    padding-right: 230px;
  }

  #main .step3 p {
    background-image: url(../../_images/flow/photo-3.png);
    background-position: right 0;
    background-repeat: no-repeat;
  }

  #main .step5 p {
    background-image: url(../../_images/flow/photo-5.png);
    background-position: right 0;
    background-repeat: no-repeat;
  }

  #main .step2 .title-2 > * {
    background-image: url(../../_images/flow/icon-step-2.png);
    background-position: 1em center;
    background-repeat: no-repeat;
  }

  #main .step3 .title-2 > * {
    background-image: url(../../_images/flow/icon-step-3.png);
    background-position: 1em center;
    background-repeat: no-repeat;
  }

  #main .step4 .title-2 > * {
    background-image: url(../../_images/flow/icon-step-4.png);
    background-position: 1em center;
    background-repeat: no-repeat;
  }

  #main .step5 .title-2 > * {
    background-image: url(../../_images/flow/icon-step-5.png);
    background-position: 1em center;
    background-repeat: no-repeat;
  }

  #main .step6 .title-2 > * {
    background-image: url(../../_images/flow/icon-step-6.png);
    background-position: 1em center;
    background-repeat: no-repeat;
  }
}
