@charset "utf-8";
.flowchart {
}
.flowchart div {
	border: 1px solid #AFB2CB;
	background-color: #EBECF2;
	text-align: left;
	vertical-align: middle;
	background-image: url(/ew/pewbct/hito/ordermade/img/ico-next.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	float: left;
	height: 90px;
	margin-right: 3px;
}
.flowchart div:nth-of-type(1){
	background-image: none!important;
}

.flowchart div p {
	padding-right: 17px;
	padding-left: 20px;
	line-height: 1.3em;
	padding-top: 20px;
	padding-bottom: 20px;
}
#process h4 {
	clear: both;
	margin-top: 20px;
	}
@media screen and (max-width: 750px) {
.flowchart div {
	background-image: url(/ew/pewbct/hito/ordermade/img/ico-next-b.png)!important;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	float: none;
	height: auto;
	margin-right: 0px;
	width: 100%;
	margin-bottom: 3px;
}
.flowchart div:nth-of-type(1){
	background-image: url(/ew/pewbct/hito/ordermade/img/ico-next-b.png)!important;
}
.flowchart div:nth-of-type(4){
	background-image: none!important;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.flowchart div p {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}
}