/*  */
/* margin */
.m-6{
	margin:4rem !important;
}

.m-7{
	margin:5rem !important;
}

.m-8{
	margin:6rem !important;
}

.mt-6{
	margin-top:4rem !important;
}

.mt-7{
	margin-top:5rem !important;
}

.mt-8{
	margin-top:6rem !important;
}

.mb-6{
	margin-bottom:4rem !important;
}

.mb-7{
	margin-bottom:5rem !important;
}

.mb-8{
	margin-bottom:6rem !important;
}

.ml-6{
	margin-left:4rem !important;
}

.ml-7{
	margin-left:5rem !important;
}

.ml-8{
	margin-right:6rem !important;
}

.mr-6{
	margin-right:4rem !important;
}

.mr-7{
	margin-right:5rem !important;
}

.mr-8{
	margin-right:6rem !important;
}

.mx-6{
	margin-left:4rem !important;
	margin-right:4rem !important;
}

.mx-7{
	margin-left:5rem !important;
	margin-right:5rem !important;
}

.mx-8{
	margin-left:6rem !important;
	margin-right:6rem !important;
}

.my-6{
	margin-top:4rem !important;
	margin-bottom:4rem !important;
}

.my-7{
	margin-top:5rem !important;
	margin-bottom:5rem !important;
}

.my-8{
	margin-top:6rem !important;
	margin-bottom:6rem !important;
}

/* padding */
.p-6{
	padding:4rem !important;
}

.p-7{
	padding:5rem !important;
}

.p-8{
	padding:6rem !important;
}

.pt-6{
	padding-top:4rem !important;
}

.pt-7{
	padding-top:5rem !important;
}

.pt-8{
	padding-top:6rem !important;
}

.pb-6{
	padding-bottom:4rem !important;
}

.pb-7{
	padding-bottom:5rem !important;
}

.pb-8{
	padding-bottom:6rem !important;
}

.pl-6{
	padding-left:4rem !important;
}

.pl-7{
	padding-left:5rem !important;
}

.pl-8{
	padding-right:6rem !important;
}

.pr-6{
	padding-right:4rem !important;
}

.pr-7{
	padding-right:5rem !important;
}

.pr-8{
	padding-right:6rem !important;
}

.px-6{
	padding-left:4rem !important;
	padding-right:4rem !important;
}

.px-7{
	padding-left:5rem !important;
	padding-right:5rem !important;
}

.px-8{
	padding-left:6rem !important;
	padding-right:6rem !important;
}

.py-6{
	padding-top:4rem !important;
	padding-bottom:4rem !important;
}

.py-7{
	padding-top:5rem !important;
	padding-bottom:5rem !important;
}

.py-8{
	padding-top:6rem !important;
	padding-bottom:6rem !important;
}

