@charset "utf-8";/*文字コード*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital@1&display=swap');
/*japanese*/

body{
	margin:0px;
	padding:0px;
	background-color:#f7f7f7;
	background-image:url(../images/top-bg.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
 }

.clearfix:after{/*clearfix設定*/
	content: "";
	display: block;
	clear: both;
 }

/*テキストリンク設定-start*/
a:link,
a:visited,
a:active{
	text-decoration:underline;
	color:#0000cc;

	}

a:hover{
	text-decoration:none;
	color:#0000cc;
	}
/*テキストリンク設定-end*/

img{
	border:none;
	}

/*ヘッダとメニュー-start*/
#top-wrap{
	max-width:1644px;
	margin:0px auto 0px auto;
	padding:0px;
	}
	
#top-header-wrap{
	margin:0px auto 0px auto;
	padding:0px;
	max-width:1644px;
	min-width:1512px;
	height:152px;
	position:relative;
	z-index:999;
	}

#top-header-wrap h1{
	width:630px;
	height:152px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
/*ナビゲーションメニュー-start*/
#nav-menu{
	margin:0px;
	padding:0px;
	width:882px;
	height:152px;
	float:right;
	}
	
#nav-menu li{
	list-style:none;
	}

#nav-menu > li{
	margin:0px;
	padding:0px;
	text-indent:-8888px;
	width:147px;
	height:152px;
	float:left;
	}
	
#nav-menu > li > a{
	margin:0px;
	padding:0px;
	display:block;
	width:147px;
	height:152px;
	}

/*nav-menu01-start*/
#nav-menu01 > a:link,
#nav-menu01 > a:visited,
#nav-menu01 > a:active{
	background-image:url(../images/top-menu-bt001.jpg);
	}

#nav-menu01 > a:hover{
	background-image:url(../images/top-menu-bt001o.jpg);
	}
/*nav-menu01-end*/

/*nav-menu02-start*/
#nav-menu02{
	background-image:url(../images/top-menu-bt002.jpg);
	}
#nav-menu02 > a:link,
#nav-menu02 > a:visited,
#nav-menu02 > a:active{
	background-image:url(../images/top-menu-bt002.jpg);
	}

#nav-menu02 > a:hover{
	background-image:url(../images/top-menu-bt002o.jpg);
	}
/*nav-menu02-end*/

/*nav-menu03-start*/
#nav-menu03{
	background-image:url(../images/top-menu-bt003.jpg);
	}
#nav-menu03 > a:link,
#nav-menu03 > a:visited,
#nav-menu03 > a:active{
	background-image:url(../images/top-menu-bt003.jpg);
	}

#nav-menu03 > a:hover{
	background-image:url(../images/top-menu-bt003o.jpg);
	}
/*nav-menu03-end*/

/*nav-menu04-start*/
#nav-menu04{
	background-image:url(../images/top-menu-bt004.jpg);
	}
#nav-menu04 > a:link,
#nav-menu04 > a:visited,
#nav-menu04 > a:active{
	background-image:url(../images/top-menu-bt004.jpg);
	}

#nav-menu04 > a:hover{
	background-image:url(../images/top-menu-bt004o.jpg);
	}
/*nav-menu04-end*/

/*nav-menu05-start*/
#nav-menu05 > a:link,
#nav-menu05 > a:visited,
#nav-menu05 > a:active{
	background-image:url(../images/top-menu-bt005.jpg);
	}

#nav-menu05 > a:hover{
	background-image:url(../images/top-menu-bt005o.jpg);
	}
/*nav-menu05-end*/

/*nav-menu06-start*/
#nav-menu06{
	background-image:url(../images/top-menu-bt006.jpg);
	}
#nav-menu06 > a:link,
#nav-menu06 > a:visited,
#nav-menu06 > a:active{
	background-image:url(../images/top-menu-bt006.jpg);
	}

#nav-menu06 > a:hover{
	background-image:url(../images/top-menu-bt006o.jpg);
	}
/*nav-menu06-end*/


/*子メニューstart*/
#nav-menu > li > ul{
	margin:0px;
	padding:0px;
	}

/*入試情報の子メニューだけ左にずらす-start*/
#nav-menu > #nav-menu06 > ul{
	margin:0px 0px 0px -105px;
	padding:0px;
	}
/*入試情報の子メニューだけ左にずらす-end*/


