.mt-30{
	margin-top: 30px;
}

.mt-50{
	margin-top: 50px;
}

.mt-80{
	margin-top: 80px;
}

.mt-100{
	margin-top: 100px;
}

.sleek_img1{
	width: 300px;
	margin: 0 auto;
	}

.text_big{
	font-size: 25px;
	}

.text_big_sp{
	font-size: 20px;
	}

.brushless{
		
	margin: 0 auto;
	}	

/*==================================================
じわっ
===================================*/

/* ぼかしから出現 */
.blur{
  animation-name:blurAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  }

  to {
  filter: blur(0);
  transform: scale(1);
  }
}

.center{
	text-align: center;
}

/*-----------------------------------------------------*/
/* PC用 */
/*-----------------------------------------------------*/
@media (min-width: 800px) {
nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 80%;
text-align: center;
}
nav li{
display: table-cell;
min-width: 50px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #555;
padding-bottom: 5px;
}
nav li.current{
border-bottom: 3px solid #92D050;
}
nav li:hover{
color: #E7DA66;
border-bottom: 3px solid #F0E475;
}	

	
}

/*-----------------------------------------------------*/
/* スマホ用のCSS */
/*-----------------------------------------------------*/
@media (max-width:430px) {
	
.sleek_img1{
	width: 50%;
	margin: 0 auto;
	}
	
.text_big{
	font-size: 12px;
	}


nav ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 80%;
text-align: center;
}
nav li{
display: table-cell;
min-width: 50px;
}
nav a{
display: block;
width: 100%;
text-decoration: none;
color: #555;
padding-bottom: 5px;
}
nav li.current{
border-bottom: 3px solid #92D050;
}
nav li:hover{
color: #E7DA66;
border-bottom: 3px solid #F0E475;
}	
	

}