img{vertical-align:bottom;max-width:100%;height:auto}ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-style:normal;font-weight:normal;font-size:100%}table{border-collapse:collapse;border-spacing:0}dl{margin:0;padding:0}dl dt{margin:0;padding:0}dl dd{margin:0;padding:0}.reset{line-height:1.5rem;margin:0;padding:0}.clearfix{min-height:1px}.clearfix:after{content:" ";display:block;clear:both;height:0;visibility:hidden;line-height:0}#flow{width:80%;margin:0 auto}#flow ul li{background:white;padding:30px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin:20px 0 0 0;position:relative}#flow ul li>span{display:inline-block;position:absolute;left:0;top:10px;box-sizing:border-box;padding:0 12px;margin:0;height:30px;line-height:30px;font-size:18px;letter-spacing:0.1em;color:white;background:#70c7ff;box-shadow:0 2px 2px rgba(0,0,0,0.12)}#flow ul li>span:before{position:absolute;content:'';top:0;left:-7px;border:none;height:38px;width:7px;background:#70c7ff;border-radius:5px 0 0 5px}#flow ul li>span:after{position:absolute;content:'';bottom:-7px;left:-5px;border:none;height:7px;width:5px;background:#4d99ca;border-radius:5px 0 0 5px}#flow ul li>div{display:flex}#flow ul li>div aside{width:42%;margin-right:3%}#flow ul li>div aside img{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}#flow ul li>div>div{width:55%}#flow ul li>div>div h3{font-size:20px;line-height:30px;font-size:1.25rem;line-height:1.875rem;font-weight:bold}#flow ul li:nth-child(1){border:2px dashed #66C}#flow ul li:nth-child(1)>span{background:#66C}#flow ul li:nth-child(1)>span:before{background:#66C}#flow ul li:nth-child(1)>span:after{background:#4f4fbf}#flow ul li:nth-child(1)>div>div h3{color:#66C}#flow ul li:nth-child(1)>div>div h3:after{content:url(grp/image01.png);position:absolute;bottom:0px;right:50px}#flow ul li:nth-child(2){border:2px dashed #F5B010}#flow ul li:nth-child(2)>span{background:#F5B010}#flow ul li:nth-child(2)>span:before{background:#F5B010}#flow ul li:nth-child(2)>span:after{background:#db9900}#flow ul li:nth-child(2)>div>div h3{color:#F5B010}#flow ul li:nth-child(2)>div>div h3:after{content:url(grp/image02.png);position:absolute;bottom:10px;right:50px}#flow ul li:nth-child(3){border:2px dashed #20B993}#flow ul li:nth-child(3)>span{background:#20B993}#flow ul li:nth-child(3)>span:before{background:#20B993}#flow ul li:nth-child(3)>span:after{background:#0ba47e}#flow ul li:nth-child(3)>div>div h3{color:#20B993}#flow ul li:nth-child(3)>div>div h3:after{content:url(grp/image03.png);position:absolute;bottom:10px;right:50px}#flow ul li:nth-child(4){border:2px dashed #F45E87}#flow ul li:nth-child(4)>span{background:#F45E87}#flow ul li:nth-child(4)>span:before{background:#F45E87}#flow ul li:nth-child(4)>span:after{background:#dc3c68}#flow ul li:nth-child(4)>div>div h3{color:#F45E87}#flow ul li:nth-child(4)>div>div h3:after{content:url(grp/image04.png);position:absolute;bottom:10px;right:50px}@media (max-width: 1060px){#flow{width:auto}}@media (max-width: 768px){#flow ul li>div{display:block}#flow ul li>div aside{width:auto;margin-right:0}#flow ul li>div aside img{max-width:70%}#flow ul li>div>div{width:auto;padding:10px 0 0 0}#flow ul li>div>div p{text-align:left}#flow ul li:nth-child(1)>div>div h3:after{content:""}#flow ul li:nth-child(2)>div>div h3:after{content:""}#flow ul li:nth-child(3)>div>div h3:after{content:""}#flow ul li:nth-child(4)>div>div h3:after{content:""}}@media (max-width: 480px){#flow ul li{padding:20px}#flow ul li>div aside img{max-width:100%}}