.main_con { }
.main_con ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:calc(100% - 20px); max-width:1200px; margin:0 auto; padding:50px 0; }
.main_con ul li { display:flex; align-items:center; width:32.5%; height:200px; padding:0 2%; letter-spacing:-0.05em; color:#fff; border:1px solid #ddd; transition:all 0.3s ease; position:relative; }
.main_con ul li.con_box1 { padding:0 0 0 2%; background-color:#6473ae; border:0; }
.main_con ul li.con_box1 a { display:flex; align-items:center; width:100%; height:100%; color:#fff; background-image:url('../img/con_box1.jpg'); background-size:auto 100%; background-position:center right; background-repeat:no-repeat; transition:background-size 0.3s ease; }
.main_con ul li.con_box1 a:hover { background-size:auto 110%; }
.main_con ul li.con_box2 { justify-content:space-between; color:#000; }
.main_con ul li.con_box3 { justify-content:space-between; text-align:center; color:#000; }
.main_con ul li .txt_box { height:110px; position:relative; }
.main_con ul li .txt_box p {}
.main_con ul li .txt_box p.tit { font-size:20px; font-weight:bold; }
.main_con ul li .txt_box p.txt { padding-top:10px; font-size:13px; }
.main_con ul li .txt_box p.txt2 { line-height:1; padding-top:10px; font-size:18px; font-weight:bold; }
.main_con ul li .txt_box p.txt3 { line-height:1; padding-top:24px; font-size:18px; font-weight:bold; }
.main_con ul li .txt_box .webhard_logo { max-width:100%; padding-top:5px; }
.main_con ul li .txt_box span { display:inline-block;  }
.main_con ul li .txt_box span.more { padding-top:14px; }
.main_con ul li .txt_box span.time { padding-top:8px; font-size:13px; font-weight:300; }

.main_con ul li .btn_box { display:flex; flex-flow:column wrap; justify-content:space-between; align-content:flex-end; width:100px; height:110px; }
.main_con ul li .btn_box a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:14px; font-weight:500; color:#fff; border-radius:3px; transition:background-color 0.3s ease; }
.main_con ul li .btn_box a.webhard_login { height:100%; background:#32336c; }
.main_con ul li .btn_box a.webhard_login:hover { background:#1f204e; }
.main_con ul li .btn_box a.map { height:45%; background:#333; }
.main_con ul li .btn_box a.map:hover { background:#000; }
.main_con ul li .btn_box a.enquiry { height:45%; background:#239655; }
.main_con ul li .btn_box a.enquiry:hover { background:#166a3b; }






@media (max-width: 1200px){
	
}

@media (max-width: 1050px){
	.main_con ul li { width:49%; }
	.main_con ul li.con_box3 { width:100%; margin-top:2%; }

}

@media (max-width: 980px){

}

@media (max-width: 760px){
	.main_con ul { padding:30px 0; }
	.main_con ul li { width:100%; height:160px; margin-top:2%; padding:0 4%; }
	.main_con ul li:first-of-type { margin-top:0; padding-left:4%; }
}

@media (max-width: 540px){
	.main_con ul { padding:3% 0; }
	.main_con ul li .txt_box p.txt2,
	.main_con ul li .txt_box p.txt3 { font-size:16px; }
	.main_con ul li .btn_box { width:80px; }
	.main_con ul li .btn_box a { font-size:12px; }
}