.main_content .pd20{background: #F7F7F7}
.Min{margin-top: 25px;position: relative;}
h2.title_history{font-size:28px;line-height: 2em;text-align: center;}
ul.history_year{width: 230px;border-bottom: 2px solid #DDD;text-align: center;margin-top: 10px;}
ul.history_year li{height: 40px;line-height: 40px;background: #FFF;border-bottom: 1px solid #DDD;font-size: 18px;color: #828282;cursor: pointer;}
ul.history_year li.active{background:#D11307;color: #fff;position: relative; _position:inherit;}
ul.history_year li.active::after{content: '';position: absolute;top: 13px;left: 100%;height: 0;width: 0;border: 7px solid transparent;border-left: 7px solid #D11307;}
.main ul.history_list{width: 930px;position: relative;}
.main ul.history_list li{line-height: 28px;margin-bottom: 15px;position: relative;}
ul.history_list li h2.tit{margin: 0 0 10px 132px;font-size:18px;color: #D11307;padding-left: 25px;height: 38px;line-height: 30px;}
.main ul.history_list li h2.tit::before{content: '';position: absolute;border-radius: 50%;width: 16px;height: 16px;background: #e64031 ;left:140px;top:8px;margin-left: -8px;}
.main ul.history_list::before{content: '';position: absolute;top: 0;height: 100%;width: 4px;background: #F7F2F2 ;left: 140px;margin-left: -2px;}
ul.history_list li h2.Title{width:110px;text-align: right;padding:10px;font-size: 16px;color: #a0a0a0}
ul.history_list li h2.Title::after{content: '';position: absolute;border-radius: 50%;width: 10px;height: 10px;background: #ccc;left:143px;top:17px;margin-left: -8px;}
.con_box{width: 750px;padding:10px;background:#F7F2F2;position: relative;border-radius: 0.25em;box-shadow: 0 3px 0 #EFE8E8}
.con_box::before {content: '';position: absolute;top: 16px;right: 100%;height: 0;width: 0;border: 7px solid transparent;border-right: 7px solid #ECD3D0;} 
@media only screen and (max-width: 768px){
	ul.history_year{ display:none}
	.main ul.history_list{width: 100%}
	ul.history_list li h2.tit{ margin:0 0 10px 104px}
	.main ul.history_list::before,.main ul.history_list li h2.tit::before{ left:116px}
	ul.history_list li h2.Title{ width:12%;}
	ul.history_list li h2.Title::after{ left:119px}
	.con_box{ width:80%; box-sizing:border-box}
	

}
@media only screen and (max-width: 640px){
	ul.history_list li h2.Title::after{ display:none}
	ul.history_list li h2.tit{ margin:0 0 10px 16%;}
	.main ul.history_list::before,.main ul.history_list li h2.tit::before{ left:16%}
	.con_box img{ width:100%;}
} 
@media only screen and (max-width: 537px){
ul.history_list li h2.Title{ display:none}	
 .con_box{ width:96%;}
ul.history_list li h2.tit{ margin:0 0 10px 1%; padding:0 10px}
	.main ul.history_list::before,.main ul.history_list li h2.tit::before{ left:0%} 
	}