/*小デバイス（sm 横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {
/* margin */
	.m-sm-6{
		margin:4rem !important;
	}

	.m-sm-7{
		margin:5rem !important;
	}

	.m-sm-8{
		margin:6rem !important;
	}

	.mt-sm-6{
		margin-top:4rem !important;
	}

	.mt-sm-7{
		margin-top:5rem !important;
	}

	.mt-sm-8{
		margin-top:6rem !important;
	}

	.mb-sm-6{
		margin-bottom:4rem !important;
	}

	.mb-sm-7{
		margin-bottom:5rem !important;
	}

	.mb-sm-8{
		margin-bottom:6rem !important;
	}

	.ml-sm-6{
		margin-left:4rem !important;
	}

	.ml-sm-7{
		margin-left:5rem !important;
	}

	.ml-sm-8{
		margin-right:6rem !important;
	}

	.mr-sm-6{
		margin-right:4rem !important;
	}

	.mr-sm-7{
		margin-right:5rem !important;
	}

	.mr-sm-8{
		margin-right:6rem !important;
	}

	.mx-sm-6{
		margin-left:4rem !important;
		margin-right:4rem !important;
	}

	.mx-sm-7{
		margin-left:5rem !important;
		margin-right:5rem !important;
	}

	.mx-sm-8{
		margin-left:6rem !important;
		margin-right:6rem !important;
	}

	.my-sm-6{
		margin-top:4rem !important;
		margin-bottom:4rem !important;
	}

	.my-sm-7{
		margin-top:5rem !important;
		margin-bottom:5rem !important;
	}

	.my-sm-8{
		margin-top:6rem !important;
		margin-bottom:6rem !important;
	}

	/* padding */
	.p-sm-6{
		padding:4rem !important;
	}

	.p-sm-7{
		padding:5rem !important;
	}

	.p-sm-8{
		padding:6rem !important;
	}

	.pt-sm-6{
		padding-top:4rem !important;
	}

	.pt-sm-7{
		padding-top:5rem !important;
	}

	.pt-sm-8{
		padding-top:6rem !important;
	}

	.pb-sm-6{
		padding-bottom:4rem !important;
	}

	.pb-sm-7{
		padding-bottom:5rem !important;
	}

	.pb-sm-8{
		padding-bottom:6rem !important;
	}

	.pl-sm-6{
		padding-left:4rem !important;
	}

	.pl-sm-7{
		padding-left:5rem !important;
	}

	.pl-sm-8{
		padding-right:6rem !important;
	}

	.pr-sm-6{
		padding-right:4rem !important;
	}

	.pr-sm-7{
		padding-right:5rem !important;
	}

	.pr-sm-8{
		padding-right:6rem !important;
	}

	.px-sm-6{
		padding-left:4rem !important;
		padding-right:4rem !important;
	}

	.px-sm-7{
		padding-left:5rem !important;
		padding-right:5rem !important;
	}

	.px-sm-8{
		padding-left:6rem !important;
		padding-right:6rem !important;
	}

	.py-sm-6{
		padding-top:4rem !important;
		padding-bottom:4rem !important;
	}

	.py-sm-7{
		padding-top:5rem !important;
		padding-bottom:5rem !important;
	}

	.py-sm-8{
		padding-top:6rem !important;
		padding-bottom:6rem !important;
	}
}

/*中デバイス（md タブレット, 768px 以上）*/
@media (min-width: 768px) {
/* margin */
	.m-md-6{
		margin:4rem !important;
	}

	.m-md-7{
		margin:5rem !important;
	}

	.m-md-8{
		margin:6rem !important;
	}

	.mt-md-6{
		margin-top:4rem !important;
	}

	.mt-md-7{
		margin-top:5rem !important;
	}

	.mt-md-8{
		margin-top:6rem !important;
	}

	.mb-md-6{
		margin-bottom:4rem !important;
	}

	.mb-md-7{
		margin-bottom:5rem !important;
	}

	.mb-md-8{
		margin-bottom:6rem !important;
	}

	.ml-md-6{
		margin-left:4rem !important;
	}

	.ml-md-7{
		margin-left:5rem !important;
	}

	.ml-md-8{
		margin-right:6rem !important;
	}

	.mr-md-6{
		margin-right:4rem !important;
	}

	.mr-md-7{
		margin-right:5rem !important;
	}

	.mr-md-8{
		margin-right:6rem !important;
	}

	.mx-md-6{
		margin-left:4rem !important;
		margin-right:4rem !important;
	}

	.mx-md-7{
		margin-left:5rem !important;
		margin-right:5rem !important;
	}

	.mx-md-8{
		margin-left:6rem !important;
		margin-right:6rem !important;
	}

	.my-md-6{
		margin-top:4rem !important;
		margin-bottom:4rem !important;
	}

	.my-md-7{
		margin-top:5rem !important;
		margin-bottom:5rem !important;
	}

	.my-md-8{
		margin-top:6rem !important;
		margin-bottom:6rem !important;
	}

	/* padding */
	.p-md-6{
		padding:4rem !important;
	}

	.p-md-7{
		padding:5rem !important;
	}

	.p-md-8{
		padding:6rem !important;
	}

	.pt-md-6{
		padding-top:4rem !important;
	}

	.pt-md-7{
		padding-top:5rem !important;
	}

	.pt-md-8{
		padding-top:6rem !important;
	}

	.pb-md-6{
		padding-bottom:4rem !important;
	}

	.pb-md-7{
		padding-bottom:5rem !important;
	}

	.pb-md-8{
		padding-bottom:6rem !important;
	}

	.pl-md-6{
		padding-left:4rem !important;
	}

	.pl-md-7{
		padding-left:5rem !important;
	}

	.pl-md-8{
		padding-right:6rem !important;
	}

	.pr-md-6{
		padding-right:4rem !important;
	}

	.pr-md-7{
		padding-right:5rem !important;
	}

	.pr-md-8{
		padding-right:6rem !important;
	}

	.px-md-6{
		padding-left:4rem !important;
		padding-right:4rem !important;
	}

	.px-md-7{
		padding-left:5rem !important;
		padding-right:5rem !important;
	}

	.px-md-8{
		padding-left:6rem !important;
		padding-right:6rem !important;
	}

	.py-md-6{
		padding-top:4rem !important;
		padding-bottom:4rem !important;
	}

	.py-md-7{
		padding-top:5rem !important;
		padding-bottom:5rem !important;
	}

	.py-md-8{
		padding-top:6rem !important;
		padding-bottom:6rem !important;
	}
}

