@charset "utf-8";
/****************************************************************************************************

index用

****************************************************************************************************/
#Contents{ font-size:120%; }
@media only screen and (max-width:736px){
#Contents{ font-size:100%; }
}





/****************************************************************************************************

サイトID

****************************************************************************************************/
#SP_SiteID{
	width:100%;
	background:url(../images/index/site_id_bg.png);
}

#SP_SiteID.fixed{
	position:fixed;
	top:0;
	z-index:10;
}

.sp_siteID_Body{
	margin-bottom:0;
	padding:10px 0;
	text-align:center;
}

	.sp_siteID_Body img{
		vertical-align:bottom;
	}
@media only screen and (max-width:736px){
	.sp_siteID_Body img{
		width:40%;
	}
}





/****************************************************************************************************

汎用

****************************************************************************************************/
.scene_link1{
	margin-top:4.16%;	/*40px;*/
	padding-top:4.16%;	/*40px;*/
	border-top:1px dotted #ccc;
}

.scene_linkBtnBase{
}

.scene_linkBtnBase a{
	display:block;
	padding:15px 0;
	border-radius:7px;
	background-color:#7B2F50;
	color:#fff;
	text-align:center;
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	text-decoration:none;
}
.scene_linkBtnBase a:hover{
	background-color:#49182D;
}

.scene_linkRow1{
	margin:0 auto;
	width:240px;
}
.scene_linkRow1_2{
	margin:0 auto;
	width:480px;
}
@media only screen and (max-width:736px){
.scene_linkRow1{
	width:100%;
}
.scene_linkRow1_2{
	width:100%;
}
}

.scene_linkRow2{
	margin:0 auto;
	width:510px;
}
@media only screen and (max-width:736px){
.scene_linkRow2{
	width:100%;
}
}

	.scene_linkRow2 .scene_linkBtn1{
		float:left;
		width:240px;	
	}
@media only screen and (max-width:736px){
	.scene_linkRow2 .scene_linkBtn1{
		float:none;
		margin-bottom:20px;
		width:100%;
	}
}

	.scene_linkRow2 .scene_linkBtn2{
		float:right;
		width:240px;	
	}
@media only screen and (max-width:736px){
	.scene_linkRow2 .scene_linkBtn2{
		float:none;
		width:100%;
	}
}





/****************************************************************************************************

タイトル

****************************************************************************************************/
.headerInner{
	position:relative;
	z-index:1;
}

/*--------------------------------------------------

背景スライド

--------------------------------------------------*/
.headerSlideBase{
	position:relative;
	display:block;
	width:100%;
	height:575px;
	overflow:hidden;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center 0;
	opacity:0;
}
@media only screen and (max-width:960px){
.headerSlideBase{
	background-size:cover;
}
}
@media only screen and (max-width:736px){
}

.headerSlide1{ background-image:url(../images/index/title/slide1.jpg); }
.headerSlide2{ background-image:url(../images/index/title/slide2.jpg); }
.headerSlide3{ background-image:url(../images/index/title/slide3.jpg); }
.headerSlide4{ background-image:url(../images/index/title/slide4.jpg); }





/*--------------------------------------------------

タイトル

--------------------------------------------------*/
.headerTitle{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	width:960px;
	height:100%;
	z-index:100;

	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	
	background-repeat:no-repeat;
}

	.headerTitle1{ background-image:url(../images/index/title/title1.png); }
	.headerTitle2{ background-image:url(../images/index/title/title2.png); }
	.headerTitle3{ background-image:url(../images/index/title/title3.png); }
	.headerTitle4{ background-image:url(../images/index/title/title4.png); }

@media only screen and (max-width:960px){
.headerTitle{
	width:100%;
	background-size:contain;
}
}
@media only screen and (max-width:736px){
.headerTitle{
	display:block;
	position:static;
	padding-top:20px;
	background:url(../images/index/title/title_sp.gif) no-repeat center center;
	background-size:contain;
	padding-top:47.55%;
}
}



/****************************************************************************************************

シーン（共通）

****************************************************************************************************/
.sceneBase{
	border-top:4px solid #F5DCB4;
}
	.sceneBase img{
		vertical-align:bottom;
	}

