/* ===========================================================================
  util
============================================================================= */
/*  margin
------------------------------------ */
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
@media screen and (max-width:767px) {
	/*  margin
	------------------------------------ */
	.mt10 {
		margin-top: 5px !important;
	}
	.mt20 {
		margin-top: 10px !important;
	}
	.mt30 {
		margin-top: 15px !important;
	}
	.mt40 {
		margin-top: 20px !important;
	}
	.mt50 {
		margin-top: 25px !important;
	}
	.mt60 {
		margin-top: 30px !important;
	}
	.mt70 {
		margin-top: 35px !important;
	}
	.mt80 {
		margin-top: 40px !important;
	}
	.mt90 {
		margin-top: 45px !important;
	}
	.mt100 {
		margin-top: 50px !important;
	}
	.mb10 {
		margin-bottom: 5px !important;
	}
	.mb20 {
		margin-bottom: 10px !important;
	}
	.mb30 {
		margin-bottom: 15px !important;
	}
	.mb40 {
		margin-bottom: 30px !important;
	}
	.mb50 {
		margin-bottom: 35px !important;
	}
	.mb60 {
		margin-bottom: 30px !important;
	}
	.mb70 {
		margin-bottom: 35px !important;
	}
	.mb80 {
		margin-bottom: 40px !important;
	}
	.mb90 {
		margin-bottom: 45px !important;
	}
	.mb100 {
		margin-bottom: 50px !important;
	}
}

/*  font-size
------------------------------------ */
.fz-xs {
	font-size: 1.0rem !important;
}
.fz-s {
	font-size: 1.2rem !important;
}
.fz-m {
	font-size: 1.4rem !important;
}
.fz-l {
	font-size: 1.6rem !important;
}
.fz-xl {
	font-size: 1.8rem !important;
}

/*  font-weight
------------------------------------ */
.fw-n {
	font-weight: normal !important;
}
.fw-b {
	font-weight: bold !important;
}

/*  text-align
------------------------------------ */
.ta-left {
	text-align: left !important;
}
.ta-right {
	text-align: right !important;
}
.ta-center {
	text-align: center !important;
}

/*  vertical-align
------------------------------------ */
.va-top {
	vertical-align: top !important;
}
.va-middle {
	vertical-align: middle !important;
}
.va-bottom {
	vertical-align: bottom !important;
}
.va-base {
	vertical-align: baseline !important;
}

/*  display
------------------------------------ */
.d-i {
	display: inline !important;
}
.d-ib {
	display: inline-block !important;
}
.d-b {
	display: block !important;
}
.d-none {
	display: none !important;
}

/*  color
------------------------------------ */
.c-blue {
	color: #268cf5;
}

/*  break
------------------------------------ */
.br-s {
	display: none;
}
.br-m {
	display: block;
}
@media screen and (max-width: 1024px) {
	.br-m {
		display: block;
	}
	.br-l {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.br-s {
		display: block;
	}
	.br-m {
		display: none;
	}
}