@charset "utf-8";

/*
画像用
*/



/* 画像サイズ用
---------------------------------------------------- */
.img_style01 img {
	width: 100%;
	height: 500px;
	object-fit: cover;
}

@media screen and (max-width:900px) {
	.img_style01 img {
		width: 100%;
		height: 200px;
		object-fit: cover;
		object-position: top center;
	}
}

/* 画像効果
---------------------------------------------------- */
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  .fadein.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }