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

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

	h1{
	font-size:160%;
	}
	
	
	h2{
	font-size: 120%;
	font-weight: bold;
	font-style: oblique;
	color: #FA9F0B;
	text-align: center;
}
	
	
	
#descript{
	background-color:#fef2e0;
	padding:2%;
	
}

.section{
	font-size: 140%;
	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%;
	
}
	
	
}


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

	h1{
	font-size:110%;
	}
	
	h2{
	font-size: 120%;
}
	
	.section{
	font-size: 100%;
	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%;
}
	
	#attention02 {
	font-size: 96%;
	line-height: 1.5;
	}
	.description {
		font-size: 100%;
	line-height: 1.5;
	}
	
	.font {
	margin:2% 0;
	padding: 1% 0;
	color: #a10000;
	border-top: 3px solid #a10000;
	border-bottom: 3px solid #a10000;
	font-size: 130%;
	text-align: center;
	font-weight: bold;
}
	.description02 {
	font-size: 100%;
}
	
}

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

	h1{
	font-size:100%;
	}
	
	h2{
	font-size: 120%;
}
	
	.section{
	font-size: 100%;
	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%;
}
	
		#attention02 {
	font-size: 90%;
	line-height: 1.5;
	}
	.description {
		font-size: 80%;
	line-height: 1.5;
	}
	
	.font {
	margin:2% 0;
	padding: 1% 0;
	color: #a10000;
	border-top: 2px solid #a10000;
	border-bottom: 2px solid #a10000;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
}
	
	.description02 {
	font-size: 80%;
}
	
	
}