@charset "UTF-8";

body {
	background: #1d1d1d;
}

#sec-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.contents {
	color: #cfdfdf;
	line-height: 2em;
	width: calc(100vw - 80px);
	border-radius: 10px;
}

h1 {
	background: linear-gradient(#555 0%, #222 50%, #000 51%, #222 100%);
	padding: 10px 20px;
	margin: 50px 0;
	height: 50px;
	line-height: 40px;
	color: #fff;
	box-shadow: 0 0 10px #000;
}

#h1-desc{
	color: #ddd;
	font-size: 60%;
	margin-left: 30px;
}

h2 {
	border-bottom: solid 1px #fff;
	margin: 10px;
	padding: 15px 20px;
}

p,#sec-2 table {
	margin: 30px;
}

#sec-1 {
	margin: 50px 50px 50px 20px;
	border: solid 1px rgb(133, 3, 3);
	box-shadow: 30px -30px rgb(194, 48, 48);
}

#sec-2 {
	margin: 50px 20px 80px 50px;
	border: solid 1px rgb(62, 125, 60);
	box-shadow: -30px 30px rgb(122, 167, 74);
}

#sec-3 {
	margin: 50px 50px 50px 20px;
	border: solid 1px rgb(133, 79, 3);
	box-shadow: 30px -30px rgb(194, 143, 48);
}

#sec-4 {
	margin: 50px 20px 80px 50px;
	border: solid 1px rgb(3, 133, 131);
	box-shadow: -30px 30px rgb(48, 194, 170);
}

#sec-2 table {
	width: calc(100% - 60px);
	border-collapse: collapse;
}

#sec-2 table tr {
	border-bottom: solid 1px rgb(178, 229, 177);
}

#sec-2 table tr:last-child {
	border-bottom: none;
}

#sec-2 table td {
	padding: 10px;
}

#sec-3 img {
	height: 150px;
}

.link-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}