/* NAVIGATION */
nav {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--default--nav-height);
	background: var(--white);
	border-bottom: 1px solid var(--gray);
	z-index: 10;	
}
nav .logo {
	display: block;
	width: 152px;
	height: 36px;
}
nav ul li {
	margin-left: 40px;
}

/* SECTION */
section {
	padding: var(--size-m) 0;
}

/* FOOTER */
footer {
	padding: var(--size-s) 0;
}

/* PICTURE */
picture.border--left {
	border-left: 30px solid var(--red);
}
picture.border--right {
	border-right: 30px solid var(--red);
}

/* LINE */
.line {
	width: 100%;
	height: 1px;
	background: var(--gray);
}

/* ANCHOR */
.anchor {
	top: -63px;
}

/* BUTTON */
.button {
	padding: 12px;
	color: var(--white);
	background: var(--red);
	border: 1px solid var(--red);
	border-radius: 8px;
	font-family: 'Switzer-Semibold';
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.01em;
	white-space: nowrap;
}
.button.secondary {
	background: var(--white);
	color: var(--red);
}
.button:hover {
	color: var(--white);
}
.button.secondary:hover {
	color: var(--red);
}