/*大デバイス（lg デスクトップ, 992px 以上）*/
@media (min-width: 992px) {
/* margin */
	.m-lg-6{
		margin:4rem !important;
	}

	.m-lg-7{
		margin:5rem !important;
	}

	.m-lg-8{
		margin:6rem !important;
	}

	.mt-lg-6{
		margin-top:4rem !important;
	}

	.mt-lg-7{
		margin-top:5rem !important;
	}

	.mt-lg-8{
		margin-top:6rem !important;
	}

	.mb-lg-6{
		margin-bottom:4rem !important;
	}

	.mb-lg-7{
		margin-bottom:5rem !important;
	}

	.mb-lg-8{
		margin-bottom:6rem !important;
	}

	.ml-lg-6{
		margin-left:4rem !important;
	}

	.ml-lg-7{
		margin-left:5rem !important;
	}

	.ml-lg-8{
		margin-right:6rem !important;
	}

	.mr-lg-6{
		margin-right:4rem !important;
	}

	.mr-lg-7{
		margin-right:5rem !important;
	}

	.mr-lg-8{
		margin-right:6rem !important;
	}

	.mx-lg-6{
		margin-left:4rem !important;
		margin-right:4rem !important;
	}

	.mx-lg-7{
		margin-left:5rem !important;
		margin-right:5rem !important;
	}

	.mx-lg-8{
		margin-left:6rem !important;
		margin-right:6rem !important;
	}

	.my-lg-6{
		margin-top:4rem !important;
		margin-bottom:4rem !important;
	}

	.my-lg-7{
		margin-top:5rem !important;
		margin-bottom:5rem !important;
	}

	.my-lg-8{
		margin-top:6rem !important;
		margin-bottom:6rem !important;
	}

	/* padding */
	.p-lg-6{
		padding:4rem !important;
	}

	.p-lg-7{
		padding:5rem !important;
	}

	.p-lg-8{
		padding:6rem !important;
	}

	.pt-lg-6{
		padding-top:4rem !important;
	}

	.pt-lg-7{
		padding-top:5rem !important;
	}

	.pt-lg-8{
		padding-top:6rem !important;
	}

	.pb-lg-6{
		padding-bottom:4rem !important;
	}

	.pb-lg-7{
		padding-bottom:5rem !important;
	}

	.pb-lg-8{
		padding-bottom:6rem !important;
	}

	.pl-lg-6{
		padding-left:4rem !important;
	}

	.pl-lg-7{
		padding-left:5rem !important;
	}

	.pl-lg-8{
		padding-right:6rem !important;
	}

	.pr-lg-6{
		padding-right:4rem !important;
	}

	.pr-lg-7{
		padding-right:5rem !important;
	}

	.pr-lg-8{
		padding-right:6rem !important;
	}

	.px-lg-6{
		padding-left:4rem !important;
		padding-right:4rem !important;
	}

	.px-lg-7{
		padding-left:5rem !important;
		padding-right:5rem !important;
	}

	.px-lg-8{
		padding-left:6rem !important;
		padding-right:6rem !important;
	}

	.py-lg-6{
		padding-top:4rem !important;
		padding-bottom:4rem !important;
	}

	.py-lg-7{
		padding-top:5rem !important;
		padding-bottom:5rem !important;
	}

	.py-lg-8{
		padding-top:6rem !important;
		padding-bottom:6rem !important;
	}
}

