html
{
	font-size: 14px;
}

html, body
{
	font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-feature-settings: "calt" 1, "case" 1, "ss03" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;
}

.sidebar, .sidebar-by-tablet, .sidebar-by-desktop
{
	margin: 0 auto;
}

.sidebar
{
	max-width: 180px;
}

.tabular-number
{
	font-feature-settings: "tnum" 1, "calt" 1, "case" 1, "ss03" 1, "cv01" 1, "cv02" 1, "cv03" 1, "cv04" 1, "cv11" 1;
}

.is-size-1 .tabular-number, .is-size-1.tabular-number
{
	letter-spacing: -3px;
}

.is-size-2 .tabular-number, .is-size-2.tabular-number
{
	letter-spacing: -2px;
}

.is-size-3 .tabular-number, .is-size-3.tabular-number
{
	letter-spacing: -1px;
}

.is-size-4 .tabular-number, .is-size-4.tabular-number
{
	letter-spacing: -.5px;
}

@media screen and (min-width: 769px)
{
	.reverse-by-tablet, .reverse-row-by-tablet
	{
		display: flex;
		flex-direction: row-reverse;
	}

	.reverse-column-by-tablet
	{
		display: flex;
		flex-direction: column-reverse;
	}

	.sidebar-by-tablet
	{
		max-width: 180px;
	}
}

@media screen and (min-width: 1024px)
{
	.reverse-by-desktop, .reverse-row-by-desktop
	{
		display: flex;
		flex-direction: row-reverse;
	}

	.reverse-column-by-desktop
	{
		display: flex;
		flex-direction: column-reverse;
	}

	.sidebar-by-desktop
	{
		max-width: 180px;
	}
}

.service-list
{
	columns: 2;
}

.horizontal-text
{
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #4a4a4a;
	line-height: 0.1em;
	margin: 10px 0 20px;
}

.horizontal-text span
{
	background: #ffffff;
	padding: 0 10px;
}