/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

#eln_body{
	background-color:#fff;
	font-size:16px;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}*/

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

}*/



#eln_body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:150px;
}*
.jard_logo_s{
		display:none;
	}




.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:767px) {
	#slideshow{
		display: none;
	}

	.slideshow2{
		display: block;
		margin-top:-80px;
		width:100%;
	}

	.slideshow2 img{
		padding-top:10px;
		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%;*/
	}

	main section h4{
		font-size:20px;
		margin-left:3em;
        	border-bottom: none;

	}


}

@media (max-width: 767px) {


	.jard_logo_s{
		display:inline-block;
	}

	#eln_body {
		margin-top:0px;
		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: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;
}


}

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

	.slideshow2{
		display: block;
		margin-top:-60px;
		width:100%;
	}

	.slideshow2 img{
		padding-top:10px;
		width:100%;
	}

	main section h4{
		font-size:20px;
		margin-left:0px;
        	border-bottom: none;

	}

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



}




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

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_eln ul li{
	line-height:25px;
	text-indent: -1em;
	padding-left: 3em;
}

#main_eln ul p{
	line-height:25px;
	padding-left: 2em;
}

#main_eln ul li a{
	color:red;
}


#topics{
	margin:0px auto;

}

main section h4{
	font-size:20px;
	margin-left:8em;
        border-bottom: none;

}



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

#src p{
	font-weight:normal;
}


#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:120px;
	height:100px;
	line-height:20px;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-weight:bold;
	padding:5px;
	background:blue;
}


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

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


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

.form{
	color:#fff;
	font-size:30px;
	width:320px;
	height:50px;
	line-height:50px;
	margin-right:auto;
	margin-left :3%;
	text-align:center;
	/*text-margin:100; */
	border:2px solid blue;
	border-radius:10px 10px 10px 10px;
	background:blue/*linear-gradient(white,blue)*/;
	
}

main section ul li a{
	color:#000;
	pointer-events: none;

}

.limit{
font-size:22px;
font-weight:bold;
}


/*受講の流れスタイル*/

#main_eln ul li{
	line-height:35px;
	text-indent: -1em;
	padding-left: 3em;
}

#main_eln ul p{
	line-height:25px;
	padding-left: 2em;
	padding-top:1em;
}

#main_eln ul p .limit{
	font-size:22px;
	font-weight:bold;
}



.kigen{
	color:white;
	font-size:23px;
	font-weight: bold; 
	width:300px;
	height:30px;
	line-height:30px;
	margin-right:auto;
	margin-left:3%;
	margin-bottom:0.5em;
	text-align:center;
	border:2px solid orangered;
	border-radius:5px 5px 5px 5px;
	background:linear-gradient(white,orangered);
	text-shadow:-1px -1px 1px dimgray;
}


.test{
	font-size:23px;
	width:320px;
	height:30px;
	line-height:30px;
	margin-right:auto;
	margin-left:3%;
	text-align:center;
	border:2px solid deepskyblue;
	border-radius:5px 5px 5px 5px;
	background:linear-gradient(white,deepskyblue);
	text-shadow:-1px -1px 1px gray;
}

/*pcスペック*/
/*
#main_eln p{
	line-height:25px;
	padding-left: 3em;
}

#main_eln .sp_tb{
	padding-left: 4em;

}


#eln_body h3{
	border: 1px solid gray;
	margin-top:1em;
	padding-top:0.5em;
	padding-left:1em;
	padding-bottom:0.5em;
}


#eln_body p{
	text-indent: -1em;
	padding-left:3em;
	line-height:30px;
}


.acrobat p img{
	padding-left:10em;
}

.bul{
	font-weight:bold;
	font-size:17px;
	margin-left:1em;
	text-indent:-0.5em;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #0000ff;
	border-bottom: 1px solid #0000ff;
}

.pc p img{
	padding-left:10em;
}


#pink{
	color:red;
}

#pink:hover{
	color:#fff;
	font-weight:bold;
	background:pink;
}


.ios p.gre{
	font-weight:bold;
	font-size:17px;
	margin-top:1em;
	margin-left:1em;
	text-indent:-0.5em;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid green;
	border-bottom: 1px solid green;
}


.android p.ora{
	font-weight:bold;
	font-size:17px;
	margin-top:1em;
	margin-left:1em;
	text-indent:-0.5em;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid orange;
	border-bottom: 1px solid orange;
}


.ios{
	display:inline-block;
	padding-left: 0.5em;
	border: 1px solid green;
	width:45%;
	height:400px;
}

.ios p{
	text-indent: -1em;
	padding-left:1em;
}



.ios img{
	margin-right:1em;
	margin-bottom:1em;
}


.android{
	display:inline-block;
	padding-left: 0.5em;
	border: 1px solid orange;
	width:45%;
	height:400px;

}

.android p{
	text-indent: -1em;
	padding-left:1em;
}


.android img{
	margin-right:1em;
	margin-bottom:1em;
}


.bold{
	font-weight:bold;
}

.sumaho img{
	padding-left:10px;
}


.etc img{
	padding-left:30%;
}

.tm p{
	font-size:0.7em;
	color:gray;
	line-height:1.5em;
}


@media(max-width:767px){

	.ios{
		display:block;
		padding-left: 0.5em;
		border: 1px solid green;
		width:80%;
		margin-top:15px;
		height:400px;
	}

	.android{
		display:block;
		padding-left: 0.5em;
		border: 1px solid orange;
		width:80%;
		margin-top:15px;
		height:400px;
	}

	.sumaho img.samp{
		padding-left:10%;
		max-width:120px;
		height:213px;
	}


	.etc img.samp{
		padding-left:10%;
		max-width:120px;
		height:213px;
	}


}
*/