/*
media
-------------------------------------------*/
@media screen and (min-width:1024px) { /*ウィンドウ幅が1024px以上の場合に適用*/
	body {
		min-width: 100rem;
	}

	#leftwrap {
		float: left;
		width: 48rem;
		position: relative;
		display: table;
		margin: 3rem 0rem;
	}

	#leftwrap img {
		vertical-align: top;
	}

	#rightwrap {
		float: right;
		width: 48rem;
		position: relative;
		display: table;
		margin: 3rem 0rem;
	}

	#rightwrap p {
		padding: 0rem 1rem 1rem 1rem;
	}
}
@media only screen and (min-width:640px) and (max-width:1023px)  { /*ウィンドウ幅が640px～1023pxの場合に適用*/
	body {
		width: 100%;
	}

	#leftwrap {
		float: left;
		width: 50%;
		position: relative;
		display: table;
		margin: 3rem 0rem;
	}
	#leftwrap img {
		vertical-align: top;
	}

	#rightwrap {
		float: right;
		width: 50%;
		position: relative;
		display: table;
		margin: 3rem 0rem;
	}
	#rightwrap p img {
		vertical-align: top;
	}
}
@media screen and (max-width:639px) { /*ウィンドウ幅が640px以下の場合に適用*/
	#leftwrap {
		width: 90%;
		position: relative;
		display: table;
		margin: 2rem auto;
	}
	#rightwrap {
		width: 90%;
		position: relative;
		display: table;
		margin: 2rem auto;
	}
	#centertext {
		text-align: left;
		width: 90%;
		margin: 0rem auto;
	}
}