#nav-menu > li > ul > li >a{/*ロールオーバーアニメーション前の設定*/
	display:block;
	width:200px;
	height:0px;/*高さ0pxから23pxへアニメーション*/
	text-indent:0px;
	padding:0px 10px 0px 35px;/*paddingトップ0pxから10pxへアニメーション*/
 position:relative;/*レイヤー重なり問題回避*/	
	font-size:14px;
	visibility:hidden;/*注：display:none;ではアニメーションしない*/
	overflow:hidden;
	}

#nav-menu > li:hover > ul >li > a{/*ロールオーバーアニメーション後の設定*/
	display:block;
	height:23px;/*高さ0pxから23pxへアニメーション*/
	visibility:visible;/*注：display:none;ではアニメーションしない*/
	padding:10px 10px 10px 35px;/*paddingトップ0pxから10pxへアニメーション*/
	overflow:visible;
 box-shadow:2px 2px 10px #000000;
	}
	
#nav-menu *{/*#nav-menu アニメーション変化の設定*/
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -ms-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;
}

/*子メニュー01-start*/
#nav-menu > #nav-menu01 > ul > li > a:link,
#nav-menu > #nav-menu01 > ul > li > a:visited,
#nav-menu > #nav-menu01 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon01.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #FB9A38;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu01 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon01.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #FB9A38;/*子メニュー色違い*/
	background-color:#FDD5AC;/*子メニュー色違い*/
	}
/*子メニュー01-end*/

/*子メニュー02-start*/
#nav-menu > #nav-menu02 > ul > li > a:link,
#nav-menu > #nav-menu02 > ul > li > a:visited,
#nav-menu > #nav-menu02 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon02.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #FB8778;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu02 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon02.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #FB8778;/*子メニュー色違い*/
	background-color:#FED1CB;/*子メニュー色違い*/
	}
/*子メニュー02-end*/

/*子メニュー03-start*/
#nav-menu > #nav-menu03 > ul > li > a:link,
#nav-menu > #nav-menu03 > ul > li > a:visited,
#nav-menu > #nav-menu03 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon03.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #B67BD7;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu03 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon03.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #B67BD7;/*子メニュー色違い*/
	background-color:#DBBEEB;/*子メニュー色違い*/
	}
/*子メニュー03-end*/

/*子メニュー04-start*/
#nav-menu > #nav-menu04 > ul > li > a:link,
#nav-menu > #nav-menu04 > ul > li > a:visited,
#nav-menu > #nav-menu04 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon04.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #4EBAF9;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu04 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon04.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #4EBAF9;/*子メニュー色違い*/
	background-color:#98D7FC;/*子メニュー色違い*/
	}
/*子メニュー04-end*/

/*子メニュー05-start*/
#nav-menu > #nav-menu05 > ul > li > a:link,
#nav-menu > #nav-menu05 > ul > li > a:visited,
#nav-menu > #nav-menu05 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon05.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #5BCE99;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu05 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon05.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #5BCE99;/*子メニュー色違い*/
	background-color:#A5E4C8;/*子メニュー色違い*/
	}
/*子メニュー05-end*/

/*子メニュー06-start*/
#nav-menu > #nav-menu06 > ul > li > a:link,
#nav-menu > #nav-menu06 > ul > li > a:visited,
#nav-menu > #nav-menu06 > ul > li > a:active{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon06.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #8CD03A;/*子メニュー色違い*/
	background-color:#d7d7d7;
	}

#nav-menu > #nav-menu06 > ul > li > a:hover{
	color:#000000;
	text-decoration:none;
	background-image:url(../images/sub-menu-icon06.png);/*子メニュー色違い*/
	background-repeat:no-repeat;
	background-position:10px 12px;
	font-weight:bold;
	border-left:5px solid #8CD03A;/*子メニュー色違い*/
	background-color:#C4E798;/*子メニュー色違い*/
	}
/*子メニュー06-end*/

/*子メニューend*/
/*ナビゲーションメニュー-end*/
/*ヘッダとメニュー-end*/

/*googleカスタム検索とリンク-start*/
#search{
	max-width:1644px;
	min-width:612px;
	height:70px;
	margin:10px 0px 0px 0px;
	clear:both;
	z-index:1;
	}

.search-link{
	max-width:1224px;
	height:40px;
	float:right;
	text-align:right;
	padding:20px 20px 0px 0px;
	}

.search-box{
	padding:15px 0px 0px 0px;
	width:300px;
	height:45px;
	float:right;
	text-align:left;
	}
