@charset "UTF-8";
/*
Theme Name: RIIN
Version: 1.0.0
*/
html {
	scroll-behavior: smooth;
}

body {
	--container: 1130px;
	color: var(--color-body-1);
	font-family: var(--font-family);
	line-height: calc(32 / 16);
}

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

a {
	color: var(--color-body-1);
	text-decoration: none;
}

:where(a, button):hover {
	opacity: .7;
}

@media (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

.container {
	padding-right: var(--padding);
	padding-left: var(--padding);
	max-width: calc(var(--container) + var(--padding) + var(--padding));
}

.container-slim {
	--container: 935px;
}