/* 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-c\:primary {
	color: var(--color-primary) !important;
}

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

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

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

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

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

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

.u-grad\:tertiary {
	background: linear-gradient(to right bottom, var(--color-tertiary-grade1), var(--color-tertiary-grade2) 40%, var(--color-tertiary-grade2) 60%, var(--color-tertiary-grade1));
}

.u-grad\:primary {
	background: linear-gradient(to right bottom, var(--color-primary-grade1) 20%, var(--color-primary-grade2), var(--color-primary-grade1)) 80%;
}

.u-grad\:line {
	background: linear-gradient(to right bottom, var(--color-line-grade2), var(--color-line-grade1) 40%, var(--color-line-grade1) 60%, var(--color-line-grade2));
}

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

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

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

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

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

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

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

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

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

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

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

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

.u-js\:e {
	justify-self: end !important;
}

.u-ai\:e {
	align-items: end !important;
}

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

.u-as\:e {
	align-self: end !important;
}

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

.u-gtc\:2 {
	grid-template-columns: repeat(2, 1fr) !important;
}

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

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

.u-rg\:40 {
	row-gap: 40px !important;
}

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

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

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

.u-h\:80 {
	block-size: 80px !important;
}

.u-w\:330 {
	inline-size: 330px !important;
}

.u-w\:100p\[\&\>img\] img {
	inline-size: 100% !important;
}

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

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

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

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

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

.u-pt\:xs {
	padding-block-start: 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-mb\:xxxs {
	margin-block-end: var(--space-block-xxxs) !important;
}

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

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

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

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

.u-op\:7 {
	opacity: 0.7 !important;
}

.u-op\:8 {
	opacity: 0.8 !important;
}

.u-rot\:90 {
	rotate: 90deg !important;
}

/*.ruby{ display: ruby; }

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

.u-td\:u {
	text-decoration: underline !important;
}



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

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

}

@media (width <= 1000px) {

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

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

.u-rg\:20\@lg {
	row-gap: 20px !important;
}

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

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

.u-zm\:8\@lg {
	zoom: 0.8 !important;
}

}

@media (width <= 900px) {

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

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

}

@media (width <= 800px) {

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

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

.u-gtc\:1\@md {
	grid-template-columns: repeat(1, 1fr) !important;
}

.u-w\:f\@md {
	inline-size: fit-content !important;
}

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

}

@media (width <= 768px) {

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

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

}

@media (width <= 600px) {

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

.u-jc\:s\@sm2 {
	justify-content: start !important;
}

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

}

@media (width <= 500px) {

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

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

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

}