@charset "utf-8";

.js-pagetop {
	z-index: 9;
	position: fixed;
	bottom: 6%;
	right: 5%;
	width: 50px;
	height: 50px;
	opacity: 0;
	transition: .5s;
	background-color: #fff;
	z-index: 1;
}

.js-pagetop::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	background-color: #333333;
	clip-path: polygon(50% 0%, 0% 25px, 25px 25px);
}

.js-pagetop.active {
	opacity: 1;
}

@media screen and (min-width: 768px) {
	.js-pagetop {
		bottom: 10%;
	}
}

@media screen and (min-width: 1024px) {
	.js-pagetop {
		bottom: 10%;
	}
}

@media screen and (min-width: 1440px) {
	.js-pagetop {
		bottom: 10%;
		width: 75px;
		height: 75px;
	}

	.js-pagetop::after {
		clip-path: polygon(50% 0%, 0% 37.5px, 37.5px 37.5px);
	}
}

@media screen and (min-width: 1920px) {
	.js-pagetop {
		bottom: 10%;
	}
}