html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.pdf-page {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	color: #333;
	font-family: "Noto Sans JP", sans-serif;
}

.lesson-header {
	box-sizing: border-box;
	padding: 16px 24px;
	text-align: center;
	background: #fff;
}

.lesson-header h1 {
	margin: 0;
	font-size: 24px;
}

.lesson-header p {
	margin: 6px 0;
}

.lesson-header a,
.lesson-document-link a {
	color: #654c38;
}

.lesson-document {
	height: calc(100vh - 124px);
}

.pdf-viewer {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
}

.lesson-document-link {
	margin: 0;
	padding: 10px;
	text-align: center;
	background: #fff;
}

@media (max-width: 520px) {
	.lesson-header {
		padding: 12px 16px;
	}

	.lesson-header h1 {
		font-size: 21px;
	}

	.lesson-header p {
		font-size: 14px;
	}

	.lesson-document {
		height: calc(100vh - 132px);
	}
}