@charset "utf-8";
/* CSS Document */

/* scrollupbutton */

/*
Back to top button 
*/
#back-top {
	z-index: 9999999;
	position: fixed;
	bottom: 180px;
    right: 90px;
	display: flex;
    justify-content: center;
	width: 40px;
	margin: 0 auto;
}
#back-top a {
	width: 40px;
	display: block;
	/* background color transition */

}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: url("../assets/scrolltop.svg") no-repeat center center;
	/* rounded corners */
}
#back-top a:hover span {
	background: url("../assets/scrolltop_hover.svg");
}

#back-top.index_scrollup {
	bottom: 200px;
}
/* scrollupbutton end*/



@media screen and (max-width:500px) {	
#back-top {
	right: 18px;
	left: auto;
	bottom: 210px;
}	
#back-top.index_scrollup {
	bottom: 230px;
}	
	
}