@charset "utf-8";
/* CSS Document */

.about_area1 h3 {
	padding: 0 0 30px;
	text-align: center;
	font-weight: normal;
	font-size: 4rem;
}
.about_area1 p.text {
	line-height: 4rem;
	text-align: justify;
	text-justify: inter-ideograph;
}
.about_area2_logo {
	background: url(../images/bg_logomark.png) no-repeat calc( 50% - 420px) 50px;
	background-size: 370px 370px;
}
.about_area2 {
	background: url(../images/bg_washi.png) repeat center top;
}
.area2_head {
	padding-bottom: 50px;
}
.area2_head_text h3 {
	font-size: 4rem;
	font-weight: normal;
	padding: 30px 0 50px;
}
.area2_head_text p {
	font-size: 2.5rem;
	padding-bottom: 50px;
}
.about_area1 .image img, .area2_head .image img {
	width: 100%;
	height: auto;
}

.about_area2 .block2 > p {
	line-height: 4rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

.about_area2 .block2 > p.end {
	text-align: right;
}
.about_area3 {
	padding: 100px 0 0;
}
.photo {
	background: url(../images/about/about_priest.jpg) no-repeat;
	background-position: 50% 50%;
	background-size:  auto 100%;
	background-color: #000;
	height: 400px;
}
.about_area3 table {
	border: 1px solid #000;
	margin: 50px auto 100px;
	font-size: 1.8rem;
}
.about_area3 table td {
	border: 1px solid #000;
	padding: 10px 30px;
}


@media screen and (min-width: 768px) {
	.about_area1 {
	}
	.about_area1 .about_area1_ex {
		display: flex;
  		justify-content: space-between;
	}
	.about_area1 p.text {
		width: 450px;
	}
	.about_area1 p.image {
		width: 400px;
		text-align: center;
		font-size: 1.2rem;
		padding-top: 10px;
	}
	.area2_head {
		display: flex;
  		justify-content: space-between;
	}
	.area2_head_text p {
		font-size: 3.2rem;
	}
	.about_area1 .image img, .area2_head .image img {
		width: auto;
		height: auto;
	}
	.photo {
		/*height: 800px;*/
		height: 600px;
	}


}