*{
	margin: 0px;
}

html{
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #ffffff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #ffffff),color-stop(.75, #ffffff), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
}

#contentsBox {
	margin: auto;
	max-width: 1200px;
	padding: 50px 0 0;
	background-color: #ffffff;
}

#contentsBox h2{
	margin: 15px 1vw;
	font-size: min(2vw, 25px);
	text-align: center;
	background-color: #dddddd;
}

#contentsBox p{
	margin: 10px 30px;
}

#captionBox p{
	font-size: min(1.5vw, 20px);
	margin-left: 35px;
}

#headerBox{
	width: 100vw;
	height: 50px;
	background-color: #000000;
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 50;
}

#headerBox ol{
	width: 100%;
	max-width: 1200px;
}

#headerBox li{
	width: 30%;
	max-width: 400px;
	list-style: none;
	cursor:pointer;
	font-size: min(3vw, 25px);
	font-weight: bold;
	text-align: center;
	float: left;
}

#captionBox{
	padding: 0 2vw;
}

#operetionBox{
	padding: 0 2vw;
}

#howToBox{
	padding: 0 2vw;
}

#footerBox{
	padding: 15px 1.5vw;
	font-size: min(1.5vw, 30px);
	background-color: #66CDAA;
	display: flex;
	justify-content: center;
	align-items: center;
}