body{
	background-color:#fff;
	font-size:16px;
}

@media(min-width:1020px){
	#wrap{
		width:1020px;
		margin:0 auto;
		background-color:#fff;
		text-align:left;
	}

}


.jard_logo{
	display: inline-block;
}

	.jard_logo_s{
		display:none;
	}


.jard{
	display: inline-block;
	margin-left:20px;
	color:#030A96;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
	text-shadow: 3px 3px 4px #848484;
}

p.txt_1{
font-size:18px;
}

.jard_line{
	width:370px;
	border-bottom: 2px solid #030A96;
}

p.txt_2{
font-size:12px;
padding:0 0 0 3em;
}

.jard p{
	line-height:0.5px;
}


.slideshow2{
	display: none;
}

.elnmenu{
	width:900px;
	height:auto;
}

.eln_1{
	display: inline-block;
	width:40%;
	margin-top: 1%;
	margin-left:17%;
	font-weight:bold;
}

.eln_2{
	display: inline-block;
	width:40%;
	margin-top: 1%;
	margin-left:0%;
	font-weight:bold;
}


/*main section .eln2{
	display: inline-block;
}

main section .eln2demo{
	display: inline-block;
}*/

/*main section .eln3{
	display: inline-block;
}

main section .eln3demo{
	display:inline-block;
}*/





main section .elns1{
	display: none;
}

main section .elns2{
	display: none;
}



@media (max-width: 899px) {
	#slideshow{
		display: none;
	}

	.slideshow2{
		display: block;
		wwidth:100%;
	}

	.slideshow2 img{
		width:100%;
	}



	main section .eln2{
		display: none;
	}

	main section .eln2demo{
		display: none;
	}

	main section .eln3{
		display: none;
	}

	main section .eln3demo{
		display: none;
	}

	main section .mobile{
		display:line;
		max-width:768px;
		padding-left:1em;
		padding-right:auto;

	}


	main section .elns1{
		display: inline-block;
		margin-top: 2%;
		margin-right: auto;
		margin-left : 15%;
	}


	main section .eln2s{
		display: inline-block;
		margin-left : 20px;

	}

	main section .eln2sdemo{
		display: inline-block;
		margin-left : 20px;
		/*width:45%;*/
	}

	main section .elns2{
		display: inline-block;
		margin-top: 2%;
		margin-right: auto;
		margin-left : auto;
	}

	main section .eln3s{
		display: inline-block;
		margin-left : 20px;

		/*width:45%;*/
	}

	main section .eln3sdemo{
		display: inline-block;
		margin-left : 20px;

		/*width:45%;*/
	}


}

@media (max-width: 768px) {

	.jard_logo{
		display: none;
	}

	.jard_logo_s{
		display:inline-block;
	}


	p.txt_1{
		font-size:12px;
	}

	.jard_line{
		width:250px;
		border-bottom: 2px solid #030A96;
	}

	p.txt_2{
	font-size:9px;
	padding:0;
	}




	main section .eln2{
		display: none;
	}

	main section .eln2demo{
		display: none;
	}

	main section .eln3{
		display: none;
	}

	main section .eln3demo{
		display: none;
	}

	main section .mobile{
		display:block;
		max-width:none;
		padding-left:12%;
		padding-right:auto;
	}

	main section .elns1{
		display: inline-block;
		margin-top: 2%;
		margin-right: auto;
		margin-left :0px
	}


	main section .eln2s{
		display: inline-block;
		margin-left : 20px;

	}

	main section .eln2sdemo{
		display: inline-block;
		margin-left : 20px;
		/*width:45%;*/
	}

	main section .elns2{
		display: inline-block;
		margin-top: 2%;
		margin-right: auto;
		margin-left : auto;
	}

	main section .eln3s{
		display: inline-block;
		margin-left : 20px;

		/*width:45%;*/
	}

	main section .eln3sdemo{
		display: inline-block;
		margin-left : 20px;

		/*width:45%;*/
	}
	
	#src{
		font-size:12px;
	}

	footer{
		font-size:10px;
}


}