/*特大デバイス（xl ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {
/* margin */
	.m-xl-6{
		margin:4rem !important;
	}

	.m-xl-7{
		margin:5rem !important;
	}

	.m-xl-8{
		margin:6rem !important;
	}

	.mt-xl-6{
		margin-top:4rem !important;
	}

	.mt-xl-7{
		margin-top:5rem !important;
	}

	.mt-xl-8{
		margin-top:6rem !important;
	}

	.mb-xl-6{
		margin-bottom:4rem !important;
	}

	.mb-xl-7{
		margin-bottom:5rem !important;
	}

	.mb-xl-8{
		margin-bottom:6rem !important;
	}

	.ml-xl-6{
		margin-left:4rem !important;
	}

	.ml-xl-7{
		margin-left:5rem !important;
	}

	.ml-xl-8{
		margin-right:6rem !important;
	}

	.mr-xl-6{
		margin-right:4rem !important;
	}

	.mr-xl-7{
		margin-right:5rem !important;
	}

	.mr-xl-8{
		margin-right:6rem !important;
	}

	.mx-xl-6{
		margin-left:4rem !important;
		margin-right:4rem !important;
	}

	.mx-xl-7{
		margin-left:5rem !important;
		margin-right:5rem !important;
	}

	.mx-xl-8{
		margin-left:6rem !important;
		margin-right:6rem !important;
	}

	.my-xl-6{
		margin-top:4rem !important;
		margin-bottom:4rem !important;
	}

	.my-xl-7{
		margin-top:5rem !important;
		margin-bottom:5rem !important;
	}

	.my-xl-8{
		margin-top:6rem !important;
		margin-bottom:6rem !important;
	}

	/* padding */
	.p-xl-6{
		padding:4rem !important;
	}

	.p-xl-7{
		padding:5rem !important;
	}

	.p-xl-8{
		padding:6rem !important;
	}

	.pt-xl-6{
		padding-top:4rem !important;
	}

	.pt-xl-7{
		padding-top:5rem !important;
	}

	.pt-xl-8{
		padding-top:6rem !important;
	}

	.pb-xl-6{
		padding-bottom:4rem !important;
	}

	.pb-xl-7{
		padding-bottom:5rem !important;
	}

	.pb-xl-8{
		padding-bottom:6rem !important;
	}

	.pl-xl-6{
		padding-left:4rem !important;
	}

	.pl-xl-7{
		padding-left:5rem !important;
	}

	.pl-xl-8{
		padding-right:6rem !important;
	}

	.pr-xl-6{
		padding-right:4rem !important;
	}

	.pr-xl-7{
		padding-right:5rem !important;
	}

	.pr-xl-8{
		padding-right:6rem !important;
	}

	.px-xl-6{
		padding-left:4rem !important;
		padding-right:4rem !important;
	}

	.px-xl-7{
		padding-left:5rem !important;
		padding-right:5rem !important;
	}

	.px-xl-8{
		padding-left:6rem !important;
		padding-right:6rem !important;
	}

	.py-xl-6{
		padding-top:4rem !important;
		padding-bottom:4rem !important;
	}

	.py-xl-7{
		padding-top:5rem !important;
		padding-bottom:5rem !important;
	}

	.py-xl-8{
		padding-top:6rem !important;
		padding-bottom:6rem !important;
	}



}