/*Content CSS*/
#history {overflow: hidden;}
section > article{padding: 100px 0;}
section > article:nth-child(even){background-color: #f7f7f7}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_33{font-size: 33px; font-weight: 700; color: #111; line-height: 50px;}
.fs_23{font-size: 23px; font-weight: 400; color: #444;}
.fs_22{font-size: 22px; font-weight: 600; color: #0074f7;}
.fs_17{font-size: 17px; line-height: 1.53; color: #1d1d1f;}
.tit{text-align: center;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block; line-height: 1;}

/* his_wrap */
.his_wrap{display: flex; margin-top: 70px;}
.his_wrap + .his_wrap{margin-top: 100px;}
.his_wrap .his_tit{margin-right: 100px; min-width: 350px;}
.his_wrap .his_tit span{display: block; margin-bottom: 14px;}
/* his_list */
.his_list{border-top: solid 1px #ddd; flex-grow: 1; padding-top: 30px; }
.his_wrap:first-of-type .his_list{border-color: #111;}
.his_list li{display: flex;  position: relative; z-index: 1;}
.his_list li::before{content: ''; display: block; width: 1px; height: calc(100% + 50px); background-color: #ddd; position: absolute; top: 5px; left: 7px; z-index: -1; }
.his_list li:last-child::before{display: none;}
.his_list li + li{margin-top: 50px;}
.his_list li .cir{width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; margin-right: 40px;}
.his_list li .cir i{background-color: #0074f7;  border-radius: 50%; width: 11px; height: 11px;  border-radius: 50%; display: block; top: 5px; position:relative;}
.his_list li:nth-child(1) .cir i{border: solid 3px #0074f7; background-color: #fff; width: 15px; height: 15px;}
/* his_cont */
.his_cont{}
.his_cont h5{margin-bottom: 15px;}
.his_cont > div p + p{margin-top: 10px;}

@media screen and (max-width:1400px) {
    /* #history br:not(.space){display: none;} */
    .fs_50{font-size: 45px;}
    .fs_33{font-size: 30px; line-height: 1.4;}
    .fs_23{font-size: 20px;}
    .fs_22{font-size: 20px;}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}

    .his_wrap{margin-top: 50px;}
    .his_wrap + .his_wrap{margin-top: 80px;}
    .his_wrap .his_tit{margin-right: 50px; min-width: 320px;}
    .his_wrap .his_tit span{margin-bottom: 10px;}
    /* his_list */
    .his_list li::before{height: calc(100% + 30px);top: 5px; left: 7px; }
    .his_list li + li{margin-top: 30px;}

    .his_cont h5{margin-bottom: 10px;}
    .his_cont > div p + p{margin-top: 7px;}

}

@media screen and (max-width:1280px) {

}

@media screen and (max-width:1024px) {
    #history br:not(.space){display: none;}
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    .fs_50{font-size: 40px;}
    .fs_33{font-size: 25px; line-height: 1.4;}
    .fs_23{font-size: 19px;}
    .fs_22{font-size: 18px;}
    .fs_17{font-size: 15px;}

    .his_wrap{margin-top: 40px; display: block;}
    .his_wrap + .his_wrap{margin-top: 70px;}
    .his_wrap .his_tit{margin-right: 0; min-width: 0; text-align: center;}
    .his_wrap .his_tit span{margin-bottom: 7px;}
    /* his_list */
    .his_list{margin-top: 20px; padding-top: 25px;}
    .his_list li::before{height: calc(100% + 25px); }
    .his_list li + li{margin-top: 20px;}

    .his_cont h5{margin-bottom: 7px;}
    .his_cont > div p + p{margin-top: 4px;}

    .his_list li .cir{ margin-right: 20px;}
    .his_list li .cir i{background-color: #0074f7;  border-radius: 50%; width: 11px; height: 11px;  border-radius: 50%; display: block; top: 5px; position:relative;}

}

@media screen and (max-width:768px) {

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_33{font-size: 22px; }
    .fs_23{font-size: 18px;}
    .fs_22{font-size: 17px;}
    .fs_17{font-size: 14px;}

    .his_wrap + .his_wrap{margin-top: 60px;}
    .his_list li .cir i{top: 2px;}




}