@charset "utf-8";

#content_wrapper {
	width:auto;
	padding:0;
}
.school_index_ttl {
	background:url(../../school/img/bg01.png) repeat-x center 0;
}
.school_index_ttl h2 {
	padding:10px 0 0 143px;
}
.school_index_ttl .icon {
	width:1280px;
	margin:0 auto;
	position:relative;
}

.school_index_ttl .icon1 {
	position:absolute;
	top:80px;
	left:200px;
}
.school_index_ttl .icon2 {
	position:absolute;
	top:65px;
	right:172px;
}
.content_inner {
	width:1143px;
	margin:auto;	
}
.school_index_mv {
	float:right;
	margin:-60px -50px 20px 0;
}
.school_index_menu1 {
	width:350px;
	float:left;
	text-align:left;
}
.school_index_menu1 li span,
.school_index_menu2 li span,
.school_index_menu3 li span {
	display:block;
	background:#FF5500;
	color:#FFFFFF;
	padding:0 10px;
	font-weight:bold;
	font-size:120%;
	line-height:2;
	margin-top:20px;
}
.school_index_menu1 li a,
.school_index_menu2 li a,
.school_index_menu3 li a {
	display:block;
	background:url(../img/list02.png) no-repeat 0 0.4em;
	padding:5px 5px 5px 22px;
	color:#000000;
	font-size:110%;
	margin:5px 0 0 5px;
}
.school_index_menu2,
.school_index_menu3 {
	width:757px;
	float:right;
	text-align:left;
}
.school_index_menu2 li ul li {
	float:left;
}
.school_index_menu2 li ul li:first-child {
	margin-right:50px;
}
.school_index_menu3 > ul {
	width:340px;
	float:left;
}
.school_index_menu3 > ul:last-child {
	width:380px;
	float:right;
}
.content_footer {
	background:url(../../school/img/bg02.png) repeat-x 0 43px;
	margin-bottom:-70px;
}

@media screen and (max-width: 767px){
	.school_index_ttl {
		border-top:#FFFFFF 4px solid;
		background-position: 0 -30px;
	}
	.school_index_ttl .icon {
		display:none;
	}
	.school_index_ttl h2 {
		margin:20px auto 0;
		padding:0;
		width:80%;
	}
	.content_inner {
		width:auto;
		margin-bottom:20px;
	}
	.school_index_mv {
		float:none;
		margin:10px auto;
		width:90%;
	}
	
	.school_index_menu1,
	.school_index_menu2,
	.school_index_menu3 {
		width:100%;
		padding:0 10px;
	}
	.school_index_menu1 ul,
	.school_index_menu2 ul,
	.school_index_menu3 ul {
		margin-bottom:10px;
		width:100%!important;
	}
	
	.school_index_menu1 li,
	.school_index_menu2 li,
	.school_index_menu3 li {
		cursor: pointer;
		border: 2px #FF6500 solid;
		border-top-width:10px;
	}
	
	.school_index_menu1 li ul,
	.school_index_menu2 li ul,
	.school_index_menu3 li ul {
		display:none;
	}
	
	.school_index_menu1 li span,
	.school_index_menu2 li span,
	.school_index_menu3 li span {
		padding: 0 10px 5px;
		background: #FF6500;
		position: relative;
		margin:0;
	
	}
	.school_index_menu1 li span:after,
	.school_index_menu2 li span:after,
	.school_index_menu3 li span:after {
		content: '';
		display: inline-block;
		position:absolute;
		right:15px;
		top:8px;
		width: 7px;
		height: 7px;
		border: 2px solid;
		border-color:  transparent transparent #FFFFFF #FFFFFF;
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
	.school_index_menu1 li a,
	.school_index_menu2 li a,
	.school_index_menu3 li a {
		margin-left:10px;
	}
	.content_footer {
		display:none;
	}
	.page_navi ,
	.page_navi ul {
		margin-top: 0;
	} 
	.is_open ul {
		display:block!important;
	}
	.is_open ul li {
		border:none;
	}
	li.is_open span {
		background:#FFFFFF;
		color:#FF6500;
	}
	li.is_open span:after {
		content: '';
		display: inline-block;
		position:absolute;
		right:15px;
		top:15px;
		width: 7px;
		height: 7px;
		border: 2px solid;
		border-color:  transparent transparent #FF6500 #FF6500;
		transform: rotate(135deg);
	}
}