/* About ======================================================================*/
.history { position: relative; max-width: 740px; margin: 0 auto; padding: 40px 0; }
.history:before { content: ''; position: absolute; top: 0px; left: calc( 50% - 2px ); width: 4px; height: 100%; background: #DBDBDB; }
.history .list { width: 100%; display: flex; align-items: center; margin-top: -30px; padding-bottom: 20px; }
.history .list:first-child { margin-top: 0px; }
.history .list:nth-child(odd) { justify-content: flex-end; }
.history .list:nth-child(odd) .year:before, .history .list:nth-child(odd) .year:after { right: auto; left: -58px; }
.history .box { width: calc( 50% - 50px ); }
.history .year {display: block;color: #D95225;font-size: 2.5rem;line-height: 1;margin-bottom: 15px;position: relative;}
.history .year:before, .history .year:after { content: ''; right: -58px; position: absolute; background: #858585; }
.history .year:before { width: 14px; height: 14px; border-radius: 100%; top: calc(50% - 7px); }
.history .year:after { width: 50px; height: 2px; top: calc(50% - 1px); }
.history .content {display: block;font-size: 1rem;}
@media all and (max-width: 992px) { .history:before { left: 0px; }
    .history .list { margin-top: 0px; }
    .history .list:nth-child(odd) { justify-content: flex-start; }
    .history .list:nth-child(odd) .year:before { left: -35px; right: auto; }
    .history .box { width: 100%; margin-left: 20px; padding: 10px; border-bottom: 1px dotted #DBDBDB; }
    .history .year:before { left: -35px; right: auto; }
    .history .year:after { display: none; } }