@charset "UTF-8";


	
	
/* beginning
--------------------- */
#beginning .read {
	margin-top: -128px;
	padding: 0 50px;
	margin-bottom: 80px;
	position: relative;
	z-index: 2;
}
	#beginning .read h2 {
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1.7em;
		margin-bottom: 40px;
	}
		#beginning .read h2 span {
			display: inline-block;
			background: #fff;
			padding: 7px 4px 3px 4px;
			line-height: 1;
		}

#beginning .flow {
	background: #414141;
	margin-bottom: 100px;
	padding: 0 70px 70px 70px;
}
	#beginning .flow .pht {
		display: block;
		max-width: 1000px;
		margin: 0 auto 0 auto;
	}
		#beginning .flow .pht img {
			margin-top: -22px;
		}

#beginning .member h3 {
	font-size: 2.3rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.3em;
	text-decoration: underline;
	margin-bottom: 40px;
}

#beginning .member .list {
	max-width: 820px;
	margin: 0 auto;
}
	#beginning .member .list .box {
		width: 28%;
	}
		#beginning .member .list .box .text {
			padding-top: 20px;
		}
			#beginning .member .list .box .text h4 {
				font-size: 2.6rem;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 12px;
			}

			#beginning .member .list .box .text .job {
				font-size: 1.3rem;
				line-height: 1.7em;
			}
@media screen and (max-width: 1024px) {
	#beginning .read {
		margin-top: -118px;
		padding: 0 0;
		margin-bottom: 70px;
	}
		#beginning .read h2 {
			font-size: 2.8rem;
			margin-bottom: 30px;
		}

	#beginning .flow {
		margin-bottom: 60px;
		padding: 0 50px 50px 50px;
	}
		#beginning .flow .pht img {
			margin-top: -2vw;
		}

	#beginning .member h3 {
		font-size: 2.0rem;
		margin-bottom: 30px;
	}

	#beginning .member .list {
		max-width: 820px;
		margin: 0 auto;
	}
		#beginning .member .list .box {
			width: 30%;
		}
			#beginning .member .list .box .text {
				padding-top: 18px;
			}
				#beginning .member .list .box .text h4 {
					font-size: 2.4rem;
				}

				#beginning .member .list .box .text .job {
					font-size: 1.2rem;
					line-height: 1.6em;
				}
}
@media screen and (max-width: 768px) {
	#beginning .read {
		margin-top: -54px;
		margin-bottom: 40px;
	}
		#beginning .read h2 {
			font-size: 2.2rem;
			margin-bottom: 30px;
		}

	#beginning .flow {
		margin-bottom: 40px;
		padding: 20px;
	}
		#beginning .flow .pht img {
			margin-top: 0;
		}

	#beginning .member h3 {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	#beginning .member .list .box .text {
		padding-top: 12px;
	}
		#beginning .member .list .box .text h4 {
			font-size: 2.0rem;
			margin-bottom: 6px;
		}

		#beginning .member .list .box .text .job {
			font-size: 1.1rem;
			line-height: 1.5em;
		}
}




	
/* section01
--------------------- */
#section01 {
	background: #2A2A2A;
}
	#section01 .text-pht .text {
		width: 60%;
		padding-left: 7%;
		order: 2;
	}
		#section01 .text-pht .text .txt {
			margin-bottom: 12px;
		}
		#section01 .text-pht .text .txt:nth-last-child(1) {
			margin-bottom: 0;
		}

	#section01 .text-pht .pht {
		width: 45%;
		margin-left: -5%;
		order: 1;
	}
@media screen and (max-width: 768px) {
	#section01 .text-pht {
		display: block;
	}
		#section01 .text-pht .text {
			width: 100%;
			padding-left: 0;
			margin-bottom: 25px;
		}

		#section01 .text-pht .pht {
			width: 107%;
			margin-left: -7%;
		}
}




	
/* section02
--------------------- */
#section02 .text-pht .text {
	width: 62%;
	padding-right: 7%;
}
	#section02 .text-pht .text .txt {
		margin-bottom: 17px;
	}
	#section02 .text-pht .text .txt:nth-last-child(1) {
		margin-bottom: 0;
	}

#section02 .text-pht .pht {
	width: 38%;
	margin-top: -120px;
}
@media screen and (max-width: 768px) {
	#section02 .text-pht {
		display: block;
	}
		#section02 .text-pht .text {
			width: 100%;
			padding-right: 0;
			margin-bottom: 25px;
		}
			#section02 .text-pht .text .txt {
				margin-bottom: 12px;
			}

		#section02 .text-pht .pht {
			width: 100%;
			margin-top: 0;
		}
}




	
/* section03
--------------------- */
#section03 {
	background: #414141;
}
	#section03 .pht-list {
		margin-top: 50px;
	}
		#section03 .pht-list li {
			width: 48%;
		}
@media screen and (max-width: 768px) {
	#section03 .pht-list {
		margin-top: 30px;
	}
		#section03 .pht-list {
			display: block;
		}
			#section03 .pht-list li {
				width: 100%;
				margin-bottom: 20px;
			}
			#section03 .pht-list li:nth-last-child(1) {
				margin-bottom: 0;
			}
}