.sceneInner{
	position:relative;
	margin:0 auto;
	padding:10.41% 0;	/*100px 0*/
	width:960px;
	background:url(../images/index/cur1.png) no-repeat top center;
}
@media only screen and (max-width:960px){
.sceneInner{
	width:97.91%;
	padding-left:10px;
	padding-right:10px;
}
}


.sceneTitle1{
	margin-bottom:6.25%;	/*60px*/
	text-align:center;
	line-height:1.25;
}
	.sceneTitle1 .sceneJP{
		display:block;
		font-size:228%;
	}
	.sceneTitle1 .sceneEN{
		display:block;
		font-size:228%;
		font-family:"Times New Roman", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}

.sceneLead1{
	margin-bottom:4.16%;	/*40px*/
	text-align:center;
	line-height:1.25;
	font-weight:bold;
}

	.ie7 sceneLead1,
	.ie8 sceneLead1,
	.ie9 sceneLead1{
		letter-spacing:0;
	}

.sceneLead2{
	margin-bottom:3.12%;	/*30px*/
	text-align:center;
	line-height:1.5;
	font-size:200%;
	font-weight:bold;
}
@media only screen and (max-width:736px){
.sceneLead2{ font-size:1.5rem; }
}

.sceneVI{
	margin-bottom:4.16%;	/*40px*/
}

.sceneTxt1{ text-align:center; }
@media only screen and (max-width:736px){
.sceneTxt1{ text-align:left; }
}


@media only screen and (max-width:736px){
.scene_hideSP{ display:none; }
}


/****************************************************************************************************

12年間一貫教育

****************************************************************************************************/
.scene12year{
}
	.scene12year .sceneTxt1{
		margin:0 auto 10.41%;	/*100px*/
		width:600px;
	}
@media only screen and (max-width:900px){
	.scene12year .sceneTxt1{
		margin-bottom:3.12%;	/*30px;*/
	}
}
@media only screen and (max-width:600px){
	.scene12year .sceneTxt1{
		width:100%;
	}
}


	.scene12year .sceneLead1{
	}
		.scene12year .sceneLead1 .sceneLeadTxt1{
			display:block;
			font-size:300%;
		}
@media only screen and (max-width:736px){
		.scene12year .sceneLead1 .sceneLeadTxt1{
			font-size:2.0rem;
		}
}
			.scene12year .sceneLead1 .scene_cur1{
				color:#BFBFBF;
			}
		
		.scene12year .sceneLead1 .sceneLeadTxt2{
			display:block;
			font-size:200%;
		}
@media only screen and (max-width:736px){
		.scene12year .sceneLead1 .sceneLeadTxt2{
			font-size:1.5rem;
		}
}


	/*
	12年間の図
	--------------------------------------------------*/
	.scene12year_flowBox{
		position:relative;
	}
	
	.scene12year_flow1{
		position:relative;
		width:100%;
		height:100px;
	}
@media only screen and (max-width:960px){
	.scene12year_flow1{
		height:0;
		padding-top:10.41%;
	}
}
		.scene12year_flow1 li{
			position:absolute;
			top:0;
		}

		.scene12year_flow1 .scene12year_flowE{
			left:0;
			width:50%;	/*480px*/
			z-index:1;
		}
		.scene12year_flow1 .scene12year_flowJ{
			left:50%;
			width:25.41%;	/*244px*/
			z-index:2;
		}
		.scene12year_flow1 .scene12year_flowS{
			left:75.52%;
			width:24.58%;	/*236px;*/
			z-index:3;
		}
@media only screen and (max-width:960px){
}

	/*学生*/
	.scene12year_stu1{
		position:absolute;
		top:-180px;
		left:0;
		width:17.08%;	/*164px*/
		z-index:4;
	}
@media only screen and (max-width:900px){
	.scene12year_stu1{
		position:static;
		padding-bottom:20px;
		top:0;
		left:0;
		text-align:center;
		margin:0 auto;
		width:25%;
	}
}





/****************************************************************************************************

ロケーション

****************************************************************************************************/
.sceneLocation{
	background:url(../images/index/scene_bg1.jpg);
}

	.sceneLocation .sceneLead1{
		display:block;
		font-size:300%;
	}
