@charset "utf-8";

@media all{

	#event h1{
		text-align: center;
	}
	#event section{
		padding: 60px 30px 60px 20px;
	}
	#event article{
		width: 100%;
		max-width: 770px;
		margin: 0 auto;
		font-size: 2rem;
	}
	#event article .title{
		font-weight: 600;
		margin-bottom: 1em;
	}
	#event article .titlesub{
		font-size: 0.9em;
		margin-bottom: 2em;
	}
	.guidelines{
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
		font-size: 0.9em;
	}
	.guidelines dd{
		margin-bottom: 2em;
		margin-left: 1em;
	}
	.guidelines dd li{
		list-style: none;
		margin-left: 1em;
		display: block;
		position: relative;
		text-align: justify;
	}
	.guidelines dd ul li::before{
		position: absolute;
		content: "・";
		top: 0;
		left: -1em;
	}
	.guidelines dd ol > li::before{
		position: absolute;
		content: "■";
		font-size: 0.6em;
		top: 0.2em;
		left: -1.5em;
	}
	.guidelines dd ol > li p{
		margin-bottom: 0;
	}
	.guidelines dd ol li ul{
		margin-bottom: 1em;
	}
	

}

@media screen and (max-width: 567px){

	#event article{
		font-size: 1.8rem;
	}
	
}

@media screen and (min-width: 568px) and (max-width: 1024px){


	
}

@media screen and (min-width: 1025px){


	
}