@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Sora:wght@100..800&display=swap");

@import url("./reset.css");

@import url("./base.css");

:root {
	--color-accent: #de4025;
	--color-neutral: #ecf2f8;
	--color-base: #e0e0e0;
	--color-base-light: #fafafa;
	--color-base-dark: #0a0a0a;
	--color-text: #000000;
	--color-text-white: #fafafa;
	--color-border: #000000;
	--font-en: "Sora", "Noto Sans JP", sans-serif;
}

@keyframes bg-scroll {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -2860px -635px;
	}
}

@keyframes bg-scroll-sp {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -1440px -367px;
	}
}

@keyframes contact-scroll {
	0% {
		background-position-x: 0;
	}

	100% {
		background-position-x: -155px;
	}
}