@charset "UTF-8";
/* 汎用クラス (.u-text-center など) */

/* --- Display / Visibility --- */
.u-hidden {
	display: none !important;
}
.u-inline {
	display: inline !important;
}
.u-block {
	display: block !important;
}

/* --- Margin / Padding --- */
.u-mt-0 {
	margin-top: 0 !important;
}
.u-mt-sm {
	margin-top: var(--space-xs) !important;
} /* 30px */
.u-mt-md {
	margin-top: var(--space-sm) !important;
} /* 60px */
.u-mt-lg {
	margin-top: var(--space-md) !important;
} /* 90px */

.u-mb-0 {
	margin-bottom: 0 !important;
}
.u-mb-sm {
	margin-bottom: var(--space-xs) !important;
}
.u-mb-md {
	margin-bottom: var(--space-sm) !important;
}
.u-mb-lg {
	margin-bottom: var(--space-md) !important;
}

/* --- Text Alignment --- */
.u-text-left {
	text-align: left !important;
}
.u-text-center {
	text-align: center !important;
}
.u-text-right {
	text-align: right !important;
}

/* --- Font Size / Weight --- */
.u-fz-12 {
	font-size: var(--fz-12) !important;
}
.u-fz-14 {
	font-size: var(--fz-14) !important;
}
.u-fz-16 {
	font-size: var(--fz-16) !important;
}
.u-fz-18 {
	font-size: var(--fz-18) !important;
}
.u-fz-24 {
	font-size: var(--fz-24) !important;
}
.u-fz-36 {
	font-size: var(--fz-36) !important;
}
.u-fz-80 {
	font-size: var(--fz-80) !important;
}

/* --- Color / Background --- */
.u-color-white {
	color: var(--akamaru-color-white) !important;
}
.u-bg-navy {
	background: var(--akamaru-color-navy_main) !important;
}