@charset "UTF-8";

/*----------------------------------------
flow
----------------------------------------*/
/*----------------------------------------
Variables
----------------------------------------*/
/* # Color */
/* # Shadow */
/* # Hover */
/* # Font Family */
/* # Font Weight */
/* # Width */
/* # Height */
/* # Padding */
/* # Easing */
/* #icomoon */
@media screen and (max-width: 767px) {
  main.flow .flow-bg {
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 440px, #f2f2f2 441px, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 440px, #f2f2f2 441px, #f2f2f2 100%);
  }
}

@media screen and (min-width: 768px) {
  main.flow .flow-bg {
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f9f9f9 535px, #f2f2f2 536px, #f2f2f2 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 535px, #f2f2f2 536px, #f2f2f2 100%);
  }
}

@media screen and (max-width: 767px) {
  main.flow article.read {
    padding: 70px 0 70px 0;
  }
}

@media screen and (min-width: 768px) {
  main.flow article.read {
    padding: 150px 0 150px 0;
  }
}

@media screen and (max-width: 767px) {
  main.flow article.exec {
    padding: 0px 0 80px 0;
  }
}

@media screen and (min-width: 768px) {
  main.flow article.exec {
    padding: 0px 0 165px 0;
  }
}
/*# sourceMappingURL=../maps/page/flow.css.map */