@charset "utf-8";

* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#313131;
	font-size:17px;
}

body{
	margin:0;
	padding:0;
}

.box {
	width: 1100px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
}


header{
	position:relative;
	height:110px;
	overflow:hidden;
}
header h1{
	font-size:38px;
	line-height:90px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
	width:760px;
}
header h1 span{
	position:absolute;
	display:inline-block;
	padding-left:10px;
	height:90px;
	color:#e4007f;
	font-size:15px; /*フォントサイズのCSS礒岡追記*/
}
header h2{
	font-size:14px;
	margin:0;
	padding:0;
	line-height:1.8em;
}
header #tel{
	float:right;
	padding-top:20px;
	padding-right:40px;
}


#nav_wrap{
	height:52px;
	background:url("../images/banner_back.png");
}
nav ul#pc_nav{
	margin:0;
	padding:0;
	line-height:52px;
	display:table;
}
nav ul#pc_nav li{
	display:table-cell;

}
nav ul#pc_nav li a{
	font-size:15px;
	margin:0 30px;
	text-decoration:none;
}

nav ul#pc_nav li a:hover{
	color:#e4007f;
}


#footer_wrap{
	background-color:#f7c8dc;
	padding:20px 0;
}

footer address{
	font-style:normal;
}

/*////////画像が左で文章が右のレイアウト////////////////////////////////////////*/
.floatleft{
	overflow:hidden;
}

.floatleft a{
	text-decoration:none;
}
.floatleft a:hover{
	text-decoration:underline;
}


.floatleft div:nth-child(1){
	height:52px;
	background:url(../images/banner_back.png);
	line-height:52px;
}
.floatleft div:nth-child(1) img{
	display:block;
	padding-top:10px;
	padding-left:10px;
}

.floatleft div:nth-child(2){
	width:370px;
	padding-right:10px;
	float:left;
}
.floatleft div:nth-child(3){
	width:700px;
	float:left;
}

/*////////画像が右で文章が左のレイアウト////////////////////////////////////////*/
.floatright{
	overflow:hidden;
}

.floatright div:nth-child(2){
	width:600px;
	padding-right:10px;
	float:left;
}
.floatright div:nth-child(3){
	width:470px;
	padding:20px 0 0 10px;
	float:left;
}


#campaign div:nth-child(1){
	width:370px;
	padding-right:10px;
	float:left;
}
#campaign div:nth-child(2){
	margin-top:-10px;
	width:700px;
	float:left;
}
#campaign a{
	color:#a84200;
	text-decoration:none;
}
#campaign a:hover{
	text-decoration:underline;
}

#news h2{
	font-size:18px;
	border-bottom:1px solid;
}
#news p{
	font-size:16px;
}
#curriculum div:nth-child(1),#school_info div:nth-child(1){
	height:52px;
	background:url(../images/banner_back.png);
	line-height:52px;
}
#curriculum div:nth-child(1) img,#school_info div:nth-child(1) img{
	display:block;
	padding-top:10px;
	padding-left:10px;
	line-height:52px;
}

#curriculum dl dt{
	color:#e5004f;
}

/*スマホ用*/
header #mobile_h2{
	display:none;
	margin:0;
	padding:0;
	line-height:1em;
	padding-bottom:0.8em;
}
nav ul#mobile_nav{
	display:none;
}

@media (max-width:700px){

	.box{
		width:95%;
		padding:2%;
	}
	header{
		height:auto;
	}
	header h1{
		font-size:6.5vw;
		line-height:1em;
		float:none;
		margin-bottom:0.2em;
		width:auto;
		text-align:center;
	}
	header h2{
		display:none;
	}
	header #mobile_h2{
		display:block;
		font-size:3vw;
		text-align:center;
	}
	header h1 span{
		display:none;
	}
	header #tel{
		float:none;
		margin:0;
		padding:0;
		text-align:center;
	}
	#mainpics h1{
		margin-bottom:0;
		padding:0;
	}
	#mainpics h1 img{
		width:100%;
		height:auto;


	}
	#nav_wrap{
		height:auto;
	}
	nav ul#pc_nav{
		display:none;
	}
	nav ul#mobile_nav{
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		display:table;
		width:100%;
	}
	nav ul#mobile_nav li{
		display:table-cell;
	}
	nav ul#mobile_nav li a{
		display:block;
		font-size:2vw;
		text-align:center;
		margin:0 auto;
		padding-right:0.5em;
		border-right:1px solid #fff;
		text-decoration:none;
	}
	nav ul#mobile_nav li a:hover{
		//opacity:0.7;
		text-decoration:underline;
	}

	#campaign div:nth-child(1){
		width:auto;
		float:none;
	}
	#campaign div:nth-child(2){
		width:auto;
		float:none;
		padding-right:2%;
	}

	#campaign h1{
		margin:0 ;
	}
	#news{
		padding-right:5%;
	}

	.floatleft div:nth-child(2){
		width:auto;
		float:none;
	}
	.floatleft div:nth-child(2) img{
		width:90%;
	}
	.floatleft div:nth-child(3){
		width:auto;
		float:none;
		padding-right:2%;
	}
	.floatright div:nth-child(2){
		width:auto;
		padding-right:2%;
	}

	.floatright div:nth-child(3){
		width:auto;
		
	}
	.floatright div:nth-child(3) img{
		width:95%;
	}

	footer address{
		font-style:normal;
		font-size:2.8vw;
	}
	footer p,footer a{
		font-size:2.8vw;
	}
}