@charset "UTF-8";
/* index style */

#wrapper{
	background:url("images/index_bg.png") #00AECB no-repeat right top;
	background-size:auto 100%;
	display: block;
	height: 100vh;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

#wrapper h1{
	box-sizing: border-box;
	padding-top: 30vh;
	margin: 0 auto;
	width: 100%;
	max-width: calc(360px + 13em);
}
#wrapper h1 img{
	width: 100%;
}

#wrapper ul{
	box-sizing: border-box;
	width:calc(360px + 13em);
	margin: 3em auto;
}
#wrapper ul li{
	float: left;
	margin: 0 2em;
}
#wrapper ul li a{
	-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
}
#wrapper ul li a:hover{
	opacity: 0.8;
}