@charset "UTF-8";

/* CSS Document */

/*====================================

	page_ttl

====================================*/

.page_ttl {
	background: url(../images/page_ttl_bg.jpg) center center;
	background-size: cover;
}
.page_ttl h2 {
}

/*====================================

	#education

====================================*/

#education {
}
#education .inner {
}
#education .inner .cell {
	margin-bottom: 40px;
}
#education .inner .cell:last-child {
	margin-bottom: 0px;
}
#education .inner .cell h4 {
	font-family: 'Zen Old Mincho', serif;
	font-size: 200%;
	margin-bottom: 20px;
}
#education .inner .cell p.cs {
	width: 100%;
	text-align: center;
	background: #eee;
	padding: 80px 0;
}
#education .inner .cell p {
	width: 100%;
}

/* 見出し案５ */
#education .inner .cell h5 {
	font-size: 150%;
	padding-left: 20px;
	position: relative;
	margin-top: 54px;
	margin-bottom: 30px;
}
#education .inner .cell h5:first-child {
	font-size: 150%;
	padding-left: 20px;
	position: relative;
	margin-top: 17px;
	margin-bottom: 30px;
}
#education .inner .cell h5::before,
#education .inner .cell h5::after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
	background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
	background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
}
#education .inner .cell h5::before {
	top: -14px;
}	
#education .inner .cell h5::after {
	bottom: -10px;
}
#education h3::before {
  content: "";
  display: block;
  height: 50px; /* ヘッダーの高さに合わせて調整 */
  margin-top: -50px;
  visibility: hidden;
}	


.about_sub_nav {
}
.about_sub_nav ul li:nth-child(1) a,
.about_sub_nav ul li:nth-child(2) a,
.about_sub_nav ul li:nth-child(3) a {
	background: #eddfff;
}
.about_sub_nav ul li:nth-child(4) a,
.about_sub_nav ul li:nth-child(5) a {
	background: #e6eeff;
}
.about_sub_nav ul li:nth-child(6) a {
	background: #e2fff5;
}
.about_sub_nav ul li:nth-child(1) a:hover,
.about_sub_nav ul li:nth-child(2) a:hover,
.about_sub_nav ul li:nth-child(3) a:hover,
.about_sub_nav ul li:nth-child(4) a:hover,
.about_sub_nav ul li:nth-child(5) a:hover,
.about_sub_nav ul li:nth-child(6) a:hover {
	border: 1px solid #fff;
	color: #111;
}