/* common */
.history .title-area {text-align: center;}
.history.sub .title-area .title {font-size: 50px; font-weight: 700; color: #494e66; text-transform: uppercase; margin-bottom: 35px;}
.history.sub .title-area .title::before {content: ''; display: block; width: 29px; height: 30px; background: url("../img/title_obj_sub.png") no-repeat center; margin: 0 auto;}
.history .title-area .desc {font-size: 18px; font-weight: 300; color: #494e66; line-height: 2;}
.history .title-area .desc strong {font-weight: 700; font-size: 24px; line-height: 1.5;}

/* history */
.history {overflow: hidden;}
.history::after {content: ''; display: block; height: 500px; background: url("../img/history_bg.jpg") no-repeat center/cover;}
.history .inner {padding: 90px 0 100px; background: #fff; margin-bottom: -100px;}
.history-list {position: relative; display: flex; flex-wrap: wrap; padding-top: 30px;}
.history-list::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2px; height: 100%; background: #ddd;}
.history-list::after {content: ''; display: block; clear: both;}
.history-item {position: relative; width: 50%;}
.history-item:nth-child(2n) {right: 7px; margin-top: 100px;}
.history-item:nth-child(2n+1) {left: 7px;}
.history-item .row {position: relative; justify-content: flex-end; align-items: center;}
.history-item .row + .row {margin-top: 25px;}
.history-item:nth-child(2n) .row {padding-left: 115px; flex-direction: row-reverse;}
.history-item:nth-child(2n+1) .row {padding-right: 115px;}
.history-item .year {font-size: 36px; font-weight: 900; color: #4a65f6;}
.history-item .circle {position: relative; width: 15px; height: 15px; border-radius: 50%; border: 3px solid #4a65f6; background: #fff; position: absolute; top: 50%; transform: translateY(-50%);}
.history-item:nth-child(2n) .circle  {left: 0;}
.history-item:nth-child(2n+1) .circle {right: 0;}
.history-item .circle::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 71px; height: 1px; background: #4a65f6;}
.history-item:nth-child(2n) .circle::before {left: 9px;}
.history-item:nth-child(2n+1) .circle::before {right: 9px;}
.history-item:nth-child(odd) .desc{text-align: right;}
.history-item .desc {display: flex; justify-content: flex-end; align-items: center; font-size: 14px; font-weight: 300; color: #494e66;}
.history-item .desc + .desc {margin-top: 5px;}
.history-item:nth-child(2n) .desc {flex-direction: row-reverse;}
.history-item .date {font-size: 17px; font-weight: 700;}
.history-item:nth-child(2n) .date {margin-right: 15px;}
.history-item:nth-child(2n+1) .date {margin-left: 15px;}