/*ｅラーニングシステムメニュー*/

main section .eln2{
	width:250px;
	height:50px;
	line-height:50px;

}


main section .eln2 a{
	color:white;
	font-size:18px;
	padding:12px 6px;
	text-align:center;
	background:blue;
	box-shadow: 4px 4px 4px 2px #a9a9a9;
	transition: 0.8s;
}

main section .eln2 a:hover{
	color:#003B6F;
	font-size:18px;
	padding:12px 6px;
	text-align:center;
	font-weight:bold;
	background:#9AD0FF;
}

main section .eln2demo{
	margin-top:20px;
	width:250px;
	height:50px;
	line-height:50px;

}


main section .eln2demo a{
	color: #fff;
	font-size:18px;
	text-align:center;
	padding:12px 21px;
	background:dodgerblue;
	box-shadow: 4px 4px 4px 2px #a9a9a9;
	transition: 0.8s;

}

main section .eln2demo a:hover{
	color: #EAFCFF;
	font-size:18px;
	text-align:center;
	padding:12px 21px;
	background:#1F0181;
}

main section .eln3{
	width:250px;
	height:50px;
	line-height:50px;
}


/*main section .eln3{
	color:white;
	font-size:18px;
	width:250px;
	height:50px;
	line-height:50px;
	text-align:center
	padding:12px 8px;
	background:limegreen;
}*/

main section .eln3 a{
	color:white;
	font-size:18px;
	text-align:center;
	padding:12px 6px;
	background:#008339/*#20E780*/;
	box-shadow: 4px 4px 4px 2px #a9a9a9;
	transition: 0.8s;

}


main section .eln3 a:hover{
	color:white;
	font-size:18px;
	text-align:center;
	padding:12px 6px;
	background:#008339/*#20E780*/;
	transition: 0.8s;

}



main section .eln3 a:hover{
	color:darkslategray;
	font-size:18px;
	text-align:center;
	padding:12px 6px;
	background:#76FED3;
}


main section .eln3demo{
	margin-top:20px;
	width:250px;
	height:50px;
	line-height:50px;
}

main section .eln3demo a{
	color: #fff/*#E1FFEF*/;
	font-size:18px;
	text-align:center;
	padding:12px 21px;
	background:#20E780/*23AE00*/;
	box-shadow: 4px 4px 4px 2px #a9a9a9;
	transition: 0.8s;
}


main section .eln3demo a:hover{
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:12px 21px;
	background:#23AE00/*#008339#76FED3*/;
}


a{
	color: #fff;
	text-decoration: none;

}

.site{
	font-size:12px;
	text-decoration: none;
	color:#000/*dodgerblue*/;
}



.site a{
	font-size:12px;
	text-decoration: none;
	color:#000/*dodgerblue*/;
}

/*.site a:hover{
	color:dodgerblue;
}*/

main ul li a{
	color:red;
}




section h4{
	font-size:20px;
	margin:20px auto -5px 40px;
}



#src{
	
  	overflow: auto;   /* お知らせスクロール表示 */ 
  	width: 90%;
  	height: 250px;
	margin:0 auto;
	background-color: #fff;
	border:1.5px solid silver;

}


#src a{
	color: #000;
	text-decoration: none;
	transition: 0.3s;
}


#src a:hover {
	background-color: #6BAEFF;
	color: #fff;
	font-weight: bold;
}

.new{
	color:red;
	font-weight:bold;
	font-style: italic;
}

footer small{
	display:block;
	background-color:gray;
	color:white;
	font-size:0.7em;
	padding:5px;
	text-align:center;
}

main section .eln2s{
	width:95px;
	height:95px;
	line-height:20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	background:blue;
}


main section .eln2sdemo{
	width:95px;
	height:95px;
	line-height:20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	background:dodgerblue;
}

main section .eln3s{
	width:95px;
	height:95px;
	line-height:20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	background:#008339;
}


main section .eln3sdemo{
	width:95px;
	height:95px;
	line-height:20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	background:#20E780;
}