#pagetop{
	padding:0px;
	margin:0px;
}
html{
	scroll-behavior:smooth;
}
@media(min-width:900px){
	#pagetop{
		padding-top:122px;
	}
}
@media(max-width:900px){
	#pagetop{
		padding-top:75px;
	}
}
@media(min-width:300px){
	#caution{
		display:none;
	}
}

#top{
	padding:0px;
	width:75px;
	height:75px;
	display:block;
	line-height:75px;
	text-align:center;
	font-size:25px;
	background-color:forestgreen;
	color:white;
	border-radius:50%;
	margin:right:30px;
	position:fixed;
	bottom:50px;
	left:50px;
	z-index:5;
}
#hum{
	position:absolute;
	padding:10px;
	top:10px;
	right:30px;
	color:black;
	font-size:30px;
	background-color:transparent;
	box-shadow:none;
	z-index:7;
}
@media screen and (min-width:900px){
	#hum,#menu,input{
		display:none;
	}
}
@media (max-width:395px){
	#title h1{
		display:none;
	} 
}
#menu{
	display:;
}
#menu p{
	display:inline-block;
	font-size:20px;
	font-weight:600;
	padding:5px;
	margin-left:20px;
	margin-top:50px;
	margin-bottom:20px;
	background-color:transparent;
}
#menu ul{
	margin:20;
	margin-top:10px;
	padding-left:0;
}
#menu li{
	list-style:none;
	font-size:17px;
	font-weight:600;
}
#menu a{
	text-decoration:none;
}
#open:checked + #close{
	display:inherit;
}
@media(min-width:501px){
	#menu {
	  overflow:scroll;
	  position: fixed;
	  top: 0;
	  right: -340px;
	  width: 250px;
	  height: 100%;
	  padding: 20px;
	  transition: left .2s, right .3s;
	  background-color:white;
	  box-shadow:0 0px 5px 0 #555555;
	  border-color:white;
	}
	#open:checked{
		right:0;
	}
	#open:checked + #menu {
	  right: 0;
	  border-left:solid;
	  border-width:2000px;
	  border-color:#444444;
	  opacity:0.9; 
	  -webkit-transition:border-color 0.3s ease, right 0.3s ease;
	}
}
#menu::-webkit-scrollbar{
	display:none;
}
 
.toggle {
  font-size: 50px;
  cursor: pointer;
}
 
#open {
  display: none;
}

@media(max-width:500px){
	#menu{
		display:none;
		overflow:scroll;
		padding:0;
		background-color:white;
		position:inherit;
		width:100%;
		margin:0;
		margin-top:0px;
		transition:all 0.5s ease;
		-webkit-transition:all 0.5s ease;
		opacity:0;
	}
	#open:checked + #menu{
		display:inherit;
		opacity:1;
	}
	#menu ul{
		margin:30px auto;
		width:100%;
		margin-top:0;
	}
	#menu li{
		margin:0;
		padding:10px 20px ;
		border:none;
		border-bottom:solid 1px #eeeeee;
	}
	#menu li:last-child{
		border:none;
	}
	
	#menu p{
		margin:0;
		padding:10px 20px;
		display:inline-block;
		text-align:center;
		width:100%;
		background-color:transparent;
		color:forestgreen;
		border-bottom:solid 1px forestgreen;
		border-top:solid 1px forestgreen;
	}
}


#headelement{
	margin-bottom:30px;
	background-color:white;
	position:fixed;
	top:0px;
	left:0px;
	z-index:5;
	width:100%;
	box-shadow: 0 0 5px #444444;

}
#h1{
	font-family:"Calibri","Helvetica","游ゴシック","Yu Gothic","YuGothic","メイリオ","MSP gothic";
	color:forestgreen;
	font-size:45px;
	font-weight:600;
	margin:10px 25px;
	padding:0px;
	text-align:left;
}

#h5{
	font-size:15px;
	font-weight:600;
	color:forestgreen;
	line-height:1.2em;
}
#header{
	color:#DDDDDD;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-width:1px;
	border-top:none;
	border-bottom:none;
	border-width:1px;
	vertical-align:middle;
	text-align:center;
}
@media screen and (max-width:900px){
	#header{
		display:none;
	}

}

.head:hover{
	filter:opacity(100%);
	color:forestgreen;
	-webkit-transition:all 0.3s ease;
}
.title{
	display:inline-block;
	vertical-align:middle;
	/*text-align:center;*/
}
#title{
	/*text-align:center;*/
	margin-right:auto;
	margin-left:auto;
	width:1080px;
}
.head{
	color:black;
	font-size:15px;
	font-weight:600;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
	padding-right:30px;
	padding-left:30px;
	border-right:solid;
	border-color:#DDDDDD;
	border-width:1px;
}
.head:last-child{
	border-right:none;
}