@charset "utf-8";

/* ----------------------------------------------------------------------------
	about
---------------------------------------------------------------------------- */

#about{
	width: 100%;
	position: relative;
	padding: 0 0 135px 0;
}
#about dl{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
#about dl dt{
	width: 280px;
	box-sizing: border-box;
	padding: 2em 0 1.5em 4em;
	font-size: 1.000rem;
	line-height: 1.8;
	letter-spacing: 0.02em;
	border-bottom: #FFF 1px solid;
}
#about dl dd{
	width: calc(100% - 280px);
	box-sizing: border-box;
	padding: 2em 0 1.5em 0;
	font-size: 1.000rem;
	line-height: 1.8;
	letter-spacing: 0.02em;
	border-bottom: #FFF 1px solid;
}



#access{
	width: 100%;
	position: relative;
	padding: 0 0 135px 0;
}
#access #map{
	width: 920px;
	position: relative;
	margin: 0 auto;
}
#access #map #g_map{
	width: 100%;
	height: 430px;
	position: relative;
}
#access #map #g_map iframe{
	width: 100%;
	height: 100%;
	position: relative;
}
#access #map address{
	width: 100%;
	position: relative;
	text-align: left;
	padding: 1.5em 0 0 0;
	font-size: 1.00rem;
	letter-spacing: 0.02em;
}



#staff{
	width: 100%;
	position: relative;
	padding: 0 0 60px 0;
}
#staff .staff_list{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#staff .staff_list .unit{
	width: 32%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 0 70px 0;
}
#staff .staff_list .unit figure{
	width: 173px;
	position: relative;
}
#staff .staff_list .unit .profile{
	width: calc(100%);
	position: relative;
	padding: 0 0 0 0px;
	box-sizing: border-box;
	text-align: left;
}
#staff .staff_list .unit .profile h6{
	width: 100%;
	position: relative;
	font-size: 0.875rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
	padding: 0 0 0.8em 0;
}
#staff .staff_list .unit .profile h3{
	width: 100%;
	position: relative;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
	padding: 0 0 0.5em 0;
}
#staff .staff_list .unit .profile h4{
	width: 100%;
	position: relative;
	font-size: 0.938rem;
	letter-spacing: 0.02em;
	line-height: 1.6;
	padding: 0 0 2.4em 0;
}
#staff .staff_list .unit .profile h4.undernone{
	padding: 0 0 1em 0;
}
#staff .staff_list .unit .profile h5{
	width: 100%;
	position: relative;
	font-size: 0.813rem;
	letter-spacing: 0.02em;
	line-height: 1.6;
	padding: 0 0 2.9em 0;
}
#staff .staff_list .unit .profile p{
	width: 100%;
	position: relative;
	line-height: 1.6;
	padding: 0 0 0.4em 0;
}


@media only screen and (max-width: 919px) {
	#about{
		padding: 0 0 105px 0;
	}
	#about dl{
	}
	#about dl dt{
		width: 240px;
		padding: 2em 0 1.5em 4em;
		font-size: 0.938rem;
		border-bottom: #FFF 1px solid;
	}
	#about dl dd{
		width: calc(100% - 240px);
		padding: 2em 0 1.5em 0;
		font-size: 0.938rem;
		border-bottom: #FFF 1px solid;
	}



	#access{
		padding: 0 0 105px 0;
	}
	#access #map{
		width: 100%;
	}
	#access #map #g_map{
		height: 430px;
	}
	#access #map address{
		width: 90%;
		margin: 0 auto;
		font-size: 0.938rem;
	}



	#staff{
	}
	#staff .staff_list{
	}
	#staff .staff_list .unit{
		padding: 0 0 60px 0;
	}
	#staff .staff_list .unit figure{
		width: 47%;
		position: relative;
	}
	#staff .staff_list .unit .profile{
		width: calc(100%);
		position: relative;
		padding: 0 0 0 0px;
	}
	#staff .staff_list .unit .profile h6{
		font-size: 0.813rem;
	}
	#staff .staff_list .unit .profile h3{
		font-size: 1.375rem;
	}
	#staff .staff_list .unit .profile h4{
		font-size: 0.875rem;
	}
	#staff .staff_list .unit .profile h5{
		font-size: 0.813rem;
	}
	#staff .staff_list .unit .profile p{
	}
}
@media only screen and (max-width: 768px) {
	#about{
		padding: 0 0 75px 0;
	}
	#about dl{
	}
	#about dl dt{
		width: 100%;
		padding: 2em 0 0.5em 0em;
		font-size: 0.938rem;
		border-bottom: none;
	}
	#about dl dd{
		width: 100%;
		padding: 0em 0 1.5em 0;
		font-size: 0.938rem;
		border-bottom: #FFF 1px solid;
	}



	#access{
		padding: 0 0 75px 0;
	}
	#access #map #g_map{
		height: 380px;
	}
	#access #map address{
		width: 80%;
		margin: 0 auto;
		font-size: 0.938rem;
	}



	#staff{
	}
	#staff .staff_list{
	}
	#staff .staff_list .unit{
		width: 100%;
		padding: 0 0 60px 0;
		text-align: center;
	}
	#staff .staff_list .unit figure{
		width: 50%;
		position: relative;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}
	#staff .staff_list .unit .profile{
		width: 100%;
		position: relative;
		padding: 0 0 0 0;
		text-align: center;
	}
	#staff .staff_list .unit .profile h6{
		font-size: 0.813rem;
	}
	#staff .staff_list .unit .profile h3{
		font-size: 1.375rem;
	}
	#staff .staff_list .unit .profile h4{
		font-size: 0.875rem;
	}
	#staff .staff_list .unit .profile h5{
		font-size: 0.813rem;
	}
	#staff .staff_list .unit .profile p{
		text-align: center;
	}
}
@media only screen and (max-width: 480px) {
	#about dl dt{
		font-size: 0.875rem;
	}
	#about dl dd{
		font-size: 0.875rem;
	}
	
	#staff .staff_list .unit figure{
		width: 60%;
		padding: 0 0 30px 0;
	}
}