@charset "utf-8";
/* CSS Document */

.process-wrap {width: 80%; margin: 0 auto;}
.process-wrap .box .left { float: left; width: 250px; margin-right: 30px; padding-top: 20px;border-top: 1px solid #333; min-height: 140px;} 
.process-wrap .box .left h3 {font-size: 1.7rem; font-weight: 500;} 
.process-wrap .box .right {float: left; width: calc(100% - 280px); padding-top: 20px;border-top: 1px solid #d6d6d6;} 
.process-wrap .box .right p {font-size: 1.5rem; position: relative; padding-left: 13px; line-height: 25px}
.process-wrap .box .right p:after {position: absolute; top:10px; left: 0; content: ''; width: 4px; height: 4px; background: #29438e;}
.process-wrap .btn-wrap button {width: 100%; height: 50px;}

@media all and (max-width:768px) {
	.process-wrap {width: 100%;}
	.process-wrap .box .left {width: 200px; margin-right: 20px;}
	.process-wrap .box .right {width: calc(100% - 220px);}
}
@media all and (max-width:475px) {
	.process-wrap .box .left {width: 110px; margin-right: 10px;}
	.process-wrap .box .right {width: calc(100% - 120px);}
	.process-wrap .box .left h3 {font-size: 1.4rem;}
}