@charset "utf-8";
/* CSS Document */
/*########################################################################*/
/*###################### Practice Page #######################################*/
/*########################################################################*/
body {
	-webkit-text-size-adjust: 100%;
}
#practice {
	width: 80%;
	margin: 20px auto 20px;
	padding: 30px 0px 30px 0px;
}
#practice P {
	padding: 5px 0px 0px 0px;
	line-height: 160%;
}
#practice h2 {
	text-align:center;
	padding: 20px 0px 10px 0px;
}
#practice h3 {
	display:none;
}
.parctice-0 {
	width:90%;
	height:auto;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
}
.practice-1 {
	width:75%;
	height:auto;
	margin: 20px auto 20px auto;
}
.practice-2 {
	width:45%;
	height:auto;
	margin: 20px auto 20px auto;
}
.iro {
	color: #F90;
}
.area {
	color:#451E14;
}
@media screen and (max-width: 1024px){
	#practice {
		width: 85%;
		margin: 20px auto 20px;
		padding: 30px 0px 30px 0px;
	}
	#practice P {
		padding: 5px 0px 0px 0px;
	}
	#practice h2 {
		padding: 0px 0px 10px 0px;
	}
	#practice h3 {
		display:none;
	}
	.parctice-0 {
		width:90%;
		height:auto;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	.practice-1 {
		width:70%;
		margin: 20px auto 20px auto;
	}
	#practice .practice-1 p {
		padding: 5px 0px 5px 0px;
	}
	.practice-2 {
		width:45%;
		margin: 20px auto 20px auto;
	}
}
@media screen and (max-width: 480px) {
	#practice {
		width:90%;
		margin: 0 auto 20px auto;
		padding: 0 0 30px 0;
	}
	#practice P {
		padding: 5px 0px 0px 0px;
	}
	#practice h2 {
		display:none;
	}
	#practice h3 {
		display:block;
		text-align:center;
		padding: 20px 0px 10px 0px;
	}
	.parctice-0 {
		width:100%;
		height:auto;
		margin: 20px auto 20px auto;
		padding: 0px 0px 0px 0px;
	}
	.practice-1 {
		width:100%;
		margin: 0px auto 20px auto;
	}
	#practice .practice-1 p {
	}
	.practice-2 {
		width:80%;
	}
}