@charset "UTF-8";
/* CSS Document */

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

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

main{
	width: 1000px;
	
	margin: 0 auto;
	padding: 20px 0px;
}

@media screen and (max-width:999px){
	main{
		width: calc(100% - 40px);
		margin: 0px 20px;
	}
}

h1{
	width: fit-content;
	
	margin: 0px auto 40px auto;
	padding: 0px 0px 10px 0px;
	
	border-bottom: 2px #555 solid;
	font-style: italic;
	font-weight: bold;
}

h2{
	margin: 40px 0px 10px 0px;
	padding: 0px 10px 5px 10px;
	
	border-bottom: 1px #555 dashed;
	line-height: 1.5;
}

p{
	margin: 10px 0px;
	padding: 0px 10px;
}

ul{
	list-style: none;
	
	margin: 20px 0px;
	padding: 0px 10px;
}

li{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	
	position: relative;
}

li::before{
	content: "\25C6";
	margin: 0;
	padding: 0;
	
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 7px;
}

#last{
	margin-top: 30px;
}

.mlad{
	margin: 0px 10px;
}

a{
	color: dodgerblue;
}

a:hover{
	color: blue;
}

/*----------fontsize----------*/

h1{
	font-size: 30px;
}

h2{
	font-size: 20px;
}

p,li{
	font-size: 15px;
}


/*----------fontcolor----------*/

h1,h2,li::before{
	color: #2c239b;
	border-color: #2c239b;
}