/* CSS Document */
html {
	height: 100%;
}
body {
	height: 100%;
}
main {
	display: block;
}
.bg_work{
	position: absolute;
	top:0;
	left: 0;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	/*background-size: 1024px 770px;*/
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
}
.disp_none{
	display: none;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	}
main {
	width:100%;
	height: 100%;
	z-index: 2;
}
p {
	font-family: "Noto Sans Japanese", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	text-align: justify;
	color:#ffffff;
}

.gradientFilter {
	position: absolute;
	top:0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8) 15%, rgba(161, 216, 230, 0.8));
	width:100%;
	height:100%;
}
#canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#comming #mailUnderline {
	stroke-dasharray: 1000;
  	stroke-dashoffset: 1000;
	transition: stroke-dashoffset 1s linear;
}
#comming:hover #mailUnderline {
	stroke-dashoffset:0;
} 
#knoworkinc {
	position: absolute;
	left: 8%;
	top: 9%;
	width:26%;
	height: auto;
}
#hello {
	position: absolute;
	right: 23%;
	top: 10%;
	width: 12%;
	height: auto;
}
#comming {
	position: absolute;
	top:40%;
	left: 37%;
	margin: auto;
	width: 26%;
	height: auto;
	pointer-events: auto;
	cursor: pointer;
}
#yes {
	position: absolute;
	left: 27%;
	top: 75%;
	width: 8%;
	height: auto;
}
.top_word {
	display: block;
	width: 100%;
	height: auto;
}