html {
	font-size: 16px;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url("../../fonts/NotoSansJP-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Noto Sans JP';
	src: url("../../fonts/NotoSansJP-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body {
	background-color: #fefaf4;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic Medium", YuGothic, "Yu Gothic Medium", "Yu Gothic", "BIZ UDGothic", sans-serif;
	font-weight: 400;
	color: #4b2c20;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: anywhere;
	line-break: strict;
}

a {
	color: unset;
	transition: all 0.2s;
}

@media (any-hover: hover) {
	a:hover {
		opacity: 0.8;
	}
}

a[href^="tel:"] {
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: auto;
	}
}

img,
svg,
iframe {
	max-width: 100%;
	height: auto;
}

strong {
	font-weight: 700;
}

#bg-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}