@charset "UTF-8";


#about_main {
	max-width: 800px;
	margin-bottom:30px;
}

#about_main img {
	width: 49%;
}

#philosophy{
	margin-top:50px;
	margin-bottom:50px;
	max-width: 800px;
}

#artist, #staff{
	content: "";
    display: block;
    clear: both;
    margin-top:20px;
}

.name {
	float:left;
	width: 220px;
	height: 70px;
}

.staff-prof {
	float:left;
	width: 200px;
	height:250px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.staff-prof img {
	width: 150px;
}

#access {
	max-width: 800px;
	height: 350px;
}

#access iframe{
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------- *
レスポンシブ
* ---------------------------------------------------------------- */
@media screen and (max-width:559px) {

	#philosophy img{
		width: 90%;
	}

	.name {
		font-size:		70%;
		width: 165px;
		height: 45px;
	}

	.staff-prof {
		font-size:		70%;
}

}

@media screen and (min-width:560px) {


}

@media screen and (min-width:680px) {


}

@media screen and (min-width:850px) {

}