@media only screen and (max-width:736px){
	.sceneLocation .sceneLead1{
		font-size:2.0rem;
	}
}

	.sceneLocation .sceneTxt1{
		margin-bottom:6.25%;	/*60px*/
	}

	/*----------------------------------------
	アクセス
	----------------------------------------*/
	.sceneLocation_accessBox{
		position:relative;
		height:140px;
	}
@media only screen and (max-width:736px){
	.sceneLocation_accessBox{
		background:url(../images/index/location/access_sp.png) no-repeat top center;
		background-size:contain;
		height:140px;
	}

	.sceneLocation_accessBox span{ display:none; }
}
@media only screen and (max-width:640px){
	.sceneLocation_accessBox{
		padding-top:21.87%;
		height:0;
	}
}

	.sceneLocation_accessBox span{
		position:absolute;
	}
	.sceneLocation_accessBox img{
		vertical-align:top;
	}
	
	.sceneLocation_accessElementary{
		top:0.71%;	/*1px;*/
		left:42.70%;	/*410px;*/
		width:14.58%;	/*140px*/
	}
	
	.sceneLocation_accessJR{
		top:7.85%;		/*11px;*/
		left:12.5%;		/*120px;*/
		width:12.5%;	/*120px*/
	}
	
	.sceneLocation_accessJRWalk{
		top:65.0%;		/*91px;*/
		left:27.39%;	/*263px;*/
		width:13.54%;	/*130px*/
	}
	
	.sceneLocation_accessHankyu{
		top:7.85%;		/*11px;*/
		left:75%;		/*720px;*/
		width:12.5%;	/*120px*/
	}
	
	.sceneLocation_accessHankyuWalk{
		top:64.28%;		/*90px;*/
		left:58.85%;	/*565px;*/
		width:14.79%;	/*142px*/
	}
	
	.sceneLocation_accessBoy{
		top:0px;
		left:32.18%;	/*309px*/
		width:3.33%;	/*32px*/
	}
	
	.sceneLocation_accessGirl{
		top:0px;
		left:64.47%;	/*619px;*/
		width:3.33%;	/*32px*/
	}
	
	.sceneLocation_accessJRDot1{
		top:47.14%;	/*66px;*/
		left:26.04%;	/*250px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot2{
		top:47.14%;	/*66px;*/
		left:28.12%;	/*270px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot3{
		top:47.14%;	/*66px;*/
		left:30.20%;	/*290px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot4{
		top:47.14%;	/*66px;*/
		left:32.29%;	/*310px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot5{
		top:47.14%;	/*66px;*/
		left:34.37%;	/*330px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot6{
		top:47.14%;	/*66px;*/
		left:36.45%;	/*350px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot7{
		top:47.14%;	/*66px;*/
		left:38.54%;	/*370px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessJRDot8{
		top:47.14%;	/*66px;*/
		left:40.62%;	/*390px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot1{
		top:47.14%;	/*66px;*/
		left:72.91%;	/*700px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot2{
		top:47.14%;	/*66px;*/
		left:70.83%;	/*680px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot3{
		top:47.14%;	/*66px;*/
		left:68.75%;	/*660px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot4{
		top:47.14%;	/*66px;*/
		left:66.66%;	/*640px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot5{
		top:47.14%;	/*66px;*/
		left:64.58%;	/*620px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot6{
		top:47.14%;	/*66px;*/
		left:62.5%;	/*600px;*/
		width:1.04%;	/*10px*/
	}
	
	.sceneLocation_accessHankyuDot7{
		top:47.14%;	/*66px;*/
		left:60.41%;	/*580px;*/
		width:1.04%;	/*10px*/
	}

	.sceneLocation_accessHankyuDot8{
		top:47.14%;	/*66px;*/
		left:58.33%;	/*560px;*/
		width:1.04%;	/*10px*/
	}
	





/****************************************************************************************************

教育理念

****************************************************************************************************/
.sceneIdeal{
}

	.sceneIdeal .sceneLead1{
		display:block;
		font-size:300%;
	}
