@charset "UTF-8";
body
{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
background-image:url("guy.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.relative2{
	position: relative;
}
.animation{

  animation-timing-function: ease-in-out;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  animation-duration: 1.5s;

}
.keyframe0{
  animation-name: anim_po;
  position: absolute;
}
 
@keyframes anim_po {
  0% {
    top: 0px;
  }
  100% {
    top: 15px;
  }
}


.relative{
	position: relative;
	top:20px;
	left:-80px;
}
.absolute{
	position: absolute;
	top:500px;
	left:250px;
}
.relative3{
	position: relative;
	left: 20px;
	bottom: 570px;
}
.absolute3{
	position: absolute;
	right: 90px;
	bottom: 400px;
	color: black;
}
.relative4{
	position: relative;
	right: -150px;
	bottom: 1460px;
}
.absolute4{
	position: absolute;
	left: -100px;
	bottom:-110px;
	color:black;
}
.relative5{
	position: relative;
	left: 80px;
	bottom: 1400px;
}
.absolute5{
	position: absolute;
	right: 140px;
	bottom: -70px;
	color:black;
}
.tobi{
	position: relative;
	right: -150px;
	top: -100px;
	transform: rotate(290deg);
}
.tobi3{
	position: relative;
	right: -230px;
	bottom: 330px;
}
.tobi4{
	position: relative;
	left: 80px;
	transform: rotate(340deg);
	bottom: 950px;
}
.tobi5{
	position: relative;
	transform: rotate(180deg);
	right: 260px;
	bottom: 1330px;
}
.huusenn{
	position: relative;
	z-index: -4;
	right: -100px;
	bottom: 10px;
}
.huusenn2{
	position: relative;
	z-index: -5;
	bottom:-260px;
	right: -50px;
}
.huusenn3{
	position: relative;
	z-index: -3;
	bottom: 1000px;
	left: -100px;
}
.onlain{
	position: relative;
	bottom: 1180px;
	left: 50px;
}

.img_wrap{
  width: 80px;
  height: 80px;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 70%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.img_wrap2{
  width: 300px;
  height: 56px;
  margin: -10 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap2 img{
  width: 80%;
  transition-duration: 0.5s;
}
.img_wrap2:hover img{
  transform: scale(1.2);
  transition-duration: 0.5s;
}

h1{font-size: 1em;
	color:black;
}
h2{font-size: 0.5em;
	color:black;
}
h3{font-size: 0.3em;
	color:black;
}

style
li{
	list-style: none;
}
ul{
	display: flex;
}

h4{
	font-size: 0.5em;
	color: aliceblue;
	float: right;
}
h5{
	font-size: 0.5em;
	color: aliceblue;
	float:left;
}

h6{
	font-size: 0.5em;
	color: aliceblue;
	float:right
}
@media (max-width : 375px){
}