/*googleカスタム検索とリンク-end*/
.sub_btn {
  cursor: pointer;
  align-items: center;
  margin: 0px 0px 8px 0px;
  
}
.sub_btn a {
align-content: center;
width: 220px;
height: 50px;
font-family: 'Roboto Condensed', sans-serif;
  text-decoration: none;
  color: #4f4d4c;
  font-weight: bold;
  
  padding: 0px 0px 0px 40px;
  display: inline-block;
  position: relative;
  background: url("../images/sub_icon.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 12px center;
}
.sub_btn a:hover {
  opacity: 0.5;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.bg_b{background-color:#4ab9fa;
font-size:19px;
font-style: normal;}

.bg_y{background-color:#f0f728;
font-size:19px;
font-style: normal;
}
.bg_g{background-color:#28c5a3;
font-size:19px;
font-style: normal;}
.bg_l{background-color:#ff747f;
font-size:19px;
font-style: normal;}

.bg_p{
background-color: #c37edf;
font-style: normal;
font-size:17px;}



/*トップのグリッドレイアウト部分-start*/
@media screen and (max-width: 840px){

#top-image{
	max-width:548px;
	margin:0px auto 0px auto;
	z-index:0;
	}	

	}

@media screen and (min-width: 841px) and (max-width: 1116px){

#top-image{
	max-width:822px;
	margin:0px auto 0px auto;
	z-index:0;
	}	

	}

@media screen and (min-width: 1117px) and (max-width: 1386px){

#top-image{
	max-width:1096px;
	margin:0px auto 0px auto;
	z-index:0;
	}	

	}

@media screen and (min-width: 1387px) and (max-width: 1660px){

#top-image{
	max-width:1370px;
	margin:0px auto 0px auto;
	z-index:0;
	}	

	}

@media screen and (min-width: 1661px){

#top-image{
	max-width:1644px;
	margin:0px auto 0px auto;
 z-index:0;
	}	

	}

.box{
	margin:2px;
	padding:0px;
	}

.col01{
	width:544px;
	height:544px;	
	}

.col02{
	width:544px;
	height:270px;	
	}

.col03{
	width:270px;
	height:270px;
	}
	
.col3_ko{width:260px;}
.col3_ko a:hover{opacity: 0.5;
	}


.col03r{
	width:270px;
	height:270px;
	background-image:url(../images/top-image004.jpg);
	background-repeat:no-repeat;
    
	}
	
.col03r ul{
	width:230px;
	padding:70px 0 0 40px;
	}
.col03r ul li{
	list-style-image:url(../images/icon.png);
	color:#ffffff;
	font-size:9.5pt;
	font-weight:lighter;
	line-height:14pt;
	letter-spacing:1pt;
	margin-bottom:7px;
	}
		
.uni_link a:link,
.uni_link a:visited,
.uni_link a:active{
	color:#ffffff;
	text-decoration:underline;
	}

.uni_link li a:hover{
	color:#ffffff;
	text-decoration:none;
	}

.col04{
	width:270px;
	height:133px;	
	}
	
.col05{
	width:544px;
	height:133px;	
	}

.col06{
	width:544px;
	height:270px;
	}
	
/*20170825追加*/
.col07{
	width:818px;
	height:544px;	
	}
	
	
/*トップのグリッドレイアウト部分-end*/

/*トップのインフォメーションとコンタクト-start*/
#info-and-contact{
	clear:both;
	margin:50px auto 0px auto;
	padding:0px;
	width:1370px;
	}

#info{
	width:642px;
	height:400px;
	padding:0px 49px 0px 0px;
	border-right:1px solid #cccccc;
	float:left;
	}

#info h1{
	width:650px;
	height:25px;
	text-align:center;
	}

#info dl{
	margin:0px;
	padding:0px;
	width:650px;
	height:300px;
	overflow-y:scroll;
	}

#info dt{
	margin:10px 0px 0px 0px;
	padding:0px;
	width:80px;
	}

#info dd{
	margin:-21px 0px 0px 80px;
	padding:0px 0px 0px 5px;
	width: calc(100% - 80px);
	}

#contact{
	width:303px;
	height:400px;
	padding:0px 30px 0px 40px;
	border-right:1px solid #cccccc;
	border-left:1px solid #FFFFFF;
	float:left;
	}

#contact h1{
	width:290px;
	height:25px;
	text-align:center;
	}

.contact-contents{
	margin:25px 0px 0px 0px;
	padding:0px;
	}
	
.contact-contents table tr td{
	vertical-align:top;
	}
	
.td01{
	width:75px;
	font-weight:bold;
	}
	
#newsletter{
	width:260px;
	height:370px;
	float:left;
	padding:0px 0px 0px 40px;
	border-left:1px solid #FFFFFF;
	}

	
/*トップのインフォメーションとコンタクト-end*/

/*フッター-start*/
#footer{
	margin:50px 0px 0px 0px;
	max-width:100%;
	min-width:1520px;
	height:381px;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	}

#footer li{
	list-style:none;	
	}

#footer01{
	width:1050px;
	height:123px;
	margin:0px auto 0px auto;
	padding:0px;
	}

#footer01-link{
	margin:0px;
	padding:0px;
	width:123px;
	height:123px;
	float:left;
	}

#footer01 ul{
	margin:0px;
	padding:0px;
	width:927px;
	height:123px;
	float:left;
	}

#footer01 li{
	margin:0px;
	padding:0px;
	float:left;
	text-indent:-8888px;
	}

#footer01-image01 > a:link,
#footer01-image01 > a:visited,
#footer01-image01 > a:active{
	display:block;
	width:215px;
	height:123px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer01-01.jpg)
	}

#footer01-image01 > a:hover{
	background-image:url(../images/footer01-01o.jpg)
}

#footer01-image02 > a:link,
#footer01-image02 > a:visited,
#footer01-image02 > a:active{
	display:block;
	width:215px;
	height:123px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer01-02.jpg)
	}

#footer01-image02 > a:hover{
	background-image:url(../images/footer01-02o.jpg)
}

#footer01-image03 > a:link,
#footer01-image03 > a:visited,
#footer01-image03 > a:active{
	display:block;
	width:250px;
	height:123px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer01-03.jpg)
	}	

#footer01-image03 > a:hover{
	background-image:url(../images/footer01-03o.jpg)
}

#footer01-image04 > a:link,
#footer01-image04 > a:visited,
#footer01-image04 > a:active{
	display:block;
	width:247px;
	height:123px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer01-04.jpg)
	}

#footer01-image04 > a:hover{
	background-image:url(../images/footer01-04o.jpg)
}


#footer01-image05 > a:link,
#footer01-image05 > a:visited,
#footer01-image05 > a:active{
	display:block;
	width:250px;
	height:123px;
	margin:0px;
	padding:0px;
	background-image:url(../images/footer01-05.jpg)
	}

#footer01-image05 > a:hover{
	background-image:url(../images/footer01-05o.jpg)
}

#footer02{
	width:1050px;
	height:164px;
	margin:0px auto 0px auto;
	padding:0px;
	}

#footer02 a:link,
#footer02 a:visited,
#footer02 a:active{
	text-decoration:none;
	color:#808080;
	}

#footer02 a:hover{
	text-decoration:none;
	color:#ffffff;
	}

#footer02-sitemap{
	margin:0px;
	padding:0px;
	width:123px;
	height:164px;
	float:left;
	}

#footer02 > ul{
	width:927px;
	height:134px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	float:left;
	}

#footer02 > ul > li{
	float:left;
	margin:0px 0px 0px 30px;
	padding:0px;
 font-weight:bold;
	}
	
#footer02 > ul > li > ul{
	margin:0px;
	padding:0px;
	}

#footer02 > ul > li > ul >li{
	margin:0px 0px 0px 10px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	}
	
#footer03{
	width:1050px;
	height:94px;
	margin:0px auto 0px auto;
	padding:0px;
	}
	
#footer03-gip{
	margin:0px;
	padding:0px;
	width:430px;
	height:94px;
	float:left;
	}
	
#footer03-copy{
	margin:0px;
	padding:24px 20px 0px 0px;
 width:600px;
	height:70px;
	text-align:right;
	float:right;
	font-size:12px;
	color:#808080;
	}
	
#footer * {/*フッターアニメーション変化設定*/
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/*フッター-end*/

/*ページトップへ戻る-start*/
.backtotop{
	text-indent:-8888px;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:9999;
	}


.backtotop a:link,
.backtotop a:visited,
.backtotop a:active{
 display:block;
	width:150px;
	height:65px;
	background-image:url(../images/pagetop.jpg);
	}

.backtotop a:hover{
 display:block;
	width:150px;
	height:65px;
	background-image:url(../images/pagetop-o.jpg);
	}
	
/*ページトップへ戻る-end*/