.swiper-container-wrapper.swiper-style-history .main-swiper{
	padding: 80px 0 0;

	&::before{
		content: '';
		position: absolute;
		top: 4px;
		left: 0;
		width: 100%;
		height: 1px;
		background: #D4D4D4;
	}

	.swiper-slide{
		width: min( 444px, 100vw - 32px );

		.year{
			position: absolute;
			top: -80px;
			left: 0;
			padding: 20px 0 0;
			color: var(--wp--preset--color--gray-500);

			&::before{
				content: '';
				width: 5px;
				aspect-ratio: 1;
				background: var(--wp--preset--color--gray-500);
				position: absolute;
				top: 2px;
				left: 0;
			}
		}
		&.swiper-slide-active .year{
			font-size: 24px;
			font-weight: 700;
			line-height: 1.25;
			color: var(--wp--preset--color--primary-900);

			&::before{
				width: 9px;
				background: var(--wp--preset--color--primary-900);
				top: 0;
			}
		}

		.title{
			margin: 40px 0 8px;
			font-size: 24px;
			font-weight: 700;
			line-height: 1.25;
		}
	}

	&.swiper-horizontal > .swiper-pagination-bullets{
		margin: 76px 0 10px;

		@media (max-width: 767px){
			margin: 46px 0 10px;
		}
	}
}