#title {
	background-color: #f57233;
}

#title h1 em {
	font-size: 22px;
}

div.course h2 {
	background-color: #f57233;
	color: white;
	font-size: 32px;
	padding: 10px;
}

div.course div.text {
	float: left;
	width: 600px;
}

div.course div.img {
	float: right;
	padding-top: 20px;
	width: 300px;
}

div.course h3 {
	color: #f57233;
	font-size: 25px;
	text-align: left;
}

div.course div.movie h3 {
	color: #484641;
	font-size: 20px;
	padding: 10px;
	text-align: center;
}

div.course div.movie h3::before {
	content: "▼";
	font-size: 20px;
	margin-right: 5px;
}

div.course div.movie h3::after {
	content: "▼";
	font-size: 20px;
	margin-left: 5px;
}

div.course div.movie {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div.course div.movie video {
	border: 1px solid #949494;
	margin: 0 10px;
	width: 800px;
}

div.course div.movie ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.course div.movie ul li {
	margin: 0 10px;
	width: 450px;
}

div.course div.movie ul li video {
	width: 100%;
}

h2.img {
	background-image: url(images/h2_img.svg);
	background-size: 48px;
	color: #f57233;
}

h3.img {
	border-left: 24px solid #f57233;
	color: #f57233;
}

table.list-table th {
	color: white;
}

table.list-table tr.header th {
	background-color: #faba9e;
	border-color: #f6f3ee;
}

table.list-table th.c1 {
	background-color: #52b535;
}

table.list-table th.c2 {
	background-color: #f57233;
}

table.list-table td {
	border: 3px solid #faba9e;
}

table.list-table td table,
table.list-table td table th,
table.list-table td table td {
	width: auto;
}