/* CSS Document */

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

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

.u-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: clip;
	clip-path: inset(50%);
}

.u-unselectable {
	pointer-events: none !important;
	user-select: none !important;
}

.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\:light {
	color: var(--color-light) !important;
}

.u-bgc\:secondary {
	background-color: var(--color-secondary) !important;
}

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

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

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

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

.u-text\:title-smd {
	font-family: var(--typography-title-smd-font-family)  !important;
	font-weight: var(--typography-title-smd-font-weight)  !important;
	font-size: var(--typography-title-smd-font-size)  !important;
	line-height: var(--typography-title-smd-line-height)  !important;
	--letter-spacing: var(--typography-title-smd-letter-spacing) !important;
}

.u-text\:title-xmd {
	font-family: var(--typography-title-xmd-font-family)  !important;
	font-weight: var(--typography-title-xmd-font-weight)  !important;
	font-size: var(--typography-title-xmd-font-size)  !important;
	line-height: var(--typography-title-xmd-line-height)  !important;
	--letter-spacing: var(--typography-title-xmd-letter-spacing) !important;
}

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

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

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

.u-d\:ig {
	display: inline-grid !important;
}

.u-jc\:c {
	justify-content: center !important;
}

.u-jc\:sb {
	justify-content: space-between !important;
}

.u-ai\:s {
	align-items: start !important;
}

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

.u-as\:c {
	align-self: center !important;
}

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

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

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

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

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

.u-w\:a {
	inline-size: auto !important;
}

.u-mr\:n70 {
	margin-inline-end: -70px !important;
}

.u-mr\:n30 {
	margin-inline-end: -30px !important;
}

.u-mb\:0 {
	margin-block-end: 0px !important;
}

.u-pl\:25 {
	padding-inline-start: 25px !important;
}

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

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

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

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

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

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

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

.u-mt\:lg {
	margin-block-start: var(--space-block-lg) !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-mt\:md {
	margin-block-start: var(--space-block-md) !important;
}

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

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

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

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

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

.u-animdel\:d2 {
	animation-delay: 0.2s !important;
}

.u-animdel\:d4 {
	animation-delay: 0.4s !important;
}

.u-animdel\:d5 {
	animation-delay: 0.5s !important;
}

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

.u-animdel\:d6 {
	animation-delay: 0.6s !important;
}

.u-trsde\:d7 {
	transition-delay: 0.7s !important;
}

.u-animdel\:d7 {
	animation-delay: 0.7s !important;
}

.u-animdel\:d8 {
	animation-delay: 0.8s !important;
}

.u-animdel\:d9 {
	animation-delay: 0.9s !important;
}

.u-animdel\:d10 {
	animation-delay: 1s !important;
}

.u-trsde\:d11 {
	transition-delay: 1.1s !important;
}

.u-animdel\:d11 {
	animation-delay: 1.1s !important;
}

.u-animdel\:d12 {
	animation-delay: 1.2s !important;
}

.u-animdel\:d13 {
	animation-delay: 1.3s !important;
}

.u-animdel\:d14 {
	animation-delay: 1.4s !important;
}

.u-animdel\:d15 {
	animation-delay: 1.5s !important;
}

.u-animdel\:d16 {
	animation-delay: 1.6s !important;
}

.u-animdel\:d17 {
	animation-delay: 1.7s !important;
}

.u-animdel\:d18 {
	animation-delay: 1.8s !important;
}

.u-animdel\:d19 {
	animation-delay: 1.9s !important;
}

.u-animdel\:d20 {
	animation-delay: 2s !important;
}

/*.ruby{ display: ruby; }

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

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



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

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

}

@media (width <= 1120px) {

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

.u-ai\:s\@lg {
	align-items: start !important;
}

.u-mb\:n60\@lg {
	margin-block-end: -60px !important;
}

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

}

@media (width <= 900px) {

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

}

@media (width <= 768px) {

.u-d\:ib\@sm {
	display: inline-block !important;
}

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

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

.u-mb\:n40\@sm {
	margin-block-end: -40px !important;
}

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

}

@media (width <= 600px) {

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

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

}