:root {
  --timeline-item-space: 50px;
  --timeline-line-w: 20px;
}

.l-wrapper{padding-top: 0;}
.banner::before{padding-top: 49%;}
.banner::after{background: linear-gradient(to bottom, rgba(1,10,53,0) 0%,rgba(1,10,53,1) 80%); }
.container{max-width: 1080px;}
.wrapper-deco-b-l-a{width: 100%;}


/* ============================================================
year
============================================================ */
.timeline-wrap{position: relative;padding-left: 40px;background-image: url('../images/timeline/timeline-bg.png?t=1');background-repeat: repeat-y;background-position: left top;z-index: 0;}
.timeline-wrap::after{position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 100px;background: linear-gradient(to bottom, rgba(1,10,53,0) 0%,rgba(1,10,53,1) 80%);  z-index: -1;}
.timeline-item + .timeline-item{margin-top: 3rem;}
.timeline-item-title{position: relative;color: var(--highlighted-color-dark);font-family: var(--font-family-timeline-tit);font-size: 3.5rem;line-height: 1;}
.timeline-item-title::before{position: absolute;content: '';top: 50%;left: -35px;width: 1rem;height: 1rem;margin-top: -10px;background-color: var(--bg-color);border-radius: 50%;border: 2px solid var(--highlighted-color-dark);box-shadow: 10px 10px 20px rgba(0,5,27,0.5);}
.timeline-item-text{margin-top: 1em;}
.timeline-item-text p + p{position: relative;margin-top: 1em;}
.timeline-item-text p + p::before{position: absolute;content: '';top: -0.5em;left: 0;width: 4em;height: 1px;background-color: var(--highlighted-color);}
.timeline-item-img-wrap{display: flex;flex-wrap: wrap;align-items: flex-start;margin: 1em 0;}
.timeline-item-img-wrap img{margin: 5px;width: auto;}
.timeline-item-img{height: 150px;}



@media (min-width: 680px){
  .timeline-item-img{height: 200px;}
}

@media (min-width: 992px){
  .banner::before{padding-top: 25%;}
  .timeline-wrap{padding-left: 60px;}
  .timeline-item-title::before{left: -55px;}
  .wrapper-deco-b-l-a{width: 50%;}
}

@media (min-width: 1380px){
  .l-wrapper{padding-bottom: 500px;}
}