@charset "UTF-8";
/* CSS Document */
body, html {
height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	background-color: #FFF;
}
header {
text-align:  center;
}
header h1 {
margin-bottom: 4em;
}
.content {
	width: 100%;
	max-width: 1140px;
	margin: auto;
}
.flex-row {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-nav {
width: 25%;
}
.main-img {
	margin-top: 2.5rem;
}
main {
width: 75%;
}
main img {
	margin-top: 1em;
}
.main-img02 {
	margin-left: 2rem;
}
.main-nav li {
	list-style: none;
	margin-bottom: 2em;
}
.main-nav li a {
	text-decoration: none;
	color: #960;
	font-size: 120%;
}
.main-nav li a:hover {
	opacity: 0.7;
	color: #C00;
}
.menu:after {
	content: '';
	display: block;
	clear: both;
}
/*教員*/


.gakka {
margin-bottom: 2em;
}
.seisaku, .hijo, .kyakuin, .jyosyu{
width: 50%;
margin-bottom: 2em;
}
.gakka p,
.seisaku p, .hijo p, .kyakuin p, .jyosyu{
margin: 0 1em 1em;
}
.syoukai h1 {
	color: #C00;
}
.syoukai p {
	color: #633;
}
.main-menu li {
	padding-bottom: 20px;
}
/*教員ここまで*/

section h2 {
width: 100%;
margin-bottom: 2em;
}
.student {
	width: calc(50% - 2em);
	color: #573612;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 1em 2em;
	background-color: rgba(255,255,255,0.7);
}
.student h3 {
	margin-bottom: 1em;
	font-size: 1.4em;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 4px;
}
.design-student .student h3 {
	background-color: #20549E;
}
.art-student .student h3 {
	background-color: #DE5743;
}
.kenkyu-student .student h3 {
	background-color: #AEBC1A;
}
.student h3 span.name {
	float: left;
}
.student h3 span.title {
	float: right;
}
.student .sakuhin a {
width: calc(100% / 3 - 1em);
margin: 0 0.5em 0.5em;
}
.student .sakuhin img {
}
.student .text {
	clear: both;
	padding: 10px;
	font-size: 12px;
}
span.title {
	font-size: 0.75em;
}
.kenkyu h2 {
	color: #F3C;
	font-size: 1.6em;
	border-bottom: 3px dashed #F3C;
	margin-bottom: 1em;
}
.kenkyu .student h3 {
	background-color: #F6C !important;
}
/*アートここまで*/

footer p {
	text-align: center;
	padding: 2rem 0;
	background-color: #D9CC0C;
	color: #FFF;
	margin-top: 2rem;
}