@media only screen and (max-width:736px){
	.sceneIdeal .sceneLead1{
		font-size:1.8rem;
	}
}
	
	.sceneIdeal .sceneTxt1{
		margin-bottom:5.20%;	/*50px*/
	}



	.sceneIdealGrow{
		position:relative;
	}
	ie7 .sceneIdealGrow{
		height:100%;
	}
@media only screen and (max-width:736px){
	.sceneIdealGrow{
		padding-top:33.96%;
		background:url(../images/index/ideal/link_stu_sp.png) no-repeat center 0;
		background-size:50%;
	}
}

		.sceneIdealGrow li{
			position:relative;
			background:#fff;
			z-index:2;
		}


		.sceneIdealGrow .sceneIdeal_link1{
			float:left;
			margin-bottom:200px;
			width:33.33%;	/*320px;*/
		}
@media only screen and (max-width:736px){
		.sceneIdealGrow .sceneIdeal_link1{
			margin-bottom:10px;
			width:45%;
		}
}
		
		.sceneIdealGrow .sceneIdeal_link2{
			float:right;
			margin-bottom:200px;
			width:33.33%;	/*320px;*/
		}
@media only screen and (max-width:736px){
		.sceneIdealGrow .sceneIdeal_link2{
			margin-bottom:10px;
			width:45%;
			text-align:right;
		}
}
		
		.sceneIdealGrow .sceneIdeal_link3{
			clear:both;
		}
@media only screen and (max-width:736px){
		.sceneIdealGrow .sceneIdeal_link3{
		}
}

/*学生*/
.sceneIdeal_stu{
	position:absolute;
	top:60px;
	width:100%;
	text-align:center;
	z-index:1;
}
@media only screen and (max-width:736px){
.sceneIdeal_stu{
	display:none;
}
}



/****************************************************************************************************

大切にしていること

****************************************************************************************************/
.scenePolicy{
	background:url(../images/index/scene_bg1.jpg);
}
	
	.scenePolicy .sceneLead1{
		display:block;
		font-size:300%;
	}
@media only screen and (max-width:736px){
	.scenePolicy .sceneLead1{
		font-size:2.0rem;
	}
}

	.scenePolicy .sceneTxt1{
		margin-bottom:5.20%;	/*50px*/
	}

.scenePolicy_pickupBase{
	position:relative;
	color:#E085C5;
	font-weight:bold;
}

.scenePolicy_pickupBody{
	position:relative;
	line-height:1.75;
	z-index:3;
}
@media only screen and (max-width:736px){
.scenePolicy_pickupBody{
	padding-top:10px;
}
}

	.scenePolicy_pickupHead{
		margin-bottom:10px;
		line-height:1.2;
		font-size:200%;
		font-weight:bold;
	}
@media only screen and (max-width:960px){
	.scenePolicy_pickupHead{
		font-size:3rem;
	}
}
@media only screen and (max-width:736px){
	.scenePolicy_pickupHead{
		font-size:1.5rem;
	}
}
	
	.scenePolicy_pickupTxt{
		margin-bottom:0;
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickupTxt{
		font-size:1.2rem;
		line-height:1.5;
	}
}

.scenePolicy_pickupImg{
	position:relative;
	z-index:2;
}

.scenePolicy_pickupBg{
	position:absolute;
	z-index:1;
}
@media only screen and (max-width:736px){
.scenePolicy_pickupBg{
	display:none;
}
}



/*
ピックアップ
----------------------------------------*/
.scenePolicy_pickup1{
	padding-left:15.62%;	/*150px;*/
}

@media only screen and (max-width:736px){
.scenePolicy_pickup1{
	margin-bottom:3.12%;	/*20px;*/
	padding-top:3.12%;	/*20px;*/
	padding-bottom:3.12%;	/*20px;*/
	padding-left:0;
	border-top:1px dashed #E085C5;
	border-bottom:1px dashed #E085C5;
	background:none;
}
}

	.scenePolicy_pickup1 .scenePolicy_pickupBody{
		float:right;
		margin-top:10.25%;	/*80px;*/
		width:48.71%;	/*380px;*/
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickup1 .scenePolicy_pickupBody{
		margin-top:0;
		width:70%;
		vertical-align:middle;
	}
}

	.scenePolicy_pickup1 .scenePolicy_pickupImg{
		float:left;
		width:49.23%;	/*384px;*/
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickup1 .scenePolicy_pickupImg{
		width:25%;
	}
}

