@charset "UTF-8";

.timeline-wrap{position:relative;}
.timeline-mini-box{display:flex;padding:0 0 80px;flex-wrap:wrap;align-items:flex-start;}
.timeline-mini-box:last-of-type{padding:0;}
.timeline-mini-box .h4-tit01{width:184px;letter-spacing:-0.023rem;box-sizing:border-box;}
.timeline-mini-box .timeline{width:calc(100% - 184px);}
.timeline-mini-box .timeline > ul > li{display:flex;padding:0 0 25px;flex-wrap:wrap;align-items:flex-start;}
.timeline-mini-box .timeline > ul > li:last-of-type{padding:0;}
.timeline-mini-box .timeline > ul > li .date{padding:0 82px 0 0;width:160px;font-size:1.5rem;line-height:2rem;letter-spacing:-0.023rem;text-align:right;box-sizing:border-box;}
.timeline-mini-box .timeline > ul > li .content{padding:0 0 0 72px;width:calc(100% - 160px);font-size:1.125rem;line-height:1.75rem;color:#555;font-weight:200;letter-spacing:-0.029rem;box-sizing:border-box;}
.timeline-mini-box .timeline > ul > li .content li{position:relative;padding:0 0 5px 10px;font-size:1.125rem;line-height:1.625rem;font-weight:200;box-sizing:border-box;}
.timeline-mini-box .timeline > ul > li .content li:before{content:'';display:block;position:absolute;top:12px;left:0;border-radius:50%;width:2px;height:2px;background:#222;}
.timeline-mini-box .timeline > ul > li .content li:last-of-type{padding-bottom:0;}
.scroll-bar-container{position:absolute;top:0;left:344px;width:2px;height:100%;background:#dcdcdc;}
.scroll-bar{position:absolute;top:0;left:0;width:2px;height:10px;background-color:#da0000;transition:all .5s;}
.scroll-bar:after{content:'';display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:26px;height:26px;border-radius:50%;border:10px solid #bfbfbf;background:#D90003;box-sizing:border-box;}


@media screen and (max-width: 1024.98px) {
	.timeline-mini-box{padding:0 0 60px;}
	.timeline-mini-box .h4-tit01{width:144px;}
	.timeline-mini-box .timeline{width:calc(100% - 144px);}
	.timeline-mini-box .timeline > ul > li .date{padding:0 46px 0 0;width:120px;}
	.timeline-mini-box .timeline > ul > li .content{padding:0 0 0 32px;width:calc(100% - 120px);}
	.scroll-bar-container{left:264px;}
}

@media screen and (max-width: 768px) {
	.timeline-mini-box{padding:0 0 50px;}
	.timeline-mini-box .h4-tit01{width:100%;}
	.timeline-mini-box .timeline{width:100%;}
	.timeline-mini-box .timeline > ul > li{padding:0 0 15px;}
	.timeline-mini-box .timeline > ul > li .date{padding:0 38px 0 0;width:90px;font-size:1.285rem;line-height:1.857rem;}
	.timeline-mini-box .timeline > ul > li .content{padding:0 0 0 20px;width:calc(100% - 90px);font-size:1rem;line-height:1.5rem;}
	.timeline-mini-box .timeline > ul > li .content > li{padding:0 0 2px 8px;font-size:1rem;line-height:1.5rem;}
	.timeline-mini-box .timeline > ul > li .content > li:before{top:10px;}
	.scroll-bar-container{top:0;left:90px;height:100%;}
}