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

.proc_top {clear:both;width:100%;min-height:364px;box-sizing:border-box;padding-left:1px;position:relative}
.proc_box {cursor: pointer;float:left;width:206px;min-height:364px;margin-right:3px}
.proc_box .box_numbering {width:100%;font-size:20px;vertical-align:top;line-height:100%;font-weight:500}
.proc_desc {float:left;width:100%;color:#fff;box-sizing:border-box;padding:10px 15px 10px 15px}
.proc_desc dt {float:left;width:100%;min-height:84px;font-size:18px;font-weight:500;line-height:120%;box-sizing:border-box;padding:16px 0 26px 0;background:url("/image/common/process_line.png") no-repeat center bottom}
.proc_desc dd {float:left;width:100%;font-size:14px;line-height:140%;text-align:center;box-sizing:border-box;padding-top:22px}

.bg1 {background:url(/image/visual/proc_bg01.png) no-repeat 0 6px}
.bg2 {background:url(/image/visual/proc_bg02.png) no-repeat 0 6px}
.bg3 {background:url(/image/visual/proc_bg03.png) no-repeat 0 6px}
.bg4 {background:url(/image/visual/proc_bg04.png) no-repeat 0 6px}
.bg5 {background:url(/image/visual/proc_bg05.png) no-repeat 0 6px}

.step1 {color:#a3e757 !important;}
.step2 {color:#7dd679 !important;}
.step3 {color:#51c3a0 !important;}
.step4 {color:#2ab1c4 !important;}
.step5 {color:#0ca4df !important;}

.next_step {position:absolute;width:41px;height:41px;font-size:0}
.arw1 {top:108px;left:187px;background:url(/image/visual/proc_arrow01.png) no-repeat 0 0}
.arw2 {top:108px;left:397px;background:url(/image/visual/proc_arrow02.png) no-repeat 0 0}
.arw3 {top:108px;right:397px;background:url(/image/visual/proc_arrow03.png) no-repeat 0 0}
.arw4 {top:108px;right:187px;background:url(/image/visual/proc_arrow04.png) no-repeat 0 0}

.proc_mid {clear:both;width:100%;}
.feature_title {display:inline-block;width:100%;font-size:22px;text-align:center;background:url(/image/common/title_line.png) no-repeat center bottom;margin-bottom:45px}
.feature_title dt {width:100%;text-align:center}
.numbering {display:inline-block;width:57px;height:57px;border-radius:50%;background-color:#3c3c3c;color:#fff;text-align:center;font-weight:normal;padding-top:12px}
.feature_title dd {display:inline-block;width:100%;padding:32px 0 30px 0;}
.mid_area {display:inline-block;width:100%;padding-top:86px}
.sub_text {width:100%;font-size:16px;color:#666;line-height:1.8}
.link_area {display:inline-block;padding-top:28px;margin: 0 22px;}
.bt_link {display:inline-block;width:300px;height:62px;font-size:16px;box-sizing:border-box;text-align:center;padding-top:21px;border:1px solid #dedede;background:url("/image/common/link_arrow.png")no-repeat 270px 25px;line-height:1;color:#666}
.bt_link:hover {border:1px solid #3c3c3c;color:#666}
.clr_b {color:#222}

.proc_pic_all{display:inline-block;width:100%}
.step_pic_area {display:inline-block;width:340px;margin-right:6px;vertical-align:top}
.step_pic_area dt {width:100%;}
.step_pic_area dd {width:100%;font-size:16px;padding-top:16px;color:#666}
.step_pic_area:last-child {margin-right:0 none !important}
.round_num {display:inline-block;min-width:90px;line-height:1;font-size:14px;border:1px solid #dedede;border-radius:30px;color:#666;padding:5px 14px 7px 14px;margin-bottom:10px}
.pic_lot {box-sizing:border-box;border:1px solid #dedede;}

@media (max-width:1080px) {
	.proc_pic_all{display:block}
	.step_pic_area {float:none;display:block;margin:0 auto;text-align:center !important;padding-bottom:55px}
	.proc_box {float:none;display:block;margin:0 auto !important;text-align:center !important}
	.proc_desc, .proc_desc dt, .proc_desc dd {float:none;display:block;}
	.next_step {position:static;margin:0 auto;text-align:center;width:41px;height:41px;font-size:0}
	.arw1 {background:url(/image/visual/vproc_arrow01.png) no-repeat 0 0}
	.arw2 {background:url(/image/visual/vproc_arrow02.png) no-repeat 0 0}
	.arw3 {background:url(/image/visual/vproc_arrow03.png) no-repeat 0 0}
	.arw4 {background:url(/image/visual/vproc_arrow04.png) no-repeat 0 0}
	.bt_link {margin:0 auto !important}
}

.pic_lot > img {
	height: 187px;
}