@charset "utf-8";
/* 6-2-1-service */
/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
columns: auto;
text-align: center;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
margin-top: 20px;
}

.gallery li {
	margin-left:10px;
	margin-right: 10px;
    margin-bottom: 10px;/*各画像下に余白をつける*/
	width: 155px;
}

.gallery dt {
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}

.gallery dd {
	font-size: 12px;
	padding: 5px;
	line-height:normal;
}


/*画像を出現させるアニメーションCSS*/

.flipLeft{
animation-name: flipLeft;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity: 0;
}

@keyframes flipLeft{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(90deg);
 	opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}