@charset "UTF-8";
/* CSS Document */

#show ,#hide{
	float: left;
	cursor: pointer;
	font-size: 150%;
}
#menu{
	z-index: 1;
	
	position: fixed;
	
	top: 0;
	right: -300px;
	width: 300px;
	min-height: 100%;

	
	color: #fff;
	background-color: #ACACAC;
	
	transition: .4s;
	
	
}

body.menu-open #menu{
	left: 0;
	margin-top: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

li{margin-top: 60px;}
#wrapper{
	position: relative;
	margin-top: 20px;
	overflow-x: hidden;
}

p#second{
	font-size: 18px;
	margin-left: 30px;
	margin-top: 220px;
	width: 320px;
　　　height: 230px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothhic", "sans-serif"
}


h3{
	margin-top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-left: 50px;
	margin-right: 30px;
margin-bottom: 10px;
text-decoration: underline;}

.syouronn{
	background-image: url("images/jyugyou.ai.svg");
	width: 340px;
	height: 300px;
	background-repeat: no-repeat;
	margin-top: -30px;
	font-size: 16px;
	
	
	}
a{
color: #000000
}
a:link{
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:visited{
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}
a:active{
color: #FDF300;
text-decoration: none;
}