/* sub01 */


.his_bn{padding:70px; background-image:url('../../img/sub/his/01-00.jpg'); background-size:cover; background-repeat:no-repeat; background-position:40% 50%;}
.ar .his_bn{padding:70px 55px 70px 0;}

.his_bn p{font-size:24px; font-weight:700; color:#fff;}
.his_bn h3{font-size:72px; font-weight:700; color:#fff;}

.point{position:relative; margin:20px auto;}
.point:before{position:absolute;content:''; width:10px; height:10px; background-color:#ccc;border-radius:100%; left:50%; transform:translate(-50%,0%); }
.point:after{position:absolute;content:''; width:10px; height:10px; background-color:#ccc; border-radius:100%; left:50%; transform:translate(-50%,0%);}

.his_wrap{ margin:0 auto;  word-break:keep-all;}
.his_wrap div{ box-sizing:border-box; }
.his_wrap img{ max-width:100%; height:auto; display:inline;}

.his_list_wrap{ position:relative; padding:0 0 5px; }
.his_list_wrap:before{ content:''; position:absolute; z-index:-2; top:-81px; bottom:0; width:0; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); border-left:1px dotted #a4a4a4; }
.his_list_wrap:after{ content:''; position:absolute; z-index:50; bottom:0; left:50%; width:8px; height:8px; border-radius:100%; background-color:#ccc; transform:translate(-50%, 0); }
.his_list{ position:relative; margin-bottom:60px; }
.his_list:first-child{margin-top:80px; ;}

.his_list_left{ text-align:right; }
.his_list_right{ text-align:left; }

.his_list_center{border-radius:100%;position:absolute;width:20px;background:#ffab00;height:20px;z-index:20;top:7.5px;box-sizing:content-box !important;left:50%;transform:translate(-50%, -60%);-webkit-transform:translate(-50%, -60%); }

.his_list_center2{ border-radius:100%; background-color:#fff; width:10px; height:10px; box-sizing:content-box !important; }

.his_date{ position:relative; font-size:42px; font-weight:800; color:#333; margin-bottom:30px; display:inline-block; line-height:1.25;  margin-top:-20px; }

.his_desc{ font-size:18px; font-weight:400; color:#666; }



.his_list_left .his_date{padding-right:30px; }
.his_list_right .his_date{padding-left:30px;}

.his_list_left .his_desc span{ position:relative; word-break:keep-all; display:block; padding-right:30px; margin-bottom:30px; font-weight:400;}
.his_list_left .his_desc span:after{ content:''; width:8px; height:8px; background-color:#886228; position:absolute; top:6.5px; right:-4px; border-radius:100%; }
.his_list_left .his_desc span b{ color:#333; float:right; margin-left:10px; }

.his_list_right .his_desc span{ position:relative; word-break:keep-all;display:block; padding-left:30px; margin-bottom:7px;  font-weight:400;}
.his_list_right .his_desc span:after{ content:''; width:8px; height:8px; background-color:#886228; position:absolute; top:6px; left:-4px; border-radius:100%; }
.his_list_right .his_desc span b{ color:#333; margin-right:10px; }


@media( max-width:820px ){
    .sub_tab{width: calc(50% + 1px);}
}

@media( max-width:600px ){
    .his_list_wrap:before{ left:0; }
    .his_list_wrap:after{ left:0; }

    .his_list_center{ left:0; }

    .his_list_left.col-06, .his_list_right.col-06{ width:100%; }

    .his_list_left{ text-align:left; }
    .his_list_left .his_date{ padding-right:0; padding-left:20px; }
    .his_list_left .his_desc span{ padding-right:0; padding-left:20px; }
    .his_list_left .his_desc span:after{ right:inherit; left:-4px; }
    .his_list_left .his_desc span b{ float:left; margin-left:0; margin-right:10px; }

    .his_list_right .his_date{ padding-right:0; padding-left:20px; }
    .his_list_right .his_desc span{ padding-right:0; padding-left:20px; }
    .his_list_right .his_desc span b{ left:12px; }
    .his_bn h3{font-size:45px;}
}