@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: #CBE7E2;
}
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;
}
.flex-row {
}
.main-nav {
width: 25%;
background-color: #FFFFFF;
}
main {
width: 75%;
background-color: #FFFFFF;
}
.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;
}
.main-nav ul {
	margin: 0.5rem;
}
.main-img02 {
display: block;
margin-top: 2rem;
}
.main-img03{
	margin-top: 2rem;
}


/*教員*/


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

section h2 {
width: 100%;
margin: 1rem 0 2rem 1rem;
}
.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: #51496D;
}
.art-student .student h3 {
	background-color: #882D53;
}
.kenkyu-student .student h3 {
	background-color: #AB9025;
}
.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 {
background-color: #212E36;
}
footer p {
text-align: center;
padding: 2rem 0;
color: #FFF;
}
/*---------- start page-top ----------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 50px;
	z-index: 1000 !important;
}
#page-top a {
	text-decoration: none;
	color:  rgba(171,144,37,0.50);
	display: block;
}
#page-top a:hover, #page-top a:focus {
	text-decoration: none;
	color:  rgba(171,144,37,0.80);
}

/*---------- end page-top ----------*/
@media (max-width:767px){
.flex-row:not(.sakuhin) {
flex-direction: column;
}
header h1 {
margin-bottom: 2rem;
}
.main-nav,
main{
width: 100%;
}
.main-nav ul {
display: flex;
flex-wrap: wrap;
}
.main-nav .img-nav {
width: 50%;
}
.main-nav .text-nav a {
display: block;
padding: 0 0.5rem;
font-size: 0.8em;
}
.student {
	width: calc(100% - 2em);
	}
.seisaku, .hijo, .kyakuin, .jyosyu{
width: 100%;
margin-bottom: 2em;
padding-left: 0;
}
}