@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: #BEBEBE;
	
	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;
}


.home{
	background-image: url("images/mizuhome.svg");
	width: 450px;
	height: 500px;
	background-repeat: no-repeat;
	font-size: 20px;
	margin: 0px;
	}
h1{margin-left: 50px;
	margin-top: -3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	z-index: 1;
	
}
p#first{font-size: 18px;
	margin-left: 20px;
	margin-top: 50px;
	width: 320px;
　　　height: 230px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
p#second{
	font-size: 14px;
	margin-left: 30px;
	margin-right: 30px;
	
	margin-top: 60px;
	width: 310px;
　　　height: 310px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothhic", "sans-serif"
}

p#therd{
	font-size: 14px;
	margin-left: 30px;
	margin-right: 30px;
	
	margin-top: 60px;
	width: 310px;
　　　height: 310px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothhic", "sans-serif"
}
h2{
	margin-top: 60px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin-left: 80px;
	margin-right: 30px;

}

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


.syouronn{
	font-size: 16px;
	
	
	}




.senpai{background-image: url("images/sennpai.svg");
	width: 450px;
	height: 440px;
	background-repeat: no-repeat;
	font-size: 14px;
	


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

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;
}