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





	
	
/* about
--------------------- */
#about {
	width: 100%;
	padding: 100px 0;
}
	#about .infoarea {
		margin-bottom: 70px;
	}
		#about .infoarea .text {
			width: 55%;
			padding-left: 5%;
		}
			#about .infoarea .text table {
				width: 100%;
				border-collapse: collapse;
			}
				#about .infoarea .text table th {
					width: 100px;
					padding: 16px 12px;
					font-size: 1.8rem;
					font-weight: 500;
					text-align: left;
					vertical-align: middle;
					border-bottom: solid 1px #ddd;
				}
				#about .infoarea .text table td {
					width: -webkit-calc(100% - 100px);
					width: calc(100% - 100px);
					padding: 16px 12px;
					font-size: 1.5rem;
					text-align: left;
					border-bottom: solid 1px #ddd;
				}
					#about .infoarea .text table td p {
						margin-bottom: 12px;
					}
					#about .infoarea .text table td p:nth-last-child(1) {
						margin-bottom: 0;
					}

		#about .infoarea .pht {
			width: 45%;
		}


	#about .bnr {
		width: 234px;
		margin: 30px auto 0 auto;
	}


	#about .access {
		width: 100%;
	}
		#about .access .box {
			width: 48%;
		}
			#about .access .box h3 {
				font-size: 2.2rem;
				font-weight: 500;
				line-height: 1;
				margin-bottom: 20px;
			}

			#about .access .box iframe {
				width: 100%;
				height: 350px;
			}





	
	
/* related
--------------------- */
#related {
	width: 100%;
	padding: 100px 0;
	background: #F2F0E9;
}
	#related .box {
		width: 48%;
		background: #fff;
		padding: 40px;
		text-align: center;
	}
		#related .box h3 {
			font-size: 2.0rem;
			font-weight: 500;
			line-height: 1.4em;
			padding-bottom: 20px;
			margin-bottom: 20px;
			position: relative;
		}
		#related .box h3:before {
			content: "";
			width: 30px;
			height: 1px;
			background: #ddd;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -15px;
		}

		#related .box p {
			font-size: 1.5rem;
		}











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





	
	
/* about
--------------------- */
#about .infoarea {
	display: block;
}
	#about .infoarea .text {
		width: 100%;
		padding-left: 0;
		padding-bottom: 30px;
	}

	#about .infoarea .pht {
		width: 100%;
	}









}

	







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





	
	
/* pagetitle
--------------------- */
#pagetitle .inner {
	background: url("../img/pagetitle/about.png") no-repeat left top / 100px;
}





	
	
/* about
--------------------- */
#about {
	padding: 60px 0;
}
	#about .infoarea {
		margin-bottom: 50px;
	}
		#about .infoarea .text table {
			border-top: solid 1px #ddd;
		}
			#about .infoarea .text table th {
				display: block;
				width: 100%;
				padding: 20px 0 5px 0;
				font-size: 1.6rem;
				color: #917C50;
				border-bottom: none;
			}
			#about .infoarea .text table td {
				display: block;
				width: 100%;
				padding: 0 0 20px 0;
				font-size: 1.4rem;
				border-bottom: solid 1px #ddd;
			}
				#about .infoarea .text table td p {
					margin-bottom: 12px;
				}
				#about .infoarea .text table td p:nth-last-child(1) {
					margin-bottom: 0;
				}


	#about .access {
		display: block;
		width: 100%;
	}
		#about .access .box {
			width: 100%;
			margin-bottom: 30px;
		}
		#about .access .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#about .access .box h3 {
				font-size: 2.0rem;
			}

			#about .access .box iframe {
				width: 100%;
				height: 250px;
			}





	
	
/* related
--------------------- */
#related {
	padding: 60px 0;
}
	#related .flex-start {
		display: block;
	}
	
	#related .box {
		width: 100%;
		padding: 25px;
		margin-bottom: 10px;
	}
		#related .box h3 {
			font-size: 1.8rem;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}

		#related .box p {
			font-size: 1.4rem;
		}








}