/* CSS Document */

.u-alpha\@hov {
	transition-property: opacity;
	transition-duration: var(--sec);
}

.u-alpha\@hov:focus-visible {
	opacity: var(--opacity);
}

.u-svg {
	max-width: 100%;
	height: auto;
}

.u-button {
	margin: 0;
	padding: 0;
	border: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	background-color: transparent;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.u-nb {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	text-decoration: inherit;
	text-indent: 0;
}

.u-wbr-wrapper {
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
}

.u-c\:primary {
	color: var(--color-primary) !important;
}

.u-c\:light {
	color: var(--color-light) !important;
}

.u-bg\:ash-light {
	background-color: var(--color-ash-light) !important;
}

.u-bg\:light {
	background-color: var(--color-light) !important;
}

.u-d\:b {
	display: block !important;
}

.u-d\:n {
	display: none !important;
}

.u-d\:f {
	display: flex !important;
}

.u-fxw\:w {
	flex-wrap: wrap !important;
}

.u-ai\:c {
	align-items: center !important;
}

.u-cg\:20 {
	column-gap: 20px !important;
}

.u-rg\:xs {
	row-gap: var(--space-block-xs) !important;
}

.u-mt\:section {
	margin-block-start: var(--space-block-section) !important;
}

.u-pt\:section {
	padding-block-start: var(--space-block-section) !important;
}

.u-pb\:section {
	padding-block-end: var(--space-block-section) !important;
}

.u-mb\:lg {
	margin-block-end: var(--space-block-lg) !important;
}

.u-pt\:lg {
	padding-block-start: var(--space-block-lg) !important;
}

.u-pb\:lg {
	padding-block-end: var(--space-block-lg) !important;
}

.u-mb\:md {
	margin-block-end: var(--space-block-md) !important;
}

.u-pt\:md {
	padding-block-start: var(--space-block-md) !important;
}

.u-pb\:md {
	padding-block-end: var(--space-block-md) !important;
}

.u-mt\:xs {
	margin-block-start: var(--space-block-xs) !important;
}

.u-mb\:xs {
	margin-block-end: var(--space-block-xs) !important;
}

.u-mt\:xxs {
	margin-block-start: var(--space-block-xxs) !important;
}

.u-mb\:xxs {
	margin-block-end: var(--space-block-xxs) !important;
}

.u-pb\:section\+ {
	padding-block-end: var(--space-block-section\+) !important;
}

.u-mb\:md-trim {
	margin-block-end: var(--space-block-md-trim) !important;
}

.u-mi\:a {
	margin-inline: auto !important;
}

.u-ta\:l {
	text-align: left !important;
}

.u-ta\:c {
	text-align: center !important;
}

.u-trsde\:d2 {
	transition-delay: 0.2s !important;
}

.u-trsde\:d4 {
	transition-delay: 0.4s !important;
}

.u-trsde\:d6 {
	transition-delay: 0.6s !important;
}

.u-trsde\:d8 {
	transition-delay: 0.8s !important;
}

/*.ruby{ display: ruby; }

.ruby:after {
	content: attr(title);
	display: ruby-text;
	font-size: 0.6em;
}*/

.u-indent\:d27 {
	text-indent: -2.7em;
	padding-left: 2.7em !important;
}

.u-tt\:u {
	text-transform: uppercase;
}



@media (hover: hover) and (pointer: fine) {

.u-alpha\@hov:hover {
	opacity: var(--opacity);
}

}

@media (width <= 900px) {

.u-pb\:sm\@md {
	padding-block-end: var(--space-block-sm) !important;
}

}

@media (width <= 768px) {

.u-d\:n\@sm {
	display: none !important;
}

.u-d\:rv\@sm {
	display: revert !important;
}

.u-fxd\:c\@sm {
	flex-direction: column !important;
}

}