@charset "utf-8";

body {
	background-color: #000000;
	font-size: 16px;
	font-family: "arial", "Hiragino Sans", "Meiryo", sans-serif;
	color: #d6d3d1;
}
header {
	width: 1240px;
	margin: 0 auto 44px;
}
h1 {
	text-align: center;
	padding: 20px 0 16px;
}
header nav ul {
	display: flex;
	border-top: 2px solid #4a4440;
	border-bottom: 2px solid #4a4440;
	background-color: rgba(241, 191, 53, 0.671);
	padding: 13px 0 10px;
}
header nav ul li {
	margin: 0 20px;
}
header nav ul li:nth-last-child(1) {
	margin-left: auto;
}
header nav ul li a {
	font-size: 25px;
	font-weight: bold;
	color: #120f0d;
}
header nav ul li a:hover {
	text-decoration: underline;
}
div {
	width: 1240px;
	margin: 0 auto 50px;
	display: flex;
	justify-content: space-between;
}
.home {
	flex-basis: 920px;
	background-color: #1a1614;
	border-radius: 16px;
	padding: 62px 72px 32px 72px;
	box-shadow: 0 4px 20px rgba(230, 126, 34, 0.15);
}
.Projects,
.manim,
.Webtest {
	flex-basis: 1240px;
	background-color: #1a1614;
	border-radius: 16px;
	padding: 62px 72px 32px 72px;
	box-shadow: 0 4px 20px rgba(230, 126, 34, 0.15);
}
aside {
	flex-basis: 284px;
}
aside nav {
	margin-bottom: 24px;
	background-color: #1a1614;
	border-radius: 16px;
	padding: 24px 28px;
	box-shadow: 0 4px 20px rgba(230, 126, 34, 0.15);
}
aside nav h2 {
	font-size: 22px;
	font-weight: bold;
	color: #dcd3cc;
	margin-bottom: 18px;
}
aside nav ul {
	font-size: 14px;
}
.categoryNav ul li {
	list-style-type: square;
	color: #dcd3cc;
	margin: 0 0 16px 20px;
}
.recentNav ul li {
	border-bottom: 1px solid #a8902d;
	padding-bottom: 10px;
	margin-bottom: 22px;
}
.recentNav ul {
	height: 240px;
	overflow: hidden scroll;
}
article h2 {
	font-size: 40px;
	font-weight: 500px;
	margin-bottom: 8px;
}
time {
	background-color: #c48615;
	border-radius: 22px 22px 22px 22px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding: 13px 25px 12px 20px;
	display: inline-block;
	margin-bottom: 26px;
}
.eyecatch {
	margin-bottom: 26px;
}
article h3 {
	border-bottom: 2px solid #a8902d;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
}
article section p {
	line-height: 1.6;
	margin-bottom: 24px;
}
article section {
	margin-bottom: 50px;
}
footer {
	background-color: #4a4440;
	color: #dcd3cc;
	text-align: center;
	padding: 14px 10px 20px;
}