div.flow {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;counter-reset: flow;color: #000;}div.fli {display: -webkit-flex;display: flex;flex-basis: 33.3%;}div.fli > div {position: relative;display: -webkit-flex;display: flex;flex-basis: 100%;margin: 5px 10px;background-color: #eee;}div.fli > div:after {position: absolute;content: "";background: none no-repeat center center;background-size: 100% 100%;}div.flow > div.fli:last-of-type > div:after {display: none;}@media only screen and (min-width: 768px) {div.fli > div:after {top: 50%;left: 100%;margin-top: -20px;width: 20px;height: 40px;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22240%22%20height%3D%22400%22%3E%3Cpath%20d%3D%22M200%20200%200%20400V0l200%20200Z%22%20fill%3D%22%23eeeeee%22%2F%3E%3C%2Fsvg%3E);}div.flow.floww_p1 div.fli > div:after {left: 50%;top: 100%;margin-top: 0;margin-left: -20px;width: 40px;height: 10px;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22400%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M200%20200%200%200h400L200%20200Z%22%20fill%3D%22%23eeeeee%22%2F%3E%3C%2Fsvg%3E);}}@media only screen and (max-width: 767px) {div.fli > div:after {left: 50%;top: 100%;margin-left: -20px;width: 40px;height: 10px;background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20width%3D%22400%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M200%20200%200%200h400L200%20200Z%22%20fill%3D%22%23eeeeee%22%2F%3E%3C%2Fsvg%3E);}}div.fli > div > span {position: relative;display: block;padding: 10px;text-align: center;font-size: 4rem;font-family:"fontello",Times New Roman,mymincho1,serif;line-height: 1;}div.fli > div > span:before {counter-increment: flow;content: counter(flow, decimal);white-space: nowrap;}div.fli > div > div {flex-grow: 1;padding: 15px;}div.flow h4 {margin: 0;padding: 0;font-size: 1.2em;}@media only screen and (min-width: 768px) {div.flow.flowa_w50:not(.floww_p1) div.fli > div:after {top: 25%;margin-top: 0;height: 50%;}div.flow.flowa_w50.floww_p1 div.fli > div:after {left: 25%;margin-left: 0;width: 50%;}}@media only screen and (max-width: 767px) {div.flow.flowa_w50 div.fli > div:after {left: 25%;margin-left: 0;width: 50%;}}@media only screen and (min-width: 768px) {div.flow.flowa_w100:not(.floww_p1) div.fli > div:after {top: 0;margin-top: 0;height: 100%;}div.flow.flowa_w100.floww_p1 div.fli > div:after {left: 0;margin-left: 0;width: 100%;}}@media only screen and (max-width: 767px) {div.flow.flowa_w100 div.fli > div:after {left: 0;margin-left: 0;width: 100%;}}div.flow.flowa_none div.fli > div:after {display: none;}@media only screen and (min-width: 768px) {div.flow.floww_p1 div.fli {flex-basis: 100%;}div.flow.floww_p2 > div.fli {flex-basis: 50%;}div.flow.floww_p4 > div.fli {flex-basis: 25%;}div.flow.floww_p5 > div.fli {flex-basis: 20%;}div.flow.floww_px {-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}div.flow.floww_px > div.fli {flex: 1;}}@media only screen and (max-width: 767px) {div.flow div.fli {flex-basis: 100%;}}div.flow:not(.flowc_step):not(.flowc_point) > div.fli > div > span {min-width: 1em;}div.flow.flowc_zero > div.fli > div > span:before {content: counter(flow, decimal-leading-zero);}div.flow.flowc_ja > div.fli > div > span:before {content: counter(flow, cjk-ideographic);}div.flow.flowc_step > div.fli > div > span:before {content: "Step." counter(flow, decimal);}div.flow.flowc_point > div.fli > div > span:before {content: "Point " counter(flow, decimal);}div.flow.flowc_roman > div.fli > div > span:before {content: counter(flow, lower-roman);}div.flow.flowc_romanu > div.fli > div > span:before {content: counter(flow, upper-roman);}div.flow.flowc_lower > div.fli > div > span:before {content: counter(flow, lower-alpha);}div.flow.flowc_upper > div.fli > div > span:before {content: counter(flow, upper-alpha);}div.flow.flowc_iroha > div.fli > div > span:before {content: counter(flow, hiragana-iroha);}div.flow.flowc_none > div.fli > div > span {display: none;}div.flow.flowc_none > div.fli > div > span:before {content: "";}div.flow.flowp_t > div.fli > div {-webkit-flex-direction: column;flex-direction: column;}div.flow.flowp_r > div.fli > div {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}div.flow.flowp_e > div.fli:nth-of-type(2n) > div {-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}