@charset "UTF-8";


.title {
	line-height: 1.6;
}

body {
	background: url("../common/img/bg.svg") no-repeat top center;
	background-size: 100%;
}


/* mainTitle
--------------------- */
#mainTitle {
	padding-top: 150px;
	height: calc((50vw / 16 * 10) + 150px);
	margin-bottom: 100px;
}

	#mainTitle {
		position: relative;
	}
	#mainTitle .title {
		margin-bottom: 50px;
	}
	#mainTitle .title h1 {
		font-size: 5rem;
		font-weight: 700;
		letter-spacing: 0.2em;
	}
	#mainTitle .title p {
		font-size: 3.8rem;
		font-weight: 500;
	}

	#mainTitle .text {
		width: 40%;
		position: absolute;
		top: 200px;
		left: 100px;
	}
	#mainTitle .pht {
		width: 50%;
		position: absolute;
		top: 100px;
		right: 0;
		z-index: -100;
	}
	#mainTitle .ill {
		width: 380px;
		position: absolute;
		bottom: -50px;
		left: 40%;
		z-index: -50;
	}



/* Profile
--------------------- */
#Profile {
}
	#Profile .inner {
		background: url("../img/reform/bg_important.svg") no-repeat;
		background-size: 100%;
		padding: 80px 120px 400px 120px;
		position: relative;
		margin-bottom: 100px;
	}
		#Profile .inner dl.tt {
			line-height: 1.6;
			margin-bottom: 200px;
		}
		#Profile .inner dl.tt dt {
			font-size: 4.2rem;
			font-weight: 700;
			letter-spacing: 0.2em;
		}
		#Profile .inner dl.tt dd {
			font-size: 2.8rem;
			font-family: "Noto Serif JP";
		}
		#Profile .inner .ill {
			width: 400px;
			margin-top: 50px;
		}
			#Profile .inner .ill img {
				width: 100%;
				height: auto;
			}
	#Profile .text {
		position: absolute;
		width: 55%;
		top: 10%;
		right: 5%;
		line-height: 1.6;
	}
		#Profile .text dl {
			font-weight: 500;
			margin-bottom: 20px;
		}
			#Profile .text dl dt {
				font-size: 3rem;
				margin-bottom: 10px;
			}
				#Profile .text dl dt em {
					font-size: 2rem;
				}
			#Profile .text dl dd {
				font-size: 2rem;
			}

		#Profile .text p {
			margin-bottom: 10px;
		}
		#Profile .text ul {
			margin-bottom: 10px;
		}
			#Profile .text ul li span {
				display: inline-block;
				width: 25em;
			}
		#Profile .text p.pht {
			text-align: center;
		}
		#Profile .text p img {
			width: 50%;
			height: auto;
		}




.article table {
	font-size: 2.2rem;
}
	.article table th {
		font-weight: 500;
		background: #F5E2D8;
		padding: 20px 50px;
		vertical-align: top;
		width: 20%;
	}
	.article table td {
		padding: 20px 50px;
	}


.article .map {
	width: 660px;
	margin: 100px auto;
}
	.article .map iframe {
		width: 100%;
		height: 500px;
	}


.boox {
	margin: 100px 0;
}
	.boox .set p {
		width: 24%;
		margin-right: 1%;
		margin-top: 3%;
	}
	.boox .set p img {
		width: 100%;
		height: auto;
	}


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



}





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





/* mainTitle
--------------------- */
#mainTitle {
	padding-top: 100px;
	height: auto;
	margin-bottom: 10%;
}

	#mainTitle {
		position: relative;
	}
	#mainTitle .title {
		margin-bottom: 5%;
	}
	#mainTitle .title h1 {
		font-size: 3rem;
		font-weight: 700;
		letter-spacing: 0.2em;
	}
	#mainTitle .title p {
		font-size: 1.6rem;
		font-weight: 500;
	}

	#mainTitle .text {
		width: 90%;
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	#mainTitle .pht {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		z-index: -100;
		margin-top: 5%;
	}


	#mainTitle .ill {
		width: 40%;
		position: absolute;
		bottom: -50px;
		left: auto;
		right: 5%;
		z-index: -50;
	}
	
	
/* Profile
--------------------- */
#Profile {
}
	#Profile .inner {
		background: none;
		min-height: auto;
		background-size: cover;
		padding: 0;
		position: relative;
		margin-bottom: 100px;
	}
		#Profile .inner dl.tt {
			line-height: 1.6;
			margin-bottom: 5%;
		}

	
	
		#Profile .inner dl {
			text-align: left;
			line-height: 1.6;
			margin-bottom: 5%;
		}
		#Profile .inner dl dt {
			font-size: 2rem;
			font-weight: 700;
			letter-spacing: 0.2em;
		}
		#Profile .inner dl dd {
			font-size: 1.4rem;
			font-family: "Noto Serif JP";
		}
		#Profile .inner .text {
			position: relative;
			width: auto;
			top: 0;
			right: 0;
		}
		#Profile .inner .ill {
			width: 60%;
			margin: 0 auto;
		}
			#Important .inner .ill img {
				width: 100%;
				height: auto;
			}

			#Profile .text ul li span {
				display: inline;
				width: auto;
				margin-right: 1em;
			}
	
.article table {
	font-size: 1.6rem;
}
	.article table th {
		font-weight: 500;
		background: #F5E2D8;
		padding: 20px 50px;
		vertical-align: top;
		width: 100%;
	}
	.article table td {
		padding: 20px;
	}


.article .map {
	width: 100%;
	margin: 100px auto;
}
	.article .map img {
		width: 100%;
		height: auto;
	}
	
	
.boox {
	margin: 10% 0;
}
	.boox .set p {
		width: 49%;
		margin-right: 1%;
		margin-top: 3%;
	}
	.boox .set p img {
		width: 100%;
		height: auto;
	}

	
	

}