@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





	
/* read
--------------------- */
#read {
	text-align: center;
	margin-bottom: 100px;
}
	#read dl {

	}
		#read dl dt {
			font-size: 2.2rem;
			margin-bottom: 50px;
		}
			#read dl > dt strong {
				color: #b7009f;
				font-weight: normal;
			}
		#read dl dd > dl dt {
			color: #b7009f;
			font-size: 1.6rem;
			margin-bottom: 20px;
		}
		#read dl dd > dl dd {
			margin: 0 auto;
			width: 820px;
		}
		#read dl dd > dl dd li {
			width: 390px;
			float: left;
			text-align: left;
		}
		#read dl dd > dl dd li:last-child {
			float: right;
		}
		#read dl dd > dl dd li img {
			width: 100%;
			height: auto;
		}
		#read dl dd > dl dd li span {
			display: block;
		}

		#read dl dd > dl dd li h4 {
			font-size: 1.6rem;
			color: #b7009f;
			margin: 15px 0;
		}
		#read dl dd > dl dd li p {
			margin-bottom: 15px;
			font-size: 1.4rem;
		}


	#read dl.read {
		margin-bottom: 50px;
	}
		#read dl.read dt {
			font-size: 2.6rem;
			margin-bottom: 10px;
		}

	#read .rr {
		color: #000;
	}



/* about
--------------------- */
#about {
	padding: 80px 0;
	background: #fbf2fa;
}
	#about p {
		width: 869px;
		margin: 0 auto;
	}
	#about p img {
		width: 100%;
		height: auto;
	}


/* company
--------------------- */
#company {
	padding: 80px 0;
}
	#company li {
		width: 245px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	#company li:nth-child(4n) {
		float: right;
		margin-right: 0px;
	}
	#company li img {
		width: 100%;
		height: auto;
	}





/* 1024px */
@media screen and (max-width: 1024px) {
	
	
}





/* max 768px */
@media screen and (max-width: 768px) {

	
/* read
--------------------- */
#read {
	text-align: center;
	margin-bottom: 10%;
}
	#read dl {
		text-align: left;
	}
		#read dl dt {
			font-size: 1.8rem;
			margin-bottom: 10%;
		}
			#read dl > dt strong {
				color: #b7009f;
				font-weight: normal;
			}
		#read dl dd > dl dt {
			color: #b7009f;
			font-size: 1.6rem;
			margin-bottom: 20px;
		}
		#read dl dd > dl dd {
			margin: 0 auto;
			width: 100%;
		}
		#read dl dd > dl dd li {
			font-size: 1.2rem;
			text-align: left;
			width: 100%;
			float: none;
			margin-bottom: 10%;
		}
		#read dl dd > dl dd li img {
			width: 100%;
			height: auto;
		}
		#read dl dd > dl dd li span {
			display: block;
		}


/* about
--------------------- */
#about {
	padding: 10% 0;
	background: #fbf2fa;
}
	#about p {
		width: 100%;
	}
	#about p img {
		width: 100%;
		height: auto;
	}


/* company
--------------------- */
#company {
	padding: 10% 0;
}
	#company li {
		width: 49%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#company li:nth-child(2n) {
		float: right;
		margin-right: 0px;
	}
	#company li img {
		width: 100%;
		height: auto;
	}



}