@charset "UTF-8";.timeline-container{position:relative;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff}.timeline{width:100%;position:relative}.timeline-nav__item{display:inline-block;width:auto;height:auto;text-align:center;opacity:0.5;background:transparent;color:#000;margin:15px 25px !important;position:relative;font-size:14px;line-height:28px;font-weight:400;outline:none;cursor:pointer}.timeline-nav__item::before{content:"";position:absolute;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px;height:10px;border-radius:100%;background-color:#afc9f6;transition:.2s}.timeline-nav__item.slick-current{color:#496155;opacity:1}.timeline-nav__item.slick-current::before{background-color:#496155}.timeline-wrapper{position:relative;width:100%;height:770px;margin:0 auto}.timeline-slider{height:100%}.timeline .slick-list{height:100%}.slick-track{transform:none}@media (min-width:1080px){.timeline .slick-list{padding:0 !important}}.timeline .slick-track{height:100%}.timeline-slide{position:relative;overflow:hidden;background-repeat:no-repeat;outline:none;background-size:cover;background-position:center left;margin:0;width:80%;z-index:1;text-align:center}.timeline-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:2}.timeline-slide__content{z-index:5;position:absolute;bottom:0px;background:rgba(0,0,0,0);width:100%;left:50%;-webkit-transform:translate(-50%,0px);transform:translate(-50%,0px);padding:0 0 110px 0;transition:opacity 1s;background:-moz-linear-gradient(bottom,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);opacity:1;background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}.timeline .slick-dots li{width:25px;height:25px;margin:0 25px}.timeline .slick-dots li:before{content:"";width:74px;height:1px;background:#fff;right:-55px;top:4px;position:absolute}.timeline .slick-dots li.slick-active button:before{position:absolute;left:-9px;top:-9px;width:10px;height:10px;background-clip:content-box;background:transparent;border:1px solid white;padding:7px;color:white;font-size:50px;line-height:12px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.timeline .slick-dots li:last-child:before{display:none}.timeline .slick-dots li button:before{opacity:1;position:absolute;top:2px;left:2px;width:6px;height:6px;content:'‧';font-size:0;background-color:white;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center}.timeline-year{z-index:5;font-size:35px;color:#fff;background:rgba(0,0,0,0.5);padding:15px 26px;transition:opacity 1.2s;position:absolute;right:0;opacity:0}.timeline-title{width:80%;display:block;margin:0 auto;color:#fff;font-size:26px;line-height:30px;font-weight:400;text-align:center;letter-spacing:2px}.timeline-text{font-size:18px !important;;line-height:28px !important;;color:#fff !important;}.timeline .slick-current:after{background-color:rgba(0,0,0,0.2)}.timeline .slick-current .timeline-year{opacity:1}.timeline .slick-current .timeline-slide__content{opacity:1}.arrowleft-timeline,.arrowright-timeline{position:absolute;left:40px;bottom:5%;z-index:20;width:50px;height:150px;cursor:pointer}.arrowright-timeline{left:auto;right:40px}.arrowleft-timeline span:before,.arrowleft-timeline span:after,.arrowright-timeline span:before,.arrowright-timeline span:after{content:"";position:absolute;width:2px;height:87px;background-color:#fff;display:block}.arrowright-timeline span:before{transform:rotate(-30deg);top:0;left:0;transform-origin:0% 0%}.arrowright-timeline span:after{transform:rotate(30deg);bottom:0;left:0;transform-origin:100% 100%}.arrowleft-timeline span:before{transform:rotate(30deg);top:0;right:0;transform-origin:0% 0%}.arrowleft-timeline span:after{transform:rotate(-30deg);bottom:0;right:0;transform-origin:100% 100%}@media (max-width:900px){.timeline-wrapper{height:350px}.timeline .slick-dots li:before{width:34px;right:-15px}.timeline .slick-dots li{margin:0 5px}}@media screen and (max-width:750px){.timeline-title{font-size:19px}}@media (max-width:500px){.timeline-slide__content{width:100%}.arrowright-timeline{right:0}.arrowleft-timeline{left:0}.timeline-slide{margin:0}}