body{
	font-family: ヒラギノ丸ゴ ProN;
	overflow: scroll;
	background-color: #FFFFEF;
	width: 100vw;
	height: 100vh;
}

.proj_special{
  width: 80vw;
  height: 66.65vw;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title{
  color: #330000;
  font-size: 30px;
}

.text{
  font-size: 20px;
  text-decoration: none;
  padding: .75rem;
  color: #330000;
}

.gif{
  width: 80vw;
  height: auto;
  position: relative;
}

.first{
  width: 80vw;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}

.dis1{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 0vw;
  top: 3vw;
}

.dis2{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 20vw;
  top: 3vw;
}

.dis3{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 40vw;
  top: 3vw;
}

.dis4{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 60vw;
  top: 3vw;
}

.dis5{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 60vw;
  top: 23vw;
}

.dis6{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 60vw;
  top: 43vw;
}

.dis7{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 40vw;
  top: 43vw;
}

.dis8{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 20vw;
  top: 43vw;
}

.dis9{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 0vw;
  top: 43vw;
}

.dis10{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 0vw;
  top: 23vw;
}

.dis11{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 20vw;
  top: 23vw;
}

.dis12{
  width: 20vw;
  height: 20vw;
  position: absolute;
  left: 40vw;
  top: 23vw;
}

.dis13{
  width: 60vw;
  height: 60vw;
  position: absolute;
  left: 10vw;
  top: 3vw;
}