*{
	position:relative;
}
img{
	width: 100%;
}

/*PC/SP 表示切り替え*/
.sp-show{
	display:none !important;
}
@media screen and (max-width: 599px){
	.pc-show{
		display:none!important;
	}
	.sp-show{
		display:block!important;
	}
}

/*margin簡単設定*/
.mt-s{
	margin-top:10px!important;
}
.mt-m{
	margin-top:20px!important;
}
.mt-l{
	margin-top:30px!important;
}
.mt-ll{
	margin-top:35px!important;
}
.mb-s{
	margin-bottom:10px!important;
}
.mb-m{
	margin-bottom:20px!important;
}
.mb-ml{
	margin-bottom:25px!important;
}
.mb-l{
	margin-bottom:30px!important;
}

/*padding簡単設定*/
.pt-s{
	padding-top:50px!important;
}
.pt-m{
	padding-top:100px!important;
}
.pt-l{
	padding-top:155px!important;
}
.pb-s{
	padding-bottom:50px!important;
}
.pb-m{
	padding-bottom:100px!important;
}
.pb-l{
	padding-bottom:150px!important;
}
/* .pb-xl {
    padding-bottom: 150px !important;
} */
@media screen and (max-width: 421px){
	.pt-s {
    	padding-top: 38px !important;
	}
	.pt-m {
		padding-top: 45px !important;
	}
	.pt-l {
    	padding-top: 100px !important;
	}
	.pb-m {
    	padding-bottom: 45px !important;
	}
	/* .pb-xl {
        padding-bottom: 55px !important;
    } */
}

/*animation*/
.fadeIn{
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
  }
  @keyframes fadeInAnime{
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
  }
  
  .fadeUpTrigger{
	opacity: 0;
	}
  
  .fadeUp {
	animation-name: fadeUpAnime;
	animation-duration:.5s;
	animation-fill-mode:forwards;
	opacity: 0;
  }
  @keyframes fadeUpAnime{
  from {
	opacity: 0;
	transform: translateY(40px);
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
  }