@charset "utf-8";
/* CSS meijiLp 2015.12 */

/*Recet*/

/* 1. browser style reset
=========================================================*/
html,body,div,
h1,h2,h3,h4,h5,h6,pre,
table,caption,
dl,dt,dd,ul,ol,li,
fieldset,form,label,legend{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
table,tr,th,td{
	border-collapse:collapse;
	border-spacing:0;
	font-weight:normal;
}

/* 2. element style
=========================================================*/
strong{font-weight:bold;}
a img{border-style:none;}
img{vertical-align:middle;}

/* 3. clear & reset class
=========================================================*/
/* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */
.clfix:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
.clfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clfix{height:1%;}
.clfix{display:block;}
/* End hide from IE-mac */

.clr{clear:both !important;}

hr{
	visibility:hidden;
	clear:both;
}
br.fclr,br.clr{
	clear:both;
	font-size:0px;
	line-height:0px;
}

/*Recet_end*/

/*Layout****/
html{font-size: 62.5%;}
body {
	background:#FFF;
	font-size: 1.6em;
	/*-webkit-text-size-adjust: 100%;*/
	font-family:
    "Lucida Grande",
    "Hiragino Kaku Gothic ProN",
    Verdana,
    Meiryo,
    sans-serif;
	min-width:1280px;
	}
/*----------------------------------------------------------------*/
#header{
	width:100%;
	background:URL(/sst/grad/201704/images/headerBg.png) repeat-x center top;
	text-align:center;
	height:57px;
}
#headerInner{
	max-width:1000px;
	margin:0 auto;
}
h1{
	clear:both;
	float:none;
	margin:0 auto 0;
	display:block;
}
h1 img{
	clear:both;
	float:none;
	margin:0 auto 0;
	display:block;
}

/*----------------------------------------------------------------*/
#meijiLogo{
	float:left;
	margin-top:8px;
}
#meijiLogo img{
	width:144px;
	height:40px;
	display:block;

}
#gakbuLogo{
	float:left;
	margin-top:17px;
	margin-left:14px;
}
#gakbuLogo img{
	width:116px;
	height:18px;
}

#btnTopmeiji{
	float:right;
	margin:0;
}
#btnTopmeiji img{
	width:170x;
	height:38px;
	display:block;
    max-width: 100%;
    height: auto;
}

/*----------------------------------------------------------------*/
#mainimg {
    padding: 0 0 200px;
    background: url(/sst/grad/201704/images/mainBg.png) no-repeat center 0;
}

/*----------------------------------------------------------------*/
#nav{
	width:100%;
	text-align:center;
	padding-top:0;
	margin-top:-180px;
	margin-bottom:45px;
}
#navInner{
	width:1000px;
	margin:0 auto;	
	height:216px;
	padding:0;
}

#navInner ul{
	width:100%;
	padding:0;
	margin:0;
}
#navInner li{
	float:left;
	list-style:none;
	margin:0 0 0 40px;
	padding:0;
}
#navInner li img{
	width:219px;
	height:216px;
}

#navInner li:first-child{
	margin:0 0 0 0 !important;
}

#navInner li a{
	display:block;
	height:216px;
	width:219px;
}
#navInner li a:hover{
opacity: 0.8;  
-moz-opacity: 0.8; 
filter: alpha(opacity=80);
transition:0.3s;
}

/*----------------------------------------------------------------*/	
#content{
	width:100%;
	text-align:center;
	clear:both;
	line-height:1.6;
	}
#content a:hover img{
opacity: 0.7;  
-moz-opacity: 0.7; 
filter: alpha(opacity=70); 
transition: 0.3s;
}	
	
div.secInr{
	padding:0;

	}
div.secInr p{
	text-align:center;	

	}
		
#content p{
	text-align:left;
	max-width:1000px;
	margin:0 auto 55px;
	}
#content .saihenImg{
	margin:0 auto 0;
	clear:both;
	float:none;
	background:url(/sst/grad/201704/images/ico_arrow.png) no-repeat center bottom;
	padding-bottom:50px;
	text-align:center;
	max-width:1000px;
	}
	#content .saihenImg img{
	margin:0 auto 0;
	text-align:center;
	}
#content #sec01,
#content #sec02,
#content #sec03,
#content #sec04{
	width:100%;
	text-align:center;
	clear:both;
	border-top:10px solid #333333;
	padding:0 !important;
	}
#content #sec01{
	background:#A3D900;
	}
#content #sec01 h2,
#content #sec03 h2{
	float:left;
	display:inline-block;
	margin:44px 0 40px;
	text-align:left;
	}	
#content #sec02 h2,
#content #sec04 h2{
	float:right;
	display:inline-block;
	margin:44px 2px 40px 0;
	
	}	
		
#content #sec02{
	background:#E54696;
	}
#content #sec03{
	background:#00B2B2;
	}
#content #sec04{
	background:#FFD203;
	}
#content #sec05{
	background:#0E0E0E;
	padding:50px 0;
	}
#content #sec05 .otherBtn{
		text-align:center;
		margin:0 auto;
	}
	
#content #sec06{
	background:#333333;
	color:#FFF;
	padding:46px 0;
	}
#content #sec06 a{
	color:#FFF;
	}
#content #sec06 .map{
	float:right;
	background:#FFF;
	padding:8px !important;
	margin:0 !important;
		}

#content #sec06:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
				
#content .secInr{
	width:1000px;
	margin:0 auto;
	}
p.secImg,
p.secImg02{
	margin:0 !important;
}
.secImg img{
	margin: 0 -120px 0 0;
	float:right;
	padding:0 !important;
}
.secImg02 img{
	margin: 0 0 0 -120px;
	float:left;
	padding:0 !important;
}
#content #sec01:after,
#content #sec02:after,
#content #sec03:after,
#content #sec04:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}

#content #sec06 dl{
	margin:40px 0 0 60px;
	text-align:left;
	}

#content #sec06 dl dt{
	font-size:140%;
	font-weight:bold;
	padding:0 0 8px;
	}

#content #sec06 dl dd{
	padding:0 0 30px;
	}	
/*----------------------------------------------------------------*/		
/*----------------------------------------------------------------*/			
					
/*----------------------------------------------------------------*/
#section02 table{
	 max-width:950px;
	 text-align:left;
	}
#section02 table tr{
	}

#section02 table thead th{
	background:#7A7AC7;
	text-align:center;
	color:#FFF;
	padding:8px 10px;
	font-size:1.8rem;
	border-left:6px solid #FBFBFB;
	}

#section02 table th:first-child{
	border-left:none;
	}

#section02 table tbody th{
	background:#EEEEF9;
	color:#444444;
	text-align:center;
	padding:8px 10px;
	font-size:1.8rem;
	border-left:6px solid #FBFBFB;
	border-top:6px solid #FBFBFB;
	}
		
#section02 table td{
	background:#EEEEF9;
	text-align:center;
	color:#444444;
	padding:28px 20px;
	font-size:1.6rem;
	border-left:6px solid #FBFBFB;
	border-top:6px solid #FBFBFB;
	}

#section02 table tbody tr.end th,
#section02 table tbody tr.end td,
#section02 table tbody tr th.end,
#section02 table tbody tr td.end{
		background:#D9D9D9;
	}
.cap{
		line-height:2.4;
		font-size:85%;
	
	}					
/*----------------------------------------------------------------*/
.bnrArea{
	clear:both;
	width:100%;
	background:url(/sst/grad/201704/images/bnrInBg.gif) repeat-x 0 0 #E5E5F4;
	text-align:center;
	margin:37px auto 0;
	padding:0 0 25px;
}
.bnrAreaTop{
	background:url(/sst/grad/201704/images/bnrInIco.gif) no-repeat center top;
	background-size:24px 24px;
	padding:0 ;
	height:24px;
}
.bnrAreaInner{
	max-width:850px;
	text-align:center;
	margin:30px auto 20px;
}
.bnrArea .bnr01{
	height:89px;
	width:410px;
	float:left;
}
.bnrArea .bnr02{
	height:89px;
	width:410px;
	float:left;
	margin-left:30px;
}
.bnrArea .bnr01 a .pc{
	background:url(/sst/grad/201704/images/pcBtn01.png) no-repeat;
	background-position:0 0;
	height:89px;
	width:410px;
}
.bnrArea .bnr02 a .pc{
	background:url(/sst/grad/201704/images/pcBtn02.png) no-repeat;
	background-position:0 0;
	height:89px;
	width:410px;
}
.bnrArea .bnr01 a:hover .pc,
.bnrArea .bnr02 a:hover .pc{
	background-position:0 -89px;
}
.bnrArea .bnr03{
	height:89px;
	width:410px;
	margin:40px auto 30px;
	text-align:center;
}
.bnrArea .bnr03 a .pc{
	background:url(/sst/grad/201704/images/pcBtn03.png) no-repeat;
	background-position:0 0;
	height:89px;
	width:410px;
}
.bnrArea .bnr03 a:hover .pc{
	background-position:0 -89px;
}.bnrEnt{
	clear:both;
	padding:40px 0 60px;
	background:#F6F6F6;
}
.bnrEnt .bnrEntBtn_center .pc,
.bnrEnt .bnrEntBtn,
.bnrEnt .bnrEntBtn02{
	max-height:127px;
	max-width:746px;
	text-align:center;
	margin:0 auto;
}
.bnrEnt .bnrEntBtn a .pc,
.bnrEnt .bnrEntBtn02 a .pc{
	height:127px;
	width:746px;
	text-align:center;
	margin:0 auto;
}

.bnrEnt .bnrEntBtn a .pc{
	background:url(/sst/grad/201704/images/conEntryBtn_pc.png) no-repeat;
	background-position:0 0;
	height:127px;
	width:746px;
}
.bnrEnt .bnrEntBtn02 a .pc{
	background:url(/sst/grad/201704/images/conEntryBtn_pc.png) no-repeat;
	background-position:0 0;
	height:127px;
	width:746px;
}
.bnrEntBtn_center .pc{
	background:url(/sst/grad/201704/images/conEntryBtn03_pc.png) no-repeat;
	background-position:0 0;
	height:127px;
	width:746px;
}

.bnrEnt a:hover .pc{
		background-position:0 -127px;
}
.bnrEnt span,
.bnrArea span{
	display:none;
}
.newsWrap{

}
.news{
	border:3px solid #38357B;
	padding:8px 0 0;
	background:#FFF;
	font-size:120%;
	text-align:left;
		max-width:996px;
	margin:0 auto 25px;
	border-radius:6px;
}

.news:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
.news h3{
	margin:0 0 10px;
	color:#FFF;
	font-size:108%;
	background:	#38357B;
	padding:5px 18px;
	font-weight:bold;
}
.news h4{
		float:left;	
	font-weight:bold;
	margin:3px 0 15px 18px !important;
	background:#EEEEEE;
	padding:2px 8px;
	width:auto;
	display:inline-block;
	font-size:90%;
	margin:0 0 ;
	
}
.news p{
	float:left;
	margin:5px 0 12px 12px!important;
	font-size:90%;
}
.news span.capt{
	font-size:80%;
	padding-left:20px;
}

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

#footer{
	clear:both;
	width:100%;
	background:#000000;
	color:#FFF;
	text-align:center;
	margin:0 auto 0;
	padding:1px 0;
	}

/*----------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: url(/sst/grad/201704/images/pagetop.png);
    width: 80px;
	height:80px;
    display: block;
}
#page-top a:hover {
	background-position:0 -80px;
}
#page-top a span{
	display:none;
}
/*Layout_end*/

.pc {
	display: block;
}
.sp {
	display: none;
}
/**/
@media screen and (max-width:680px){
body{
width:100%;
min-width:320px;
}
img {
    width: 100%;
}
img.btn{
	width:90%;
	text-align:center;
	margin:0 auto;
	height:auto;
}
img.tit6{
	width:90%;
	text-align:left;
	margin:0 ;
	height:auto;
}

.sp {
	display: block;
}
.pc {
	display: none;
}
/*----------------------------------------------------------------*/
#header{
	width:100%;
	background:URL(/sst/grad/201704/images/headerBg.png) repeat-x center top;
	text-align:center;
	height:57px;
}
#headerInner{
	width:100%;
	margin:0 auto;
}
h1{
	clear:both;
	float:none;
	margin:0 auto 0;
	display:block;
	padding:0;
}
h1 img{
	clear:both;
	float:none;
	margin:0 auto 0;
	display:block;
	z-index:50;
	padding:0;
}

/*----------------------------------------------------------------*/
#meijiLogo{
	float:left;
	margin-top:8px;
		width:25%;
		margin-left:1%;
		
}
#meijiLogo img{
	width:100%;
	height:auto;
	display:block;

}
#gakbuLogo{
	float:left;
	margin-top:1.5%;
			width:25%;
					margin-left:2%;

}
#gakbuLogo img{
	width:100%;
	height:auto;
}

#btnTopmeiji{
	float:right;
	margin:0 1% 0 0;
			width:40%;}
#btnTopmeiji img{
	width:100%;
	height:auto;
	display:block;
    max-width: 100%;
    height: auto;
}

/*----------------------------------------------------------------*/
#nav{
	width:100%;
	text-align:center;
	padding-top:0;
	margin-top:-20px;
	margin-bottom:45px;
	z-index:5000;
	background:url(/sst/grad/201704/images/mainTit_sp_bg.jpg) repeat-x;
	height:80px;
}
#navInner{
	width:100%;
	margin:0 auto 20px;	
	height:auto;
	padding:0 !important;
}

#navInner ul{
	width:100%;
	padding:0;
	margin:0;
	padding:0 !important;
}
#navInner li{
	width:24.5%;
	height:auto;
	margin:0 0 0 0.5%;
}
#navInner li img{
	width:100%;
	height:auto;
	z-index:50000;
}


#navInner li:first-child{
	margin:0 0 0 auto !important;
}

#navInner li a{
	display:block;
	width:100%;
	height:auto;
		z-index:50000;

}


/*----------------------------------------------------------------*/
#mainimg {
    padding: 0 0 0 !important;
    background: url(/sst/grad/201704/images/mainBg.png) no-repeat center 0;
}

/*----------------------------------------------------------------*/	
#content p{
	text-align:left;
	width:95%;
	margin:0 auto 30px;
	}
#content .saihenImg{
	margin:0 auto 0;
	clear:both;
	float:none;
	background:url(/sst/grad/201704/images/ico_arrow.png) no-repeat 59　0% bottom;
	padding-bottom:50px;
	width:95%
	}
#content #sec01,
#content #sec02,
#content #sec03,
#content #sec04{
	width:100%;
	text-align:center;
	clear:both;
	border-top:10px solid #333333;
	padding:0 !important;
	}
#content #sec01{
	background:#A3D900;
	}
#content #sec01 h2,
#content #sec03 h2{
	float:none;
	clear:both;
	display:block;
	margin:30px auto 20px;
	text-align:left;
	width:95%
	}	
#content #sec02 h2,
#content #sec04 h2{
	float:none;
	clear:both;
	display:block;
	margin:30px auto 20px;
	width:95%	}	
		
#content #sec02{
	background:#E54696;
	}
#content #sec03{
	background:#00B2B2;
	}
#content #sec04{
	background:#FFD203;
	}
#content #sec05{
	background:#0E0E0E;
	padding:40px 0 10px;
	}
#content #sec05 .otherBtn{
		text-align:center;
		margin:0 auto;
	}
	
#content #sec06{
	background:#333333;
	color:#FFF;
	padding:30px 0;
	}
#content #sec06 a{
	color:#FFF;
	}
#content #sec06 .map{
	float:none;
	clear:both;
	background:#FFF;
	padding:8px !important;
	margin:0 auto !important;
	width:95%;
		}

#content #sec06:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
				
#content .secInr{
	width:100%;
	margin:0 auto;
	padding:0 0 35px;
	}
p.secImg,
p.secImg02{
	margin:0 !important;
	width:100% !important;
}
.secImg img{
	margin: 0 0 30px 0;
	float:none;
	clear:both;
	padding:0 !important;
}
.secImg02 img{
	margin: 0 0 30px 0;
	float:none;
	clear:both;
	padding:0 !important;
}
#content #sec01:after,
#content #sec02:after,
#content #sec03:after,
#content #sec04:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}

#content #sec06 dl{
	margin:30px 0 0 4%;
	text-align:left;
	width:95%;
	}

#content #sec06 dl dt{
	font-size:98%;
	font-weight:bold;
	padding:0 0 8px;
	}

#content #sec06 dl dd{
	padding:0 0 30px;
	}	
/*----------------------------------------------------------------*/