@charset "utf-8";

/******************* ボタンのスタイル *******************/
.page-top{
	/* ボタンの装飾 */
	width:50px;
	height:50px;
	background:#41a664;
	border:solid 1px #fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:100;

	/* buttonタグのリセットCSS */
	cursor:pointer;
	outline:none;
	padding:0;
	appearance:none;
}
  
/* 矢印のスタイル */
.page-top::before{
	width:12px;
	height:12px;
	margin-bottom:-6px;
	border-top:solid 3px #fff;
	border-right:solid 3px #fff;
	transform:rotate(-45deg);
	content:"";
}

/* ホバー時のスタイル */
.page-top:hover{
	transform:scale(1.1);
}


@media (max-width:767px){
	.page-top{
		right:20px;
		bottom:60px;
	}
}