@charset "utf-8";
#works {
	width: 100%;
	height: auto;
	padding: 250px 0 200px;
}
	.works__inner {
		width: 90%;
		max-width: 1100px;
		height: auto;
		margin: 0 auto;
	}
		#works .section__heading {
			margin-bottom: 70px;
		}
		.works__list {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			width: 100%;
			height: auto;
			margin: 0 auto 80px;
		}
			.works__list::before {
				content: '';
				display: block;
				width: 45.45454545%;
				height: 0;
			}
			.works__item {
				width: 45.45454545%;
				height: auto;
			}
			.works__item:nth-of-type(2n-1) {
				margin-bottom: 10.90909090%;
			}
			.works__item:nth-of-type(2n) {
				margin-top: -26.09090909%;
				margin-bottom: 12.727272%;
			}
				.works__item__wrap {
					display: block;
					width: 100%;
					height: auto;
					position: relative;
					overflow: hidden;
				}
					.works__item__image {
						width: 100%;
						height: auto;
					}
						.works__item__image img {
							width: 100%;
							height: auto;
						}
					.works__item__name {
						font-size: 14px;
						font-weight: 300;
						line-height:1.5;
						letter-spacing: 0.1em;
						color: #ffffff;
						position: absolute;
						bottom: 28px;
						left: 30px;
						z-index: 1;
					}

		.pagination {
			width: 100%;
			height: auto;
		}
			ul.page-numbers {
				display: flex;
				justify-content: center;
				align-items: center;
				column-gap: 10px;
				width: 100%;
				height: auto;
			}
				ul.page-numbers li {
					margin: 0 6px;
				}
					a.prev,
					a.next {
						width: 40px;
						height: 8px;
						margin-top: 6px;
						position: relative;
					}
					a.prev::after,
					a.next::after {
						content: '';
						display: block;
						width: 8px;
						height: 8px;
					}
					a.page-numbers {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						padding-left: 1px;
						border-radius: 50%;
						color: var(--color--black);
						text-decoration: underline;
					}
					span.dots {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						padding-left: 1px;
						border-radius: 50%;
					}

/* PC ================================================== */
@media all and (min-width:992px){
					.works__item__image {
						transition: .3s;
					}
					.works__item__wrap:hover .works__item__image {
						transform: scale(1.10);
						opacity: 0.7;
					}
					a.page-numbers:hover {
						text-decoration: none;
					}
}

/* Tablet ================================================== */
@media all and (max-width:991px){
#works {
	padding: 80px 0 100px;
}
	.works__inner {
		max-width: initial;
	}
		#works .section__heading {
			margin-bottom: 40px;
		}
		.works__list {
			margin: 0 auto 60px;
		}
			.works__list::before {
				width: 46%;
			}
			.works__item {
				width: 46%;
			}
			.works__item:nth-of-type(2n-1) {
				margin-bottom: 5.90909090%;
			}
			.works__item:nth-of-type(2n) {
				margin-bottom: 6.727272%;
			}
					.works__item__name {
						bottom: 18px;
						left: 20px;
					}
}

/* SP ================================================== */
@media all and (max-width:575px){
		.works__list {
			width: 100%;
			height: auto;
		}
			.works__list::before {
				display: none;
			}
			.works__item:nth-of-type(2n-1) {
				margin: initial;
			}
			.works__item:nth-of-type(2n) {
				margin: initial;
			}
			.works__item {
				width: 48.8% !important;
			}
			.works__item:not(:nth-last-of-type(-n+2)) {
				margin-bottom: 2.4%;
			}
					.works__item__name {
						font-size: 10px;
						bottom: 6px;
						left: 8px;
					}
}