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

@media screen and (min-width:640px) and (max-width:750px){
	
	.lead{
	font-size:120%;
}
	.lead>p{
		font-size:140%;
	}

	h1{
	font-size:160%;
	}
	
	
	h2{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
	
	
	
#descript{
	padding:2%;
}
	

.section{
	font-size: 120%;
	line-height: 1.6;
}

	#attention{
	font-size: 110%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 100%;
	line-height: 1.7;
	padding:6% 6% 6% 8%;
	
}
	
	.registration{
	text-align: center;
	font-size: 130%;
	line-height: 1.5;
}
	.tx2 {
		font-size: 110%;
	}
	
}


@media screen and (min-width:375px) and (max-width:540px){
	
	.lead{
	font-size:90%;
		margin: 4% 5%;
}

	h1,h2,.tx{
	font-size:110%;
	}
	.contents p {
		font-size: 85%;
	}
	
	.section{
	font-size: 80%;
	line-height: 1.6;
		margin:4% 3%;
}

	
	#attention{
	font-size: 100%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 90%;
	line-height: 1.7;
	padding:6% 6% 6% 9%;
	
}
	
	
	.registration{
	text-align: center;
		padding:0 4%;
	font-size: 100%;
	line-height: 1.5;
}
	.tx2 {
		font-size: 90%;
	}
	
}

@media screen and (max-width:375px){
	
	
	.lead{
	font-size:66%;
		margin: 4% 5%;
}

	h1{
	font-size:100%;
	}
	
	h2{
	font-size: 130%;
}
	
	.tx {
		font-size: 100%;
	}
	.tx2 {
		font-size: 70%;
	}
	.contents p {
		font-size: 70%;
	}
	
	.section{
	font-size: 70%;
	line-height: 1.6;
		margin:4% 1%;
		font-weight: bold;
	}
	#attention{
	font-size: 100%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 70%;
	line-height: 1.7;
	padding:6% 6% 6% 9%;
	
}
	.registration{
	text-align: center;
	padding:0 4%;
	font-size: 84%;
	line-height: 1.5;
}
	
	footer {
		font-size: 80%;
	}

}