
* {
	margin: 0;
}

*::before,
*::after {
	box-sizing: border-box;
}

body {
	font-family: var(--font-family-default);
	font-weight: var(--font-default-weight);
	font-size: var(--font-default-size);
	background-color: var(--color-white);
	color: var(--color-text);
	-webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

input, button, textarea, select {
	font: inherit;
	box-sizing: border-box;
}

b, strong {
	font-weight: var(--font-default-weight-bold);
}

i, em {
	font-style: var(--font-default-italic);
}

.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: var(--font-default-weight-bold);
	overflow-wrap: break-word;
	hyphens: auto;
}

	.h1 {
		font-size: 2em;
	}

	.h2 {
		font-size: 1.8em;
	}

	.h3 {
		font-size: 1.5em;
	}

	.h4 {
		font-size: 1.3em;
	}

	.h5, .h6 {
		font-size: 1em;
	}

.width {
	width: 100%;
	max-width: 1140px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

.content {
	line-height: var(--font-default-line-height);
}

	.content ul,
	.content ol {
		margin: 0;
		padding-left: 20px;
	}

		.content ul {
			list-style-type: disc;
		}

		.content ol {
			list-style-type: decimal;
		}

	.content ul.no-list-style,
	.content ol.no-list-style {
		padding: 0;
		list-style-type: none;
	}

	.content * + p,
	.content * + ul,
	.content * + ol,
	.content * + img,
	.content * + picture,
	.content * + svg,
	.content * + video,
	.content * + blockquote,
	.content * + dl,
	.content * + figure,
	.content * + form,
	.content * + h1,
	.content * + h2,
	.content * + h3,
	.content * + h4,
	.content * + h5,
	.content * + h6,
	.content * + hr,
	.content * + nav,
	.content * + pre,
	.content * + table {
		margin-top: 1em;
	}
