main>.page-img {
    margin: 100px auto -50px;
    padding: 0 20px;
    width: 100%;
    max-width: 960px;
}
@media screen and (min-width: 961px) {
	main>.page-img {
		margin: 300px auto -200px;
    }
}
main>.page-img>img {
    height: auto;
    margin: 0;
    object-fit: cover;
    width: 100%
}
main>.main-contents {
	margin: 100px auto 0;
}
@media screen and (min-width: 961px) {
	main>.main-contents {
		margin: 300px auto 150px;
	}
}
.pagination {
	clear: both;
	display: flex;
	justify-content: center;
	padding: 100px 0;
	&>a {
		background: var(--main--color);
		color: #fff;
		display: block;
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0 30px;
		text-align: center;
		text-decoration: none;
		&.list {
			margin: 0 20px;
		}
	}
}