html,body,div,span,h1,h2,h3,img,ul,li,label,a,button,input,p{
  border: 0;margin: 0;outline: 0;padding: 0;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, YuGothic, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #fff;
  background: transparent;
  box-sizing: border-box;
  position: relative;
}
html,body{
  width: 100%;
	background: rgb(23,35,191);
}

/*****
 * a
 *****/
a{
  color: #fff;
  font-weight:bold;
	text-decoration: underline;
}
a:visited{
  color: #fff;
}
a:hover{
  color: #fff;
	font-size:110%;
}

/*****
 * ul,li
 *****/
li{
  list-style-type: none;
  display: block;
	margin: 20px 0 20px 20px;
}
li p{
	font-size: 14px;
}

/*****
 * etc
 *****/
.bg{
	position: fixed;
	text-align: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg img{
	object-fit: cover;
}
.bg .cover{
	background: linear-gradient(to Right, rgba(23,35,191,0.99), rgba(23,35,191,0) 20%, rgba(23,35,191,0) 80%, rgba(23,35,191,0.99));
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*****
 * frame
 *****/
.contents{
  margin: 0 20px;
}

#header,
#main,
#footer{
	max-width: 1024px;
	margin: auto;
}

#main .contents{
	min-height: 600px;
}

#footer .contents{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	font-size: 14px;
	opacity: 0.6;
	text-align: center;
}
.menu{
	display: block;
	color: #FFFF99;
	text-decoration: none;
}

@keyframes h1{
	0%   { right: 100%;}
	100% { right: 0;}
}

h1{
	animation: h1 0.8s;
	text-align:right;
	font-size: 40px;
	line-height: 80px;
	font-weight: bold;
}

h3{
	font-size: 18px;
	font-weight: bold;
	color: #FFFF99;
}

.company{
	margin: 20px auto;
}
.company p{
	margin-left: 20px;
	margin-bottom: 20px;
}