@charset "utf-8";
.history_area{width:680px;left:50%;position:relative;margin-left:-273px;}
.history_left{width:120px;display:inline-block;height:60px;}
.history_left .year{font-size:40px;}
.month{width:100px;display:inline-block;margin-right:30px;}
.circle{background-color:#77868e;width:14px;height:14px;display:inline-block;margin-top:24px;z-index:30;position:relative}
.circle_text{display:inline-block;border-left:1px solid #dedede;padding-left:30px;margin-left:-11px;z-index:29;position:relative;}
@media all and (max-width:870px)
{
.history_area{width:100%;left:50%;position:relative;margin-left:-200px;}
.history_left{width:53px;}
.history_left .year{font-size:20px;}
.month{width:40px;display:inline-block;margin-right:0px;}
.circle_text{display:inline-block;border-left:1px solid #dedede;padding-left:30px;margin-left:-11px;z-index:29;position:relative;}
}