@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap');

@font-face {
	font-family: 'logo';
	src: url("/G-Factory/Core/font/font.woff");
}

/* 最初に定義しておく必要があるCSS（アニメーションとかその辺） */
* {
	font-size: 14pt;
	font-family: 'Quicksand', 'kosugi maru', sans-serif;
	color: inherit;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	width: 100vw;
	overflow: overlay;
	background-color: rgba(0, 0, 0, 0);
}

body {
	min-height: 100vh;
	width: 100%;
	-ms-overflow-style: none; /* MicroSoft系のブラウザにてスクロールバー非表示 */
	scrollbar-width: none; /* 非標準だがFirefox */
}

body::-webkit-scrollbar {
	/* ChromeやSafariなどのスクロールバー */
	width: 0.5rem;
	background-color: rgba(0, 0, 0, 0);
}

body::-webkit-scrollbar-track {
	/* ChromeやSafariなどのスクロールバーの背景 */
	background-color: rgba(0, 0, 0, 0);
}

body::-webkit-scrollbar-thumb {
	/* ChromeやSafariなどのスクロールバーの動くところ */
	background-color: lime;
}

@media screen and (max-width: 640px) {
	html {
		width: 100vw;
		overflow-x: hidden;
	}

	body {
		width: 100vw;
	}

}