.scenePolicy_pickup1 .scenePolicy_pickupBg{
	top:5.41%;	/*52px;*/
	left:51.77%;	/*497px;*/
}




.scenePolicy_pickup2{
	padding-left:19.79%;	/*190px;*/
	width:73.95%;	/*710px;*/
}
@media only screen and (max-width:960px){
.scenePolicy_pickup2{
	width:94.79%;	/*910px*/
}
}
@media only screen and (max-width:736px){
.scenePolicy_pickup2{
	margin-bottom:3.12%;	/*20px;*/
	padding-left:0;
	padding-bottom:3.12%;	/*20px;*/
	border-bottom:1px dashed #E085C5;
	width:100%;
	background:none;
}
}

	.scenePolicy_pickup2 .scenePolicy_pickupBody{
		float:left;
		margin-top:8.45%;	/*60px;*/
		width:43.66%;	/*310px;*/
	}
@media only screen and (max-width:960px){
	.scenePolicy_pickup2 .scenePolicy_pickupBody{
	}
}
@media only screen and (max-width:736px){
	.scenePolicy_pickup2 .scenePolicy_pickupBody{
		float:right;
		margin-top:0;
		width:70%;
	}
}

	.scenePolicy_pickup2 .scenePolicy_pickupImg{
		float:right;
		margin-top:-20px;
		width:54.08%;	/*384px;*/
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickup2 .scenePolicy_pickupImg{
		float:left;
		margin-top:0;
		width:25%;
	}
}
.scenePolicy_pickup2 .scenePolicy_pickupBg{
	top:4.06%;	/*39px;*/
	left:15%;	/*144px;*/
}



.scenePolicy_pickup3{
	padding-left:5.20%;	/*50px;*/
	width:82.29%;	/*790px;*/
}
@media only screen and (max-width:960px){
.scenePolicy_pickup3{
	width:87.5%;	/*840px;*/
}
}
@media only screen and (max-width:736px){
.scenePolicy_pickup3{
	padding-left:0;
	width:100%;
	background:none;
}
}

	.scenePolicy_pickup3 .scenePolicy_pickupBody{
		float:right;
		margin-top:9.37%;	/*90px;*/
		width:48.10%;	/*380px;*/
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickup3 .scenePolicy_pickupBody{
		margin-top:0;
		width:70%;
	}
}

	.scenePolicy_pickup3 .scenePolicy_pickupImg{
		float:left;
		margin-top:-2.08%;	/*20px;*/
		width:48.60%;	/*384px;*/
	}
@media only screen and (max-width:736px){
	.scenePolicy_pickup3 .scenePolicy_pickupImg{
		margin-top:0;
		width:25%;
	}
}
.scenePolicy_pickup3 .scenePolicy_pickupBg{
	top:8.21%;	/*69px;*/
	left:48.45%;	/*407px;*/
}






/****************************************************************************************************

メッセージ

****************************************************************************************************/
.sceneMessage{
}
	
	.sceneMessage_body{
		float:left;
		width:62.5%;	/*600px*/
	}
@media only screen and (max-width:736px){
	.sceneMessage_body{
		float:none;
		width:100%;
	}
}

	.sceneMessage_img{
		float:right;
		width:31.25%;	/*300px*/
	}
@media only screen and (max-width:736px){
	.sceneMessage_img{
		float:none;
		margin-bottom:2.08%;	/*20px;*/
		width:100%;
		text-align:center;
	}
	.sceneMessage_img img{
		width:50%;
	}
}
	.sceneMessage_lead{
		font-weight:bold;
		font-size:164%;
		line-height:1.5;
	}
@media only screen and (max-width:736px){
	.sceneMessage_lead{
		font-size:1.5rem;
	}
}
	
	.sceneMessage_name{
		font-weight:bold;
		font-size:114%;
	}





/****************************************************************************************************

リンク

****************************************************************************************************/
.sceneNext{
}

.sceneNext_link1{
	margin-bottom:0;
}