@charset "UTF-8";

.bgYellowTit {
	text-align:center;
	margin-bottom:30px;
	max-height:100%;
}

.rT {
	text-align:center;
	display:block;
	line-height:2;
	font-size:14px;
	font-size:1.4rem;
}

.expClass {
	font-size:16px;
	font-size:1.6rem;
	line-height:2;
	text-align:center;
	display:block;
	margin:2.5em 0 4em;
	max-height:100%;
}

.classroomWrap {
	width:980px;
	margin:0 auto;
	text-align:left;
	zoom:1;
	margin-top:120px;
}

.classroomWrap:before,.classroomWrap:after {
	display:block;
	height:0;
	visibility:hidden;
	content:"\0020";
}

.classroomWrap:after {
	clear:both;
}

.classroomWrap article {
	width:290px;
	float:left;
	display:inline;
	margin-left:20px;
	padding:8px;
	position:relative;
	top:-20px;
	opacity:0;
}

.classroomWrap article:first-child {
	margin-left:0;
}

.classroomWrap article h3 {
	position:absolute;
	top:-30px;
	width:100%;
	text-align:center;
	margin:0 auto;
}

.classroomWrap article h3 em {
	color:#fff;
	padding:.4em 1.5em;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	line-height:1;
}

.classroomWrap article h4 {
	font-family:"FOT-筑紫A丸ゴシック Std B","TsukuBRdGothicStd-B",sans-serif;
	font-size:26px;
	font-size:2.6rem;
	color:#7c3d1c;
	text-align:center;
	line-height:1.5;
	padding:20px 0;
}

.classroomWrap .class1 {
	background:#F3F2E5;
}

.classroomWrap .class1 h3 em {
	background:#7c3d1c;
}

.classroomWrap .class1 h4 {
	color:#7c3d1c;
}

.classroomWrap .class2 {
	background:#FAEDE6;
}

.classroomWrap .class2 h3 em {
	background:#e7728f;
}

.classroomWrap .class2 h4 {
	color:#e7728f;
}

.classroomWrap .class3 {
	background:#EEF5DF;
}

.classroomWrap .class3 h3 em {
	background:#7dbd4f;
}

.classroomWrap .class3 h4 {
	color:#7dbd4f;
}

.classroomWrap .class4 {
	background:#E3ECEA;
}

.classroomWrap .class4 h3 em {
	background:#156eb2;
}

.classroomWrap .class4 h4 {
	color:#156eb2;
}

.classroomWrap .class5 {
	background:#E9F5EC;
}

.classroomWrap .class5 h3 em {
	background:#54bcc7;
}

.classroomWrap .class5 h4 {
	color:#54bcc7;
}

.classroomWrap .class6 {
	background:#F9EBD8;
}

.classroomWrap .class6 h3 em {
	background:#e4591e;
}

.classroomWrap .class6 h4 {
	color:#e4591e;
}