@charset "UTF-8";

/*---------------共通---------------*/

#contents_wrapper a{
		color: #0066ff;
		border-bottom: 1px solid #0066ff;
}

/*---------------PC---------------*/

@media only screen and (min-width: 900px) {
	/*----------------コンテンツ---------------*/
	#contents_wrapper{
		width: 900px;
		margin: 0 auto;
		padding: 30px 0;
	}
	.title{
		font-size: 24px;
		text-align: center;
		padding: 10px;
		color: #ffffff;
		background-color: #7fbfff;
		margin-bottom: 50px;
	}
	h4{
		font-size: 20px;
		margin-bottom: 20px;
		color: #7fbfff;
	}
	#contents_wrapper p{
		line-height: 1.7em;
		margin-bottom: 30px;
	}
}
/*---------------タブレット---------------*/

@media only screen and (min-width: 600px) and (max-width: 899px){

	/*----------------コンテンツ---------------*/
	#contents_wrapper{
		margin: 0 auto;
		padding: 30px 10px;
	}
	.title{
		font-size: 24px;
		text-align: center;
		padding: 10px;
		color: #ffffff;
		background-color: #7fbfff;
		margin-bottom: 50px;
	}
	h4{
		font-size: 20px;
		margin-bottom: 20px;
		color: #7fbfff;
	}
	#contents_wrapper p{
		line-height: 1.7em;
		margin-bottom: 30px;
	}
}
/*---------------スマホ---------------*/

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

	#contents_wrapper{
		margin: 0 auto;
		padding: 10px 10px;
	}
	.title{
		font-size: 20px;
		text-align: center;
		padding: 10px;
		color: #ffffff;
		background-color: #7fbfff;
		margin-bottom: 50px;
	}
	h4{
		font-size: 16px;
		margin-bottom: 20px;
		color: #7fbfff;
	}
	#contents_wrapper p{
		line-height: 1.7em;
		margin-bottom: 30px;
		font-size: 12px;
	}
}