@charset "utf-8";
/* CSS Document */
.img_wrap img:hover{
  transform: scale(1.2) rotate(9deg);
  transition-duration: 0.5s;
}
/*==================================================
ふわっと表示
===================================*/

.flex {
	display: flex;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}

.box {
	opacity: 0;
}


@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*==================================================
背景紙吹雪
===================================*/
/*高さを100%にして描画エリアをとる*/
/*
html,body{
	height: 100%;
}
*/

.home #particles-js{ 
	position: fixed;/*描画固定*/
	z-index: -1;/*描画を一番下に*/
	width: 100%;
	height: 100%;
}

.home .site {
	position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
	z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
	width:100%;
	height: 100%;
}