@charset "UTF-8";


/* mainimage
--------------------- */
#mainimage {
	padding: 100px;
	position: relative;
}
	#mainimage h1 {
		max-width: 1000px;
		margin: 0 auto;
	}
		#mainimage img {
			width: 100%;
			height: auto
		}

	#mainimage .human01 {
		position: absolute;
		top: 100px;
		right: 5%;
		width: 280px;
	}
	#mainimage .human02 {
		position: absolute;
		bottom: 0;
		left: 2%;
		width: 340px;
	}





/* Read
--------------------- */
#Read {
	text-align: center;
	margin-bottom: 100px;
}
	#Read h2 {
		font-size: 5rem;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 30px;
		color: #FFF;
	}
	#Read .box {
		width: 49%;
		margin-right: 2%;
		background: #FFF;
		border-radius: 10px;
		padding: 30px 60px 40px 60px;
	}
	#Read .box:last-child {
		margin-right: 0%;
	}

	#Read .box dl dt {
		font-size: 3rem;
		color: #e3007f;
		margin-bottom: 20px;
	}
	#Read .box dl dd {
		font-size: 2.2rem;
		text-align: left;
		line-height: 1.8;

	}






/* Next
--------------------- */
#Next {
}
	#Next .cell {
		background: #FFF;
		border-radius: 10px;
		padding: 40px;
	}

	#Next .pht {
		margin-bottom: 20px;
	}

	#Next .pht img {
		width: 100%;
		height: auto;
	}

	#Next table {
		width: 100%;
		font-size: 2rem;
	}
		#Next table th {
			color: #e3007f;
			text-align: left;
			width: 250px;
			border-bottom: solid 1px #e6e6e6;
			padding: 10px 0;
		}
		#Next table td {
			border-bottom: solid 1px #e6e6e6;
			padding: 10px 0;
		}

	#Next table tr:last-child th,
	#Next table tr:last-child td {
		border-bottom: none;
	}





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



}





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



/* mainimage
--------------------- */
#mainimage {
	padding: 5%;
	position: relative;
}
	#mainimage h1 {
		max-width: 100%;
		margin: 0 auto;
	}
		#mainimage img {
			width: 100%;
			height: auto
		}

	#mainimage .human01 {
		position: absolute;
		top: 5%;
		right: 5%;
		width: 20%;
	}
	#mainimage .human02 {
		position: absolute;
		bottom: 0;
		left: 2%;
		width: 20%;
	}





/* Read
--------------------- */
#Read {
	text-align: center;
	margin-bottom: 10%;
}
	#Read h2 {
		font-size: 2rem;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 30px;
		color: #FFF;
	}
	#Read .box {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 5%;
		background: #FFF;
		border-radius: 10px;
		padding: 8%;
	}
	#Read .box:last-child {
		margin-right: 0%;
	}

	#Read .box dl dt {
		font-size: 2rem;
		color: #e3007f;
		margin-bottom: 10px;
	}
	#Read .box dl dd {
		font-size: 1.6rem;
		text-align: left;
		line-height: 1.8;

	}






/* Next
--------------------- */
#Next {
}
	#Next .cell {
		background: #FFF;
		border-radius: 10px;
		padding: 5%;
	}

	#Next table {
		width: 100%;
		font-size: 1.4rem;
	}
		#Next table th {
			color: #e3007f;
			text-align: left;
			width: 100%;
			border-bottom: none;
			padding: 10px 0 0 0;
		}
		#Next table td {
			border-bottom: solid 1px #e6e6e6;
			padding: 0 0 10px 0;
		}

	#Next table tr:last-child th,
	#Next table tr:last-child td {
		border-bottom: none;
	}





}