:root {
	--font-size-pc24-sp20: 1.25rem;
	--font-size-pc20-sp16: 1rem;
	--font-size-pc18-sp14: .875rem;
	--font-size-pc16-sp13: .8125rem;
	--font-size-pc14-sp12: .75rem;
	--font-size-pc18-sp18: 1.125rem;
	--font-size-pc16-sp16: 1rem;
	--font-size-pc14-sp14: .875rem;
	--font-size-pc13-sp13: .8125rem;
	--font-size-pc12-sp12: .75rem;
	--font-size-pc11-sp11: .6875rem;
	--font-size-pc14-sp13: .8125rem;
	--font-size-pc13-sp14: .875rem;
	--font-size-pc13-sp12: .75rem;
	--font-size-pc20-sp18: 1.125rem;
	--font-size-pc16-sp14: .875rem;
	--font-size-pc13-sp11: .6875rem;
	--font-size-pc12-sp10: .625rem;
	--font-size-pc32-sp16: 1rem;
	--font-size-pc24-sp18: 1.125rem;
	--font-size-pc32-sp24: 1.5rem;
	--font-line-height-pc150-sp120: 1.2;
	--Elevation-0: none;
	--Elevation-1: 0px 0px 2px 0px #0000000a, 0px 2px 2px 0px #00000005, 0px 1px 3px 0px #0000001a;
	--Elevation-2: 0px 2px 4px 0px #0000000a, 0px 3px 4px 0px #00000005, 0px 1px 5px 0px #0000001a;
	--Elevation-3: 0px 3px 3px 0px #0000000a, 0px 3px 4px 0px #00000005, 0px 1px 8px 0px #0000001a;
	--Elevation-4: 0px 2px 4px 0px #0000000a, 0px 4px 5px 0px #00000005, 0px 1px 10px 0px #0000001a;
	--Elevation-6: 0px 6px 10px 0px #0000000a, 0px 1px 18px 0px #00000005, 0px 3px 5px 0px #0000001a;
	--Elevation-8: 0px 8px 10px 0px #0000000a, 0px 3px 14px 0px #00000005, 0px 4px 5px 0px #0000001a;
	--Elevation-9: 0px 9px 12px 0px #0000000a, 0px 3px 16px 0px #00000005, 0px 5px 6px 0px #0000001a;
	--Elevation-12: 0px 12px 17px 0px #0000000a, 0px 5px 22px 0px #00000005, 0px 7px 8px 0px #0000001a;
	--Elevation-16: 0px 16px 24px 0px #0000000a, 0px 6px 30px 0px #00000005, 0px 8px 10px 0px #0000001a;
	--Elevation-24: 0px 24px 38px 0px #0000000a, 0px 9px 46px 0px #00000005, 0px 11px 15px 0px #0000001a;
	--width-contents: 61rem;
	--space-1: .25rem;
	--space-2: .5rem;
	--space-3: .75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 1.75rem;
	--space-8: 2rem;
	--space-9: 2.25rem;
	--space-10: 2.5rem;
	--space-11: 2.75rem;
	--space-12: 3rem;
	--space-13: 3.25rem;
	--space-14: 3.5rem;
	--space-15: 3.75rem;
	--space-16: 4rem;
	--space-17: 4.25rem;
	--space-18: 4.5rem;
	--space-19: 4.75rem;
	--space-20: 5rem;
	--space-21: 5.25rem;
	--space-22: 5.5rem;
	--space-23: 5.75rem;
	--space-24: 6rem;
	--space-25: 6.25rem;
	--spacing-contents: calc((100vw - var(--width-contents))/2);
	--spacing-gutter: var(--space-4);
	--radius-1: .25rem;
	--z-index-lv-1: 1;
	--z-index-lv-2: 10;
	--z-index-lv-3: 100;
	--z-index-lv-4: 1000
}

@media (min-width:23.5rem) {
	:root {
		--font-size-pc24-sp20: clamp(1.25rem, calc(1.01145rem + 1.01781vw), 1.5rem);
		--font-size-pc20-sp16: clamp(1rem, calc(.76145rem + 1.01781vw), 1.25rem);
		--font-size-pc18-sp14: clamp(.875rem, calc(.63645rem + 1.01781vw), 1.125rem);
		--font-size-pc16-sp13: clamp(.8125rem, calc(.633588rem + .763359vw), 1rem);
		--font-size-pc14-sp12: clamp(.75rem, calc(.630725rem + .508906vw), .875rem);
		--font-size-pc18-sp18: 1.125rem;
		--font-size-pc16-sp16: 1rem;
		--font-size-pc14-sp14: .875rem;
		--font-size-pc13-sp13: .8125rem;
		--font-size-pc12-sp12: .75rem;
		--font-size-pc11-sp11: .6875rem;
		--font-size-pc14-sp13: clamp(.8125rem, calc(.752863rem + .254453vw), .875rem);
		--font-size-pc13-sp14: clamp(.8125rem, calc(-.254453vw + .934637rem), .875rem);
		--font-size-pc13-sp12: clamp(.75rem, calc(.690363rem + .254453vw), .8125rem);
		--font-size-pc20-sp18: clamp(1.125rem, calc(1.00573rem + .508906vw), 1.25rem);
		--font-size-pc16-sp14: clamp(.875rem, calc(.755725rem + .508906vw), 1rem);
		--font-size-pc13-sp11: clamp(.6875rem, calc(.568225rem + .508906vw), .8125rem);
		--font-size-pc12-sp10: clamp(.625rem, calc(.505725rem + .508906vw), .75rem);
		--font-size-pc32-sp16: clamp(1rem, calc(.0458015rem + 4.07125vw), 2rem);
		--font-size-pc24-sp18: clamp(1.125rem, calc(.767176rem + 1.52672vw), 1.5rem);
		--font-size-pc32-sp24: clamp(1.5rem, calc(1.0229rem + 2.03562vw), 2rem)
	}
}

@media (min-width:48rem) {
	:root {
		--font-line-height-pc150-sp120: 1.5
	}
}

*,
:before,
:after {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

:where([hidden]:not([hidden=until-found])) {
	display: none !important
}

:where(html) {
	-webkit-text-size-adjust: none;
	tab-size: 2;
	scrollbar-gutter: stable
}

:where(html:has(dialog:modal[open])) {
	overflow: clip
}

@media (prefers-reduced-motion:no-preference) {
	:where(html) {
		scroll-behavior: smooth
	}
}

:where(body) {
	-webkit-font-smoothing: antialiased;
	font-family: system-ui, sans-serif;
	line-height: 1.5
}

:where(button) {
	all: unset
}

:where(input, button, textarea, select) {
	font: inherit;
	color: inherit;
	-webkit-appearance: none;
	appearance: none
}

:where(textarea) {
	resize: vertical;
	resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
	cursor: pointer
}

:where(summary) {
	list-style: none
}

:where(summary)::-webkit-details-marker {
	display: none
}

:where(:disabled),
:where(label:has(>input:disabled), label:has(+input:disabled)) {
	cursor: not-allowed
}

:where(a) {
	color: inherit;
	text-underline-offset: .2ex
}

:where(ul, ol) {
	list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block
}

:where(img, picture, svg, video) {
	block-size: auto;
	max-inline-size: 100%
}

:where(p, h1, h2, h3, h4, h5, h6) {
	font-size: inherit;
	overflow-wrap: break-word
}

:where(hr) {
	border: none;
	color: inherit;
	border-block-start: 1px solid;
	block-size: 0;
	overflow: visible
}

:where(dialog, [popover]) {
	color: inherit;
	inset: unset;
	max-width: unset;
	max-height: unset;
	background: 0 0;
	border: none
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
	display: none !important
}

:where(:focus-visible) {
	outline: 2px solid var(--Secondary02, CanvasText);
	outline-offset: 1px
}

:where(:focus-visible, :target) {
	scroll-margin-block: 1rem
}

:where(.visually-hidden) {
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	-webkit-user-select: none !important;
	user-select: none !important;
	border: 0 !important;
	width: 1px !important;
	height: 1px !important;
	position: absolute !important;
	overflow: hidden !important
}

html {
	height: 100%
}

body {
	background: var(--Gray-Blue-Gray-100);
	font-family: var(--font-family);
	color: var(--Text-Default);
	min-height: 100%
}

a {
	color: var(--Secondary03);
	text-decoration: none
}

strong {
	font-weight: inherit;
	color: var(--Text-Strong)
}

b {
	font-weight: 700
}

small {
	font: inherit
}

table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	width: 100%
}

::placeholder {
	color: var(--Gray-Form-Placeholder)
}

[type=number] {
	-moz-appearance: textfield
}

[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none
}

[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none
}

@media (min-width:48rem) {
	a:where(:hover) {
		color: var(--Secondary02)
	}
}

.sec-lyt-grid {
	display: grid
}

.sec-lyt-grid.--columns-1,
.sec-lyt-grid.--columns-1-2,
.sec-lyt-grid.--columns-1-2-3,
.sec-lyt-grid.--columns-1-2-4,
.sec-lyt-grid.--columns-1-2-5,
.sec-lyt-grid.--columns-1-3 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-8 {
	grid-template-columns: repeat(8, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-11 {
	grid-template-columns: repeat(11, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr))
}

.sec-lyt-grid.--columns-2-2-4,
.sec-lyt-grid.--columns-2-2-5 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width:48rem) {

	.sec-lyt-grid.--columns-1-2,
	.sec-lyt-grid.--columns-1-2-3,
	.sec-lyt-grid.--columns-1-2-4,
	.sec-lyt-grid.--columns-1-2-5 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sec-lyt-grid.--columns-1-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media (min-width:67.5rem) {
	.sec-lyt-grid.--columns-1-2-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.sec-lyt-grid.--columns-1-2-4,
	.sec-lyt-grid.--columns-2-2-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.sec-lyt-grid.--columns-1-2-5,
	.sec-lyt-grid.--columns-2-2-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr))
	}
}

.sec-lyt-flex {
	display: flex
}

:is(.sec-lyt-flex.--columns-auto, .sec-lyt-flex.--columns-auto-none)>* {
	flex: 1
}

@media (min-width:48rem) {
	.sec-lyt-flex.--columns-auto-none>* {
		flex: none
	}
}

.sec-lyt-stack>*+* {
	margin-top: var(--space-4)
}

.sec-lyt-article {
	--article-padding-top: var(--space-8);
	--article-padding-bottom: var(--space-8);
	padding: var(--article-padding-top)var(--spacing-gutter)var(--article-padding-bottom)
}

.sec-lyt-article.--variant-strong {
	background: var(--Background-Strong)
}

.sec-lyt-article.--padding-block-lg {
	--article-padding-top: var(--space-10);
	--article-padding-bottom: var(--space-10)
}

.sec-lyt-article.--padding-block-sm {
	--article-padding-top: var(--space-6)
}

@media (max-width:47.9375rem) {
	.sec-lyt-article.--padding-block-sm {
		--article-padding-bottom: var(--space-6)
	}
}

@media (min-width:48rem) {
	.sec-lyt-article {
		--article-padding-bottom: var(--space-15);
		padding-inline: var(--space-25)
	}
}

.sec-main {
	background: var(--Gray-Grayscale-White)
}

@media (min-width:67.5rem) {
	.sec-main {
		max-width: var(--width-contents);
		margin: var(--space-6)auto 0
	}
}

@media (min-width:80rem) {
	.sec-main {
		margin-top: var(--space-8)
	}
}

.sec-hed {
	padding: var(--space-2)var(--spacing-gutter);
	border-bottom: 2px solid var(--Primary02);
	background: var(--Gray-Grayscale-White)
}

.sec-hed>.content {
	width: 100%
}

.sec-hed .logo {
	margin-left: var(--space-header-logo-sp);
	vertical-align: top;
	display: inline-block
}

@media (min-width:48rem) {
	.sec-hed {
		padding: var(--space-6)var(--space-25)var(--space-header-bottom-pc, 1rem)
	}

	.sec-hed .logo {
		margin-left: var(--space-header-logo-pc)
	}
}

@media (min-width:67.5rem) {
	.sec-hed {
		padding-inline: 0
	}

	.sec-hed>.content {
		max-width: var(--width-contents);
		margin-inline: auto
	}
}

.sec-fot {
	gap: var(--space-6);
	padding: var(--space-4)var(--spacing-gutter)var(--space-12);
	flex-direction: column;
	display: flex;
	position: sticky;
	top: 100vh
}

@supports (top:100dvh) {
	.sec-fot {
		top: 100dvh
	}
}

.sec-fot>.content {
	width: 100%
}

.sec-fot .list {
	display: none
}

.sec-fot .copy {
	text-align: center;
	font-size: .625rem
}

@media (min-width:48rem) {
	.sec-fot {
		padding: var(--space-8)var(--space-25)var(--space-10)
	}

	.sec-fot>.content>*+* {
		margin-top: var(--space-6)
	}

	.sec-fot .list {
		color: var(--Text-Caption);
		display: block
	}

	.list+:is(.sec-fot .copy) {
		text-align: left
	}
}

@media (min-width:67.5rem) {
	.sec-fot {
		padding-inline: 0
	}

	.sec-fot>.content {
		max-width: var(--width-contents);
		margin-inline: auto
	}
}

.sec-tab {
	display: block
}

.sec-tab>[role=tablist] {
	justify-content: flex-start;
	gap: var(--space-2);
	font-size: var(--font-size-pc16-sp13);
	text-align: center;
	border-bottom: 1px solid var(--Primary02);
	display: flex
}

.sec-tab>[role=tablist]>[role=tab] {
	padding: .625rem var(--space-4);
	border: 1px solid var(--Gray-Grayscale-300);
	background: var(--Gray-Blue-Gray-100);
	border-radius: var(--radius-1)var(--radius-1)0 0;
	outline-offset: 0;
	border-bottom: none;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	display: flex
}

.sec-tab>[role=tablist]>[role=tab][aria-selected=true] {
	z-index: 1;
	background: var(--Gray-Grayscale-White);
	color: var(--Primary02);
	border-color: currentColor;
	font-weight: 700
}

.sec-tab>[role=tabpanel] {
	padding-top: var(--space-4);
	outline-offset: 0
}

.sec-tab.--parts-in-modal>[role=tablist] {
	background: var(--Gray-Grayscale-300);
	color: var(--Secondary03);
	border-bottom: none;
	gap: 1px;
	font-weight: 700
}

.sec-tab.--parts-in-modal>[role=tablist]>[role=tab] {
	padding: var(--space-5)var(--space-6);
	border: none;
	border-bottom: 1px solid var(--Gray-Grayscale-300);
	outline-offset: -2px;
	border-radius: 0;
	flex: 1
}

.sec-tab.--parts-in-modal>[role=tablist]>[role=tab][aria-selected=true] {
	border-bottom-color: var(--Gray-Grayscale-White);
	color: var(--Text-Default)
}

.sec-tab.--parts-in-modal>[role=tabpanel] {
	padding: var(--space-6)var(--space-6)0
}

@media (min-width:48rem) {
	.sec-tab.--parts-in-modal>[role=tablist]>[role=tab] {
		padding-block: var(--space-8)
	}

	.sec-tab.--parts-in-modal>[role=tabpanel] {
		padding-inline: var(--space-8)
	}
}

@media (min-width:67.5rem) {
	.sec-tab>[role=tablist]>[role=tab] {
		flex-direction: row
	}
}

.sec-pnl {
	padding: var(--space-4)
}

.sec-pnl.--variant-normal {
	background: var(--Gray-Blue-Gray-100)
}

.sec-pnl.--variant-white {
	background: var(--Gray-Grayscale-White)
}

.sec-pnl.--variant-strong {
	background: var(--Background-Strong)
}

.sec-pnl.--variant-danger {
	background: var(--Background-Danger)
}

.sec-pnl.--size-sm {
	padding: var(--space-2)
}

.sec-pnl.--size-md,
.sec-pnl.--size-md-xl {
	padding: var(--space-4)
}

.sec-pnl.--size-lg {
	padding: var(--space-6)
}

.sec-pnl.--size-xl {
	padding: var(--space-8)
}

.sec-pnl.--option-outline,
.sec-pnl.--option-outline-radius {
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300)
}

.sec-pnl.--option-elevation {
	box-shadow: var(--Elevation-2)
}

.sec-pnl.--option-elevation.--option-outline,
.sec-pnl.--option-elevation.--option-outline-radius {
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300), var(--Elevation-2)
}

.sec-pnl.--option-outline-radius {
	border-radius: var(--radius-1)
}

@media (min-width:48rem) {
	.sec-pnl.--size-md-xl {
		padding: var(--space-8)
	}
}

.sec-mdl {
	display: none
}

.sec-mdl>.overlay {
	z-index: var(--z-index-lv-4);
	background: var(--X-modal-back);
	justify-content: center;
	align-items: center;
	display: flex;
	position: fixed;
	inset: 0
}

.sec-mdl .dialog {
	max-width: calc(100% - var(--space-8));
	max-height: calc(100vh - var(--space-24));
	margin-top: var(--space-12);
	border-radius: var(--radius-1);
	background: var(--Gray-Grayscale-White);
	box-shadow: var(--Elevation-4);
	grid-template-rows: auto 1fr;
	width: 100%;
	display: grid;
	position: relative
}

:is(.sec-mdl .dialog:focus, .sec-mdl .dialog:focus-visible) {
	outline: none
}

.sec-mdl .dialog>.head {
	padding: var(--space-4)var(--space-6).9375rem;
	border-bottom: 1px solid var(--Gray-Grayscale-200)
}

.sec-mdl .dialog>.content {
	padding-block: var(--space-4)var(--space-6);
	overflow-y: auto
}

.sec-mdl .dialog>.content>.body,
.sec-mdl .dialog>.content>.foot {
	padding-inline: var(--space-6)
}

.sec-mdl .dialog>.content>.foot {
	justify-content: center;
	gap: var(--space-4);
	margin-top: var(--space-4);
	display: flex
}

.sec-mdl .dialog>.content [role=tabpanel] {
	outline-offset: -2px
}

.sec-mdl .dialog>.close {
	bottom: calc(100% + var(--space-4));
	position: absolute;
	right: 0
}

.sec-mdl[aria-hidden=false] {
	display: block
}

.sec-mdl[aria-hidden=false]>.overlay {
	animation: .3s linear mmfadeIn
}

.sec-mdl .dialog {
	transform: translate(0)scale(0)
}

.sec-mdl[aria-hidden=false] .dialog {
	animation-name: mmslideIn;
	animation-duration: .15s;
	animation-timing-function: cubic-bezier(0, 0, 2, 1);
	animation-delay: .15s;
	animation-fill-mode: forwards
}

.sec-mdl[aria-hidden=true]>.overlay {
	animation: .3s linear mmfadeOut
}

.sec-mdl[aria-hidden=true] .dialog {
	animation: .3s cubic-bezier(0, 0, 2, 1) mmslideOut
}

.sec-mdl>.overlay,
.sec-mdl .dialog {
	will-change: transform
}

.sec-mdl.--size-lg .dialog>.content {
	padding-block: 0 var(--space-6)
}

.sec-mdl.--size-lg .dialog>.content>.body {
	padding-inline: 0
}

.sec-mdl.--size-lg .dialog>.content>.foot {
	margin-top: var(--space-6)
}

.sec-mdl.--size-lg .dialog>.content>.foot [data-micromodal-close] {
	font-size: var(--font-size-pc16-sp16)
}

.sec-mdl.--size-lg [role=tablist] {
	border-radius: var(--radius-1)var(--radius-1)0 0;
	position: sticky;
	top: 0
}

.sec-mdl.--size-lg [role=tab]:first-child {
	border-radius: var(--radius-1)0 0 0
}

.sec-mdl.--size-lg [role=tab]:last-child {
	border-radius: 0 var(--radius-1)0 0
}

.sec-mdl.--size-sm .dialog>.content>.foot>:where(:not(:only-child)) {
	flex: 1
}

.sec-mdl.--size-sm .dialog>.content>.foot button,
.sec-mdl.--size-sm .dialog>.content>.foot a {
	padding-inline: var(--space-4)
}

@media (min-width:48rem) {
	.sec-mdl .dialog>.head {
		padding-inline: var(--space-8)
	}

	.sec-mdl .dialog>.content>.body,
	.sec-mdl .dialog>.content>.foot {
		padding-inline: var(--space-8)
	}

	.sec-mdl.--size-lg .dialog,
	.sec-mdl.--size-md .dialog {
		max-width: 35.5rem
	}

	.sec-mdl.--size-sm .dialog {
		max-width: 23.5rem
	}
}

@media (min-width:67.5rem) {
	.sec-mdl.--size-lg .dialog {
		max-width: 48.5rem
	}

	.sec-mdl.--size-md .dialog {
		max-width: 36rem
	}
}

@keyframes mmfadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes mmfadeOut {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes mmslideIn {
	0% {
		transform: translate(0)scale(0)
	}

	to {
		transform: none
	}
}

@keyframes mmslideOut {
	0% {
		transform: none
	}

	to {
		transform: translate(0)scale(0)
	}
}

.sec-acd {
	box-shadow: inset 0 -1px 0 0 var(--Gray-Grayscale-300), inset 0 1px 0 0 var(--Gray-Grayscale-300)
}

.sec-acd>summary {
	--padding: var(--space-4)0;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-4);
	padding: var(--padding);
	display: flex
}

.sec-acd>summary[aria-disabled] {
	pointer-events: none
}

.sec-acd>summary>.title {
	--gap: var(--space-1);
	gap: var(--gap);
	flex-direction: column;
	flex: 1;
	display: flex
}

.sec-acd>summary>.icon {
	color: var(--Primary02);
	flex-shrink: 0;
	line-height: 1
}

.sec-acd>summary>.icon i {
	vertical-align: top
}

.sec-acd[open]>summary>.icon {
	rotate: 180deg
}

.sec-acd>.content {
	overflow: hidden
}

.sec-acd>.content>.inner {
	--padding: var(--space-4);
	background: var(--Gray-Blue-Gray-100);
	padding: var(--padding, 0);
	box-shadow: inset 0 -1px 0 0 var(--Gray-Grayscale-300)
}

.sec-acd.--variant-captionto>summary {
	--padding: var(--space-3)var(--space-4)
}

.sec-acd.--variant-captionto>.content>.inner {
	--padding: var(--space-3)var(--space-4)
}

@media (min-width:48rem) {
	.sec-acd>summary {
		--padding: var(--space-4)
	}

	.sec-acd>summary>.title {
		--gap: var(--space-2)
	}

	.sec-acd>summary>.icon i {
		--icon-size: 1.5rem
	}

	.sec-acd>.content>.inner {
		--padding: var(--space-4)
	}

	.sec-acd.--variant-captionto {
		box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300);
		padding: var(--space-4)
	}

	.sec-acd.--variant-captionto>summary {
		--padding: 0;
		cursor: auto
	}

	.sec-acd.--variant-captionto>summary>.icon {
		display: none
	}

	.sec-acd.--variant-captionto>.content>.inner {
		--padding: var(--space-1)0 0;
		box-shadow: none;
		background: 0 0
	}
}

.sec-tbl {
	gap: var(--space-2);
	grid-template-columns: repeat(1, minmax(0, 1fr));
	display: grid
}

.sec-tbl>.pagetop {
	text-align: right
}

.sec-tbl table {
	--padding: var(--space-3);
	--border-top: inset 0 1px 0 0 var(--Gray-Grayscale-300);
	--border-bottom: inset 0 -1px 0 0 var(--Gray-Grayscale-300);
	--border-left: inset 1px 0 0 0 var(--Gray-Grayscale-300);
	--border-right: inset -1px 0 0 0 var(--Gray-Grayscale-300);
	--radius: var(--radius-1);
	--bg-color: var(--Gray-Blue-Gray-200);
	font-size: var(--font-size-pc14-sp13)
}

.sec-tbl tr.--variant-danger {
	--bg-color: var(--Background-Danger);
	--color: var(--Text-Danger);
	--font-weight: 700
}

.sec-tbl tr:first-child>:first-child {
	border-top-left-radius: var(--radius)
}

.sec-tbl tr:first-child>:last-child {
	border-top-right-radius: var(--radius)
}

.sec-tbl tr:last-child>:first-child {
	border-bottom-left-radius: var(--radius)
}

.sec-tbl tr:last-child>:last-child {
	border-bottom-right-radius: var(--radius)
}

.sec-tbl tr:last-child th,
.sec-tbl tr:last-child td {
	box-shadow: var(--border-top), var(--border-right), var(--border-bottom)
}

:is(.sec-tbl tr:last-child th, .sec-tbl tr:last-child td):first-child {
	box-shadow: var(--border-top), var(--border-bottom), var(--border-left)
}

:is(.sec-tbl tr:last-child th, .sec-tbl tr:last-child td):last-child {
	box-shadow: var(--border-top), var(--border-bottom), var(--border-right)
}

.sec-tbl th,
.sec-tbl td {
	padding: var(--padding);
	box-shadow: var(--border-top);
	min-width: 4.5rem
}

:is(.sec-tbl th, .sec-tbl td):first-child {
	box-shadow: var(--border-top), var(--border-left)
}

:is(.sec-tbl th, .sec-tbl td):last-child {
	box-shadow: var(--border-top), var(--border-right)
}

.sec-tbl th {
	background: var(--bg-color)
}

.sec-tbl td {
	color: var(--color);
	font-weight: var(--font-weight)
}

.sec-tbl.--variant-auto table {
	--padding: var(--space-3)var(--space-2);
	--radius: 0;
	width: auto
}

.sec-fidset {
	--fields-row-gap: var(--space-2);
	--fields-column-gap: var(--space-2);
	gap: var(--fields-row-gap)var(--fields-column-gap);
	border: none;
	flex-direction: column;
	display: flex
}

.sec-fidset>.description {
	flex-direction: column;
	align-items: flex-end;
	display: flex
}

.sec-fidset [data-role=alert] {
	margin-bottom: calc(var(--fields-row-gap)*-1 + var(--space-1))
}

.sec-fidset .fields {
	--fields-row-gap: var(--space-4);
	--fields-column-gap: var(--space-4);
	gap: var(--fields-row-gap)var(--fields-column-gap);
	flex-direction: column;
	display: flex
}

.sec-fidset .fields [data-role=alert] {
	grid-area: message1
}

.sec-fidset .fields>* {
	flex: 1
}

.sec-fidset.--columns-1 .fields {
	--fields-row-gap: 0;
	--fields-column-gap: 0
}

.sec-fidset.--columns-1 .fields>*+* {
	margin-top: -1px
}

.sec-fidset.--columns-1 .fields .label {
	border-radius: 0
}

@supports selector(:has(*)) {
	.sec-fidset.--columns-1 .fields .label {
		border-radius: 0
	}
}

@supports not selector(:has(*)) {
	.sec-fidset.--columns-1 .fields .label>.text:after {
		border-radius: 0
	}
}

.sec-fidset.--columns-1 .fields>:nth-child(1 of:not([hidden])) .label {
	border-top-left-radius: var(--radius-1);
	border-top-right-radius: var(--radius-1)
}

@supports not selector(:has(*)) {
	.sec-fidset.--columns-1 .fields>:nth-child(1 of:not([hidden])) .label>.text:after {
		border-top-left-radius: var(--radius-1);
		border-top-right-radius: var(--radius-1)
	}
}

.sec-fidset.--columns-1 .fields>:nth-last-child(1 of:not([hidden])) .label {
	border-bottom-left-radius: var(--radius-1);
	border-bottom-right-radius: var(--radius-1)
}

@supports not selector(:has(*)) {
	.sec-fidset.--columns-1 .fields>:nth-last-child(1 of:not([hidden])) .label>.text:after {
		border-bottom-left-radius: var(--radius-1);
		border-bottom-right-radius: var(--radius-1)
	}
}

:is(.sec-fidset.--columns-1-2 .fields, .sec-fidset.--columns-1-3 .fields, .sec-fidset.--columns-2-4 .fields, .sec-fidset.--columns-1-2-2 .fields, .sec-fidset.--columns-3 .fields)>* {
	width: 100%
}

.sec-fidset.--columns-2-4 .fields,
.sec-fidset.--columns-3 .fields {
	display: grid
}

.sec-fidset.--columns-3 .fields {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.sec-fidset.--columns-3 .fields.--has-alert:not([hidden]) {
	grid-template: "message1 message2 message3" "field1 field2 field3" /1fr 1fr 1fr
}

.sec-fidset.--columns-3 .fields:has([data-role=alert]:not([hidden])) {
	grid-template: "message1 message2 message3" "field1 field2 field3" /1fr 1fr 1fr
}

.sec-fidset.--columns-2-4 .fields {
	--fields-column-gap: var(--space-4);
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.sec-fidset.--columns-2-4 .fields.--has-alert:not([hidden]) {
	grid-template: "message1 message2" "field1 field2" /1fr 1fr
}

.sec-fidset.--columns-2-4 .fields:has([data-role=alert]:not([hidden])) {
	grid-template: "message1 message2" "field1 field2" /1fr 1fr
}

.sec-fidset.--columns-3.--unit .fields {
	grid-template-columns: 1fr auto 1fr auto 1fr
}

.sec-fidset.--columns-3.--unit .fields.--has-alert:not([hidden]) {
	grid-template: "message1.message2.message3" "field1 unit1 field2 unit2 field3" /1fr auto 1fr auto 1fr
}

.sec-fidset.--columns-3.--unit .fields:has([data-role=alert]:not([hidden])) {
	grid-template: "message1.message2.message3" "field1 unit1 field2 unit2 field3" /1fr auto 1fr auto 1fr
}

.sec-fidset.--unit .fields {
	--fields-row-gap: 0;
	--fields-column-gap: 0;
	align-items: center
}

.sec-fidset.--unit .fields .label {
	gap: 0
}

.sec-fidset.--unit .fields .unit {
	margin-inline: var(--space-1);
	flex: none
}

.sec-fidset.--p-inline-2 input,
.sec-fidset.--p-inline-2 select {
	padding-inline: var(--space-2)
}

@supports selector(:has(*)) {
	.sec-fidset.--is-valid label.label:has(:required:not([aria-invalid=true])) {
		background: var(--Gray-Grayscale-White)
	}
}

@supports not selector(:has(*)) {
	.sec-fidset.--is-valid label.label>:required:not([aria-invalid=true])~.text:before {
		background: var(--Gray-Grayscale-White)
	}
}

@media (min-width:48rem) {
	.sec-fidset .fields {
		--fields-column-gap: var(--space-6)
	}

	.sec-fidset.--columns-1-2-2 .fields,
	.sec-fidset.--columns-1-3 .fields {
		display: grid
	}

	.sec-fidset.--columns-1-2-2 .fields {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sec-fidset.--columns-1-2-2 .fields.--has-alert:not([hidden]) {
		grid-template: "message1 message2" "field1 field2" /1fr 1fr
	}

	.sec-fidset.--columns-1-2-2 .fields:has([data-role=alert]:not([hidden])) {
		grid-template: "message1 message2" "field1 field2" /1fr 1fr
	}

	.sec-fidset.--unit .fields .unit {
		margin-inline: var(--space-2)
	}
}

@media (min-width:67.5rem) {
	.sec-fidset.--columns-1-2 .fields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		display: grid
	}

	.sec-fidset.--columns-1-2 .fields.--has-alert:not([hidden]) {
		grid-template: "message1 message2" "field1 field2" /1fr 1fr
	}

	.sec-fidset.--columns-1-2 .fields:has([data-role=alert]:not([hidden])) {
		grid-template: "message1 message2" "field1 field2" /1fr 1fr
	}

	.sec-fidset.--columns-1-3 .fields {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.sec-fidset.--columns-1-3 .fields.--has-alert:not([hidden]) {
		grid-template: "message1 message2 message3" "field1 field2 field3" /1fr 1fr 1fr
	}

	.sec-fidset.--columns-1-3 .fields:has([data-role=alert]:not([hidden])) {
		grid-template: "message1 message2 message3" "field1 field2 field3" /1fr 1fr 1fr
	}

	.sec-fidset.--columns-2-4 .fields {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.sec-fidset.--columns-2-4 .fields.--has-alert:not([hidden]) {
		grid-template: "message1 message2 message3 message4" "field1 field2 field3 field4" /1fr 1fr 1fr 1fr
	}

	.sec-fidset.--columns-2-4 .fields:has([data-role=alert]:not([hidden])) {
		grid-template: "message1 message2 message3 message4" "field1 field2 field3 field4" /1fr 1fr 1fr 1fr
	}
}

.sec-fid {
	gap: var(--space-2);
	flex-direction: column;
	display: flex
}

:has([data-role=alert]:not([hidden]))>.sec-fid:first-of-type {
	grid-area: field1
}

:has([data-role=alert]:not([hidden]))>.sec-fid:first-of-type+[data-role=alert],
:has([data-role=alert]:not([hidden]))>.sec-fid:first-of-type+.caption+[data-role=alert] {
	grid-area: message2
}

:has([data-role=alert]:not([hidden]))>.sec-fid:first-of-type+.unit {
	grid-area: unit1
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(2) {
	grid-area: field2
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(2)+[data-role=alert],
:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(2)+.caption+[data-role=alert] {
	grid-area: message3
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(2)+.unit {
	grid-area: unit2
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(3) {
	grid-area: field3
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(3)+[data-role=alert],
:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(3)+.caption+[data-role=alert] {
	grid-area: message4
}

:has([data-role=alert]:not([hidden]))>.sec-fid:nth-of-type(4) {
	grid-area: field4
}

.--has-alert:not([hidden])>.sec-fid:first-of-type {
	grid-area: field1
}

.--has-alert:not([hidden])>.sec-fid:first-of-type+[data-role=alert],
.--has-alert:not([hidden])>.sec-fid:first-of-type+.caption+[data-role=alert] {
	grid-area: message2
}

.--has-alert:not([hidden])>.sec-fid:first-of-type+.unit {
	grid-area: unit1
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(2) {
	grid-area: field2
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(2)+[data-role=alert],
.--has-alert:not([hidden])>.sec-fid:nth-of-type(2)+.caption+[data-role=alert] {
	grid-area: message3
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(2)+.unit {
	grid-area: unit2
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(3) {
	grid-area: field3
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(3)+[data-role=alert],
.--has-alert:not([hidden])>.sec-fid:nth-of-type(3)+.caption+[data-role=alert] {
	grid-area: message4
}

.--has-alert:not([hidden])>.sec-fid:nth-of-type(4) {
	grid-area: field4
}

.sec-fid>.description {
	align-items: flex-end;
	gap: var(--space-2);
	flex-direction: column;
	display: flex
}

.sec-fid>.label {
	align-items: center;
	gap: var(--space-2);
	font-size: var(--font-size-pc14-sp14);
	display: flex
}

.sec-fid>label.label {
	padding: .8125rem var(--space-4);
	border-radius: var(--radius-1);
	background: var(--bg-color, var(--Gray-Grayscale-White));
	color: var(--color, var(--Text-Default));
	align-items: flex-start
}

.sec-fid>label.label:first-child {
	flex: 1
}

@supports selector(:has(*)) {
	.sec-fid>label.label:has(:focus-visible:not(:disabled)) {
		outline: 2px solid var(--Secondary02, CanvasText);
		outline-offset: -2px
	}
}

.sec-fid>label.label>input:disabled~.text {
	color: var(--Gray-Grayscale-550)
}

.sec-fid>label.label>.text {
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--space-2);
	font-size: var(--font-size-pc16-sp16);
	flex-wrap: wrap;
	flex: 1;
	display: inline-flex
}

@supports not selector(:has(*)) {
	:focus-visible:not(:disabled)~:is(.sec-fid>label.label>.text):after {
		outline: 2px solid var(--Secondary02, CanvasText);
		outline-offset: 1px
	}
}

.sec-fid>label.label>.text>.inner {
	z-index: var(--z-index-lv-1);
	align-items: center;
	column-gap: var(--space-2);
	flex-wrap: wrap;
	min-height: 2rem;
	display: inline-flex
}

.sec-fid>label.label>.text>.inner>.caption {
	font-size: var(--font-size-pc14-sp14);
	color: var(--Text-Caption);
	font-weight: 400;
	display: inline-block
}

.sec-fid>label.label>.text>.tags {
	gap: var(--space-2);
	flex-shrink: 0;
	align-self: center;
	display: inline-flex
}

.sec-fid.--variant-normal {
	width: fit-content
}

.sec-fid.--variant-normal>label.label {
	position: relative
}

@supports selector(:has(*)) {
	.sec-fid.--variant-normal>label.label {
		border-radius: var(--radius-1);
		background: 0 0
	}

	.sec-fid.--variant-normal>label.label:has(:required) {
		background: var(--Secondary01)
	}

	.sec-fid.--variant-normal>label.label:has(:valid) {
		background: 0 0
	}

	.sec-fid.--variant-normal>label.label:has([aria-invalid=true]) {
		background: var(--Background-Danger)
	}

	.sec-fid.--variant-normal>label.label:has(:disabled) {
		background: var(--Gray-Grayscale-100)
	}
}

.sec-fid.--variant-normal>label.label>input {
	z-index: var(--z-index-lv-1);
	position: relative
}

.sec-fid.--variant-normal>label.label>input[type=checkbox] {
	--size: 1.875rem;
	--size-check: 1.25rem
}

@supports not selector(:has(*)) {
	.sec-fid.--variant-normal>label.label>.text:after {
		content: "";
		background: var(--Gray-Grayscale-White);
		border-radius: var(--radius-1);
		pointer-events: none;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0
	}

	:required~:is(.sec-fid.--variant-normal>label.label>.text):after {
		background: var(--Secondary01)
	}

	:valid~:is(.sec-fid.--variant-normal>label.label>.text):after {
		background: var(--Gray-Grayscale-White)
	}

	[aria-invalid=true]~:is(.sec-fid.--variant-normal>label.label>.text):after {
		background: var(--Background-Danger)
	}

	:disabled~:is(.sec-fid.--variant-normal>label.label>.text):after {
		background: var(--Gray-Grayscale-100)
	}
}

.sec-fid.--variant-block>label.label {
	border-radius: var(--radius-1);
	background: var(--Gray-Grayscale-White);
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300);
	gap: 0;
	padding: 0;
	position: relative
}

@supports selector(:has(*)) {
	.sec-fid.--variant-block>label.label:has(:required) {
		background: linear-gradient(90deg, var(--Secondary01)0, var(--Secondary01)3.375rem, var(--Gray-Grayscale-White)3.375rem, var(--Gray-Grayscale-White)100%)
	}

	.sec-fid.--variant-block>label.label:has(:valid) {
		background: var(--Gray-Grayscale-White)
	}

	.sec-fid.--variant-block>label.label:has([aria-invalid=true]) {
		background: linear-gradient(90deg, var(--Background-Danger)0, var(--Background-Danger)3.375rem, var(--Gray-Grayscale-White)3.375rem, var(--Gray-Grayscale-White)100%);
		box-shadow: inset 0 0 0 1px var(--Text-Danger)
	}

	.sec-fid.--variant-block>label.label:has(:checked:not(:disabled)) {
		box-shadow: inset 0 0 0 2px var(--Secondary02);
		z-index: 2
	}

	.sec-fid.--variant-block>label.label:has(:disabled) {
		background: linear-gradient(90deg, var(--Gray-Grayscale-100)0, var(--Gray-Grayscale-100)3.375rem, var(--Gray-Grayscale-White)3.375rem, var(--Gray-Grayscale-White)100%);
		box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300)
	}
}

.sec-fid.--variant-block>label.label>input {
	z-index: var(--z-index-lv-1);
	margin: .8125rem var(--space-2).8125rem var(--space-4);
	position: relative
}

.sec-fid.--variant-block>label.label>input[type=checkbox] {
	--size: 1.875rem;
	--size-check: 1.25rem
}

.sec-fid.--variant-block>label.label>.text {
	padding: var(--space-3)var(--space-4)var(--space-3)var(--space-2)
}

:checked:not(:disabled)~:is(.sec-fid.--variant-block>label.label>.text) {
	font-weight: 700
}

@supports not selector(:has(*)) {
	.sec-fid.--variant-block>label.label>.text:before {
		content: "";
		border-radius: var(--radius-1)0 0 var(--radius-1);
		background: var(--Gray-Grayscale-White);
		pointer-events: none;
		width: 3.375rem;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0
	}

	.sec-fid.--variant-block>label.label>.text:after {
		content: "";
		z-index: var(--z-index-lv-1);
		border: 1px solid var(--border-color, var(--Gray-Grayscale-300));
		border-radius: var(--radius-1);
		pointer-events: none;
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0
	}

	:required~:is(.sec-fid.--variant-block>label.label>.text):before {
		background: var(--Secondary01)
	}

	:valid~:is(.sec-fid.--variant-block>label.label>.text):before {
		background: var(--Gray-Grayscale-White)
	}

	[aria-invalid=true]~:is(.sec-fid.--variant-block>label.label>.text):before {
		background: var(--Background-Danger)
	}

	[aria-invalid=true]~:is(.sec-fid.--variant-block>label.label>.text):after {
		border-color: var(--Text-Danger)
	}

	:where(:checked:not(:disabled))~:is(.sec-fid.--variant-block>label.label>.text):after {
		border: 2px solid var(--Secondary02)
	}

	:disabled~:is(.sec-fid.--variant-block>label.label>.text):before {
		background: var(--Gray-Grayscale-100)
	}

	:disabled~:is(.sec-fid.--variant-block>label.label>.text):after {
		border-color: var(--Gray-Grayscale-300)
	}
}

.sec-fid.--variant-block.--size-small>label.label {
	gap: 0;
	width: fit-content
}

.sec-fid.--variant-block.--size-small>label.label>input {
	margin: 9px var(--space-2)9px .9375rem
}

.sec-fid.--variant-block.--size-small>label.label>.text>.inner {
	min-height: 1.5rem
}

.--columns-1 .sec-fid.--variant-block>label.label>input {
	margin-block: 1.1875rem
}

.--columns-1 .sec-fid.--variant-block>label.label>.text {
	padding-block: 1.1875rem
}

@media (min-width:48rem) {
	.sec-fid.--variant-normal>label.label:hover {
		--border-color: var(--Secondary02);
		z-index: 2
	}

	.sec-fid.--variant-block>label.label:hover {
		z-index: 2
	}

	@supports selector(:has(*)) {
		.sec-fid.--variant-block>label.label:hover {
			box-shadow: inset 0 0 0 1px var(--Secondary02)
		}
	}

	@supports not selector(:has(*)) {
		.sec-fid.--variant-block>label.label:hover>.text:after {
			border-color: var(--Secondary02)
		}
	}
}

.sec-art {
	gap: var(--space-4);
	padding: var(--space-4);
	background: var(--background, var(--Gray-Grayscale-White));
	border-radius: var(--radius-1);
	color: var(--color, var(--Text-Default));
	flex-direction: column;
	display: flex
}

.sec-art>.head {
	align-items: flex-start;
	gap: var(--space-2);
	color: var(--color-variant);
	display: flex
}

.sec-art>.head :where(h2, h3) {
	--color: currentColor;
	align-self: center
}

.sec-art>.content {
	--padding-block: var(--space-2);
	--padding-inline: var(--space-4)
}

.sec-art>.content .--variant-note,
.sec-art>.content .--variant-unordered,
.sec-art>.content .--variant-link,
.sec-art>.content .--variant-anchor {
	--color-marker: var(--color-variant);
	color: var(--color-variant)
}

:is(.sec-art>.content .--variant-note, .sec-art>.content .--variant-unordered, .sec-art>.content .--variant-link, .sec-art>.content .--variant-anchor) a,
:is(.sec-art>.content .--variant-note, .sec-art>.content .--variant-unordered, .sec-art>.content .--variant-link, .sec-art>.content .--variant-anchor) button {
	color: currentColor
}

.sec-art.--variant-info {
	--background: var(--Info-Background);
	--color-variant: var(--Info-Text)
}

.sec-art.--variant-warning {
	--background: var(--Background-Warning);
	--color-variant: var(--Text-Warning)
}

.sec-art.--variant-danger {
	--background: var(--Background-Danger);
	--color-variant: var(--Text-Danger)
}

.sec-art.--variant-success {
	--background: var(--Background-Success);
	--color-variant: var(--Text-Success)
}

.sec-art.--parts-modal-head {
	padding: var(--space-6)var(--space-4)var(--space-4);
	border-radius: var(--radius-1)var(--radius-1)0 0
}

.sec-art-message {
	align-items: flex-start;
	gap: var(--space-1);
	font-size: var(--font-size-pc14-sp12);
	display: flex
}

.sec-art-message>:where([role=img]) {
	margin-top: .125em
}

.sec-art-message.--variant-info {
	color: var(--Info-Text)
}

.sec-art-message.--variant-warning {
	color: var(--Text-Warning)
}

.sec-art-message.--variant-danger {
	color: var(--Text-Danger)
}

.sec-art-message.--variant-success {
	color: var(--Text-Success)
}

.sec-trk {
	text-align: center;
	justify-content: space-between;
	padding-top: 1.75rem;
	display: flex;
	position: relative
}

.sec-trk:before,
.sec-trk:after {
	content: "";
	background-color: var(--Primary02);
	height: 2px;
	display: block;
	position: absolute;
	top: .6875rem
}

.sec-trk:before {
	z-index: var(--z-index-lv-1);
	width: var(--width-bar, 0);
	background-color: var(--Primary02)
}

.sec-trk:after {
	background-color: var(--Gray-Grayscale-550);
	width: 100%
}

.sec-trk>li {
	max-width: var(--width-item);
	font-size: var(--font-size-pc14-sp12);
	color: var(--Gray-Grayscale-700);
	flex: 1;
	position: relative
}

.sec-trk>li[aria-current=step] {
	color: var(--Primary02)
}

.sec-trk>li .label {
	display: block
}

.sec-trk>li .label:before,
.sec-trk>li .label:after {
	content: "";
	margin: auto;
	display: block;
	position: absolute;
	left: 50%
}

.sec-trk>li .label:before {
	z-index: 4;
	background-color: var(--Gray-Grayscale-White);
	width: 1rem;
	height: 1rem;
	top: -1.5rem;
	transform: translate(-50%);
	-webkit-mask: url(/visitorAccountOpen/img/ico-rex-check.svg) 50%/contain no-repeat;
	mask: url(/visitorAccountOpen/img/ico-rex-check.svg) 50%/contain no-repeat
}

.sec-trk>li .label:after {
	z-index: 3;
	border: 6px solid var(--Primary02);
	background: var(--Primary02);
	border-radius: 50%;
	width: 1.5rem;
	height: 1.5rem;
	top: -1.75rem;
	transform: translate(-50%)
}

.sec-trk>li[aria-current=step] .label:before {
	content: none
}

.sec-trk>li[aria-current=step] .label:after {
	background-color: var(--Gray-Grayscale-White)
}

.sec-trk>li[aria-current=step]~li .label:before {
	content: none
}

.sec-trk>li[aria-current=step]~li .label:after {
	border: 1px solid var(--Gray-Grayscale-550);
	background-color: var(--Gray-Grayscale-White)
}

.sec-trk.--columns-4 {
	--width-item: 4.5rem
}

.sec-trk.--columns-4.--current-1 {
	--width-bar: 2.25rem
}

.sec-trk.--columns-4.--current-2 {
	--width-bar: calc(33.33% + 1.125rem)
}

.sec-trk.--columns-4.--current-3 {
	--width-bar: calc(66.66% - 1.125rem)
}

.sec-trk.--columns-4.--current-4 {
	--width-bar: 100%
}

.sec-trk.--columns-5 {
	--width-item: 2.75rem
}

.sec-trk.--columns-5.--current-1 {
	--width-bar: 1.125rem
}

.sec-trk.--columns-5.--current-2 {
	--width-bar: 25%
}

.sec-trk.--columns-5.--current-3 {
	--width-bar: 50%
}

.sec-trk.--columns-5.--current-4 {
	--width-bar: 75%
}

.sec-trk.--columns-5.--current-5 {
	--width-bar: 100%
}

.sec-trk.--columns-6 {
	--width-item: 2.625rem
}

.sec-trk.--columns-6.--current-1 {
	--width-bar: 1.125rem
}

.sec-trk.--columns-6.--current-2 {
	--width-bar: 20%
}

.sec-trk.--columns-6.--current-3 {
	--width-bar: 40%
}

.sec-trk.--columns-6.--current-4 {
	--width-bar: 60%
}

.sec-trk.--columns-6.--current-5 {
	--width-bar: 80%
}

.sec-trk.--columns-6.--current-6 {
	--width-bar: 100%
}

@media (min-width:48rem) {
	.sec-trk {
		gap: 0
	}

	.sec-trk.--columns-4 {
		--width-item: 8.75rem
	}

	.sec-trk.--columns-4.--current-1 {
		--width-bar: 4.375rem
	}
}

.sec-trk-prg {
	top: var(--space-2);
	z-index: var(--z-index-lv-3);
	padding-top: var(--space-2);
	display: block;
	position: sticky
}

[class*=--is-space]>.sec-trk-prg {
	margin-top: 0 !important
}

.sec-trk-prg .content {
	border: 2px solid var(--Primary01);
	border-radius: var(--radius-1);
	background: var(--Gray-Grayscale-White);
	box-shadow: var(--Elevation-4);
	grid-template-columns: auto 1fr auto;
	align-items: center;
	height: 2.875rem;
	padding: .375rem .25rem .375rem .875rem;
	display: grid
}

.sec-trk-prg .title {
	text-align: center;
	line-height: 1.35;
	font-size: var(--font-size-pc11-sp11);
	flex-shrink: 0
}

.sec-trk-prg [role=progressbar] {
	margin-inline: var(--space-4)var(--space-1);
	background: var(--Primary01);
	height: 3px;
	position: relative
}

.sec-trk-prg .bar {
	background: var(--Primary02);
	width: 0;
	max-width: 100%;
	height: 100%;
	transition: width cubic-bezier(.85, 0, .15, 1);
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.sec-trk-prg .list {
	font-size: var(--font-size-pc12-sp12);
	flex-shrink: 0;
	justify-content: center;
	align-items: baseline;
	gap: 0 .125rem;
	min-width: 3.875rem;
	font-weight: 700;
	line-height: 1;
	display: flex
}

.sec-trk-prg .list .now {
	color: var(--Text-Strong);
	font-size: 1.5rem
}

.sec-trk-prg .list .denominator {
	text-align: center;
	width: 1.6875rem;
	margin-left: -.5em;
	display: inline-block;
	position: relative
}

.sec-trk-prg .list .max {
	display: inline-block
}

.sec-trk-prg .list .circle {
	opacity: 0;
	max-inline-size: none;
	margin: auto;
	display: inline-block;
	position: absolute;
	inset: 0
}

.sec-trk-prg.is-animate {
	animation: .4s cubic-bezier(.85, 0, .15, 1) trkScale
}

.sec-trk-prg.is-animate .max {
	animation: .6s cubic-bezier(.85, 0, .15, 1) .4s maxBound
}

.sec-trk-prg.is-animate .circle {
	animation: .6s .8s circleAnimation
}

.sec-trk-prg.is-animate .circle circle {
	animation: .6s .8s circlePropertiesAnimation
}

@media (min-width:48rem) {
	.sec-trk-prg {
		top: auto;
		bottom: var(--space-10);
		left: var(--space-2);
		padding: 0;
		position: fixed
	}

	.sec-trk-prg .content {
		grid-template-rows: auto auto 1fr;
		grid-template-columns: auto;
		justify-content: center;
		align-items: stretch;
		width: 4.3125rem;
		height: 16.0625rem;
		padding: .625rem 0 1.125rem
	}

	.sec-trk-prg .title {
		margin-bottom: var(--space-1);
		line-height: 1.5;
		font-size: var(--font-size-pc12-sp12)
	}

	.sec-trk-prg [role=progressbar] {
		order: 9999;
		width: 8.875rem;
		height: 4px;
		margin: auto;
		transform: rotate(90deg)
	}

	.sec-trk-prg .list {
		margin-bottom: var(--space-4);
		line-height: 1.125;
		font-size: var(--font-size-pc14-sp14);
		min-width: 100%
	}
}

@media (min-width:67.5rem) {
	.sec-trk-prg {
		left: max(calc(50vw - 37.5rem), var(--space-6))
	}
}

@keyframes trkScale {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(.7)
	}

	to {
		transform: scale(1)
	}
}

@keyframes maxBound {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	33.3% {
		opacity: .2;
		transform: translateY(-.5rem)
	}

	66.6% {
		opacity: .2;
		transform: translateY(.25rem)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes circleAnimation {

	0%,
	25% {
		stroke-width: 1px;
		stroke-dasharray: 1 2;
		opacity: 1;
		transform: scale(.333)
	}

	25%,
	50% {
		stroke-width: 2px;
		stroke-dasharray: 1 3;
		transform: scale(.481)
	}

	50%,
	75% {
		stroke-width: 3px;
		stroke-dasharray: 1 5;
		transform: scale(.852)
	}

	75%,
	to {
		stroke-width: 1px;
		stroke-dasharray: 1 5;
		transform: scale(1)
	}
}

.sec-hlt {
	align-items: center;
	gap: var(--space-1);
	display: inline-flex;
	position: relative
}

.sec-hlt:before {
	content: "";
	position: absolute;
	inset: -.25rem
}

.sec-hlt>span {
	align-self: baseline
}

.sec-hlt>i {
	color: var(--Gray-Grayscale-700)
}

.sec-hlt.--variant-link {
	gap: var(--space-2);
	color: var(--Secondary03)
}

.sec-hlt.--variant-link>i {
	color: currentColor
}

.sec-hdg {
	font-weight: 700
}

.sec-hdg>.tags {
	gap: var(--space-2);
	vertical-align: middle;
	margin-left: var(--space-2);
	display: inline-flex
}

.sec-hdg.--level-1 {
	font-size: var(--font-size-pc24-sp20)
}

.sec-hdg.--level-2 {
	font-size: var(--font-size-pc20-sp16)
}

.sec-hdg.--level-3 {
	font-size: var(--font-size-pc18-sp14)
}

.sec-hdg.--level-4 {
	font-size: var(--font-size-pc16-sp13)
}

.sec-hdg.--level-5 {
	font-size: var(--font-size-pc14-sp12)
}

.sec-hdg.--variant-vertical-line {
	padding-left: .75rem;
	position: relative
}

.sec-hdg.--variant-vertical-line:before {
	content: "";
	background-color: var(--Primary02);
	width: .25rem;
	height: max(100% - .75em, 1em);
	margin: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.sec-typo>a {
	text-decoration: underline
}

.sec-typo.--lineheight-sm-base {
	line-height: var(--font-line-height-pc150-sp120)
}

.sec-typo.--with-icon {
	align-items: center;
	gap: var(--space-1);
	display: flex
}

.sec-ico {
	--icon-size: 1rem;
	width: var(--icon-size);
	height: var(--icon-size);
	vertical-align: text-bottom;
	background-color: currentColor;
	flex-shrink: 0;
	line-height: 1;
	display: inline-block;
	-webkit-mask-position: 50%;
	mask-position: 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat
}

:where(.--is-fs-sm>.sec-ico) {
	align-self: flex-start
}

.sec-ico.--size-large {
	--icon-size: 1.5rem
}

.sec-ico.--size-xlarge {
	--icon-size: 2rem
}

.sec-ico:where(.--multi-color) {
	color: var(--Primary03);
	background: 0 0;
	-webkit-mask: none;
	mask: none
}

.sec-ico.--symbol-rex-help-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-help-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-help-outline.svg)
}

.sec-ico.--symbol-rex-info-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-info-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-info-outline.svg)
}

.sec-ico.--symbol-rex-warning-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-warning-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-warning-outline.svg)
}

.sec-ico.--symbol-rex-warning-filled {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-warning-filled.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-warning-filled.svg)
}

.sec-ico.--symbol-rex-arrow-down {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-arrow-down.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-arrow-down.svg)
}

.sec-ico.--symbol-rex-arrow-up {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-arrow-up.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-arrow-up.svg)
}

.sec-ico.--symbol-rex-chevron-left {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-left.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-left.svg)
}

.sec-ico.--symbol-rex-chevron-right {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-right.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-right.svg)
}

.sec-ico.--symbol-rex-chevron-down {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-down.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-down.svg)
}

.sec-ico.--symbol-rex-chevron-up {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-up.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-chevron-up.svg)
}

.sec-ico.--symbol-rex-smartphone-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-smartphone-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-smartphone-outline.svg)
}

.sec-ico.--symbol-rex-newwindow-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-newwindow-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-newwindow-outline.svg)
}

.sec-ico.--symbol-rex-security-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-security-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-security-outline.svg)
}

.sec-ico.--symbol-rex-edit-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-edit-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-edit-outline.svg)
}

.sec-ico.--symbol-rex-mail-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-mail-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-mail-outline.svg)
}

.sec-ico.--symbol-rex-mypage-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-mypage-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-mypage-outline.svg)
}

.sec-ico.--symbol-rex-identification-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-identification-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-identification-outline.svg)
}

.sec-ico.--symbol-rex-pdf-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-pdf-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-pdf-outline.svg)
}

.sec-ico.--symbol-rex-check {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-check.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-check.svg)
}


.sec-ico.--symbol-sure-security-unlock-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-sure-security-unlock-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-sure-security-unlock-outline.svg)
}

.sec-ico.--symbol-sure-circlecheck-outline {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-sure-circlecheck-outline.svg);
	mask-image: url(/visitorAccountOpen/img/ico-sure-circlecheck-outline.svg)
}

.sec-ico.--symbol-rex-close {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-close.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-close.svg)
}

.sec-ico.--symbol-rex-edit-outline.--size-xlarge {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-edit-outline-xlarge.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-edit-outline-xlarge.svg)
}

.sec-ico.--symbol-rex-identification-outline.--size-xlarge {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-identification-outline-xlarge.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-identification-outline-xlarge.svg)
}

.sec-ico.--symbol-rex-mail-outline.--size-xlarge {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-mail-outline-xlarge.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-mail-outline-xlarge.svg)
}

.sec-ico.--symbol-rex-mypage-outline.--size-xlarge {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-rex-mypage-outline-xlarge.svg);
	mask-image: url(/visitorAccountOpen/img/ico-rex-mypage-outline-xlarge.svg)
}

.sec-ico.--symbol-sure-circlecheck-outline.--size-xlarge {
	-webkit-mask-image: url(/visitorAccountOpen/img/ico-sure-circlecheck-outline-xlarge.svg);
	mask-image: url(/visitorAccountOpen/img/ico-sure-circlecheck-outline-xlarge.svg)
}

.sec-img {
	gap: var(--space-2);
	flex-direction: column;
	display: flex
}

.sec-img>img {
	width: 100%
}

.sec-img>figcaption {
	font-size: var(--font-size-pc12-sp12);
	flex: 1
}

.sec-img.--symbol-complete {
	stroke: var(--Text-Success);
	width: 6rem;
	height: 6rem;
	display: block;
	position: relative
}

.sec-img.--symbol-complete .circular {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg)
}

.sec-img.--symbol-complete .circular .path {
	stroke-dasharray: 375;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	opacity: 1;
	animation: .5s ease-in-out draw-circle
}

.sec-img.--symbol-complete .checkmark {
	stroke-width: 5px;
	width: 3.3125rem;
	height: 2.375rem;
	margin: auto;
	position: absolute;
	inset: 0
}

.sec-img.--symbol-complete .checkmark .path {
	opacity: 0;
	animation: .5s ease-in-out .5s forwards draw-check
}

.sec-img.--caption-top>figcaption {
	order: -1
}

@keyframes draw-circle {
	0% {
		stroke-dasharray: 0 352;
		stroke-dashoffset: 0;
		opacity: 1
	}

	to {
		stroke-dasharray: 352 352;
		stroke-dashoffset: 0;
		opacity: 1
	}
}

@keyframes draw-check {
	0% {
		stroke-dasharray: 49 80;
		stroke-dashoffset: 48px;
		opacity: 0
	}

	50% {
		stroke-dasharray: 49 80;
		stroke-dashoffset: 48px;
		opacity: 1
	}

	to {
		stroke-dasharray: 130 80;
		stroke-dashoffset: 48px;
		opacity: 1
	}
}

.sec-link {
	color: var(--Secondary03)
}

.sec-link:where([type=button]) {
	text-decoration: underline
}

.sec-link>i {
	vertical-align: middle
}

.sec-link>i:where(:first-child) {
	margin-right: var(--space-1)
}

.sec-link>i:where(:last-child) {
	margin-left: var(--space-1)
}

@media (min-width:48rem) {
	.sec-link:where(:hover) {
		color: var(--Secondary02)
	}
}

.sec-btn {
	--gap: .5rem;
	--font-weight: 700;
	justify-content: center;
	align-items: center;
	gap: var(--gap);
	padding: var(--padding, 0);
	text-align: center;
	font-weight: var(--font-weight);
	outline-offset: 0;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: .25rem;
	width: fit-content;
	min-height: 3rem;
	text-decoration: none;
	display: flex
}

.sec-btn.--size-xl {
	--padding: var(--space-1)var(--space-8);
	font-size: var(--font-size-pc16-sp14)
}

.sec-btn.--size-lg {
	--padding: var(--space-1)var(--space-6);
	font-size: var(--font-size-pc16-sp14)
}

.sec-btn.--size-md {
	--padding: var(--space-1)var(--space-4);
	font-size: var(--font-size-pc14-sp14)
}

.sec-btn.--size-sm {
	--padding: var(--space-1)var(--space-3);
	--font-weight: 400;
	font-size: var(--font-size-pc14-sp13)
}

.sec-btn.--size-xs {
	--gap: var(--space-1);
	--padding: var(--space-1)var(--space-2);
	--font-weight: 400;
	font-size: var(--font-size-pc12-sp12)
}

.sec-btn.--variant-normal {
	color: var(--Secondary03);
	background: var(--Gray-Grayscale-White);
	box-shadow: inset 0 0 0 1px var(--Secondary03), 0 2px 0 0 var(--Secondary04)
}

:is(.sec-btn.--variant-normal:active, .sec-btn.--variant-normal:focus-visible) {
	background: var(--Button-Normal-Background-Active);
	box-shadow: var(--Button-Normal-Line-Active);
	color: var(--Button-Normal-Text-Active)
}

.sec-btn.--variant-primary {
	color: var(--Gray-Grayscale-White);
	background: var(--Primary02);
	box-shadow: inset 0 0 0 1px var(--Primary04), 0 2px 0 0 var(--Primary05)
}

:is(.sec-btn.--variant-primary:active, .sec-btn.--variant-primary:focus-visible) {
	box-shadow: inset 0 0 0 1px var(--Primary04);
	background: #000014
}

.sec-btn.--variant-negative {
	color: var(--Gray-Grayscale-900);
	background: var(--Gray-Grayscale-White);
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300), 0 2px 0 0 var(--Gray-Grayscale-300)
}

:is(.sec-btn.--variant-negative:active, .sec-btn.--variant-negative:focus-visible) {
	color: #141457;
	background: #d6d6d6;
	box-shadow: inset 0 0 0 1px #a8a8a8
}

.sec-btn.--variant-link {
	color: var(--Secondary03);
	background: 0 0
}

:is(.sec-btn.--variant-link:active, .sec-btn.--variant-link:focus-visible) {
	color: #141457;
	background: #d6d6d6
}

.sec-btn.--variant-link:not([href]),
.sec-btn.--variant-link:disabled {
	box-shadow: none
}

.sec-btn.--variant-function {
	color: var(--Secondary03);
	background: var(--Gray-Grayscale-100);
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300), 0 2px 0 0 var(--Gray-Grayscale-300)
}

:is(.sec-btn.--variant-function:active, .sec-btn.--variant-function:focus-visible) {
	color: #141457;
	background: #cfcfcf;
	box-shadow: inset 0 0 0 1px #a8a8a8
}

a.sec-btn:not([href]),
.sec-btn:disabled {
	color: var(--Gray-Grayscale-550);
	background: var(--Gray-Grayscale-200);
	box-shadow: inset 0 0 0 1px var(--Gray-Grayscale-300), 0 2px 0 0 var(--Gray-Grayscale-300)
}

@media (min-width:48rem) {
	.sec-btn.--size-xl {
		min-height: 3.5rem
	}

	.sec-btn.--size-lg {
		--padding: var(--space-1)var(--space-6)
	}

	.sec-btn.--size-md {
		--padding: var(--space-1)var(--space-4);
		min-height: 2.3125rem
	}

	.sec-btn.--size-sm {
		--padding: var(--space-1)var(--space-3);
		min-height: 2rem
	}

	.sec-btn.--size-xs {
		--padding: var(--space-1)var(--space-2);
		min-height: 1.625rem
	}

	.sec-btn.--variant-normal:where(:hover) {
		box-shadow: var(--Button-Normal-Line-Hover);
		background: var(--Button-Normal-Background-Hover);
		color: var(--Button-Normal-Text-Hover)
	}

	.sec-btn.--variant-primary:where(:hover) {
		background: var(--Primary04)
	}

	.sec-btn.--variant-negative:where(:hover) {
		box-shadow: inset 0 0 0 1px #bdbdbd, 0 2px 0 0 var(--Gray-Grayscale-300);
		background: var(--Gray-Grayscale-200);
		color: #1c1c78
	}

	.sec-btn.--variant-link:where(:hover) {
		background: var(--Gray-Grayscale-200);
		color: #1c1c78
	}

	.sec-btn.--variant-function:where(:hover) {
		box-shadow: inset 0 0 0 1px #bdbdbd, 0 2px 0 0 var(--Gray-Grayscale-300);
		color: #1c1c78;
		background: #e3e3e3
	}
}

.sec-lst {
	gap: var(--space-1);
	align-items: baseline;
	display: flex
}

.sec-lst>.marker {
	color: var(--color-marker);
	flex-shrink: 0
}

@supports (min-height:1lh) {
	.sec-lst>.marker {
		min-height: 1lh
	}
}

@supports not (min-height:1lh) {
	.sec-lst>.marker {
		min-height: 1.5em
	}
}

.sec-lst.--variant-note,
.sec-lst.--variant-unordered,
.sec-lst.--variant-unordered-lg {
	--color: var(--Text-Caption);
	color: var(--color)
}

:is(.sec-lst.--variant-note, .sec-lst.--variant-unordered, .sec-lst.--variant-unordered-lg) :where(a, button) {
	text-decoration: underline
}

.sec-lst.--variant-unordered,
.sec-lst.--variant-unordered-lg {
	--color-marker: var(--Text-Caption);
	font-size: var(--font-size-pc13-sp13)
}

:is(.sec-lst.--variant-unordered, .sec-lst.--variant-unordered-lg).--is-clr-font-strong {
	--color-marker: var(--Text-Strong)
}

:is(.sec-lst.--variant-unordered, .sec-lst.--variant-unordered-lg)>.marker {
	font-size: 1rem;
	line-height: 1;
	transform: scale(1.4375)
}

.sec-lst.--variant-link {
	font-size: var(--font-size-pc13-sp13)
}

.sec-lst.--variant-link i:where(:first-child) {
	margin-right: var(--space-2)
}

.sec-lst.--variant-link i:where(:last-child) {
	margin-left: var(--space-2)
}

.sec-lst.--variant-anchor {
	font-size: var(--font-size-pc13-sp13)
}

.sec-lst.--variant-anchor i:where(:first-child) {
	margin-right: var(--space-1)
}

.sec-lst-catalog,
.sec-lst-catalog thead,
.sec-lst-catalog tbody,
.sec-lst-catalog th,
.sec-lst-catalog td {
	display: block
}

.sec-lst-catalog thead tr {
	align-items: center;
	gap: var(--space-4);
	padding-inline: var(--space-3);
	margin-bottom: var(--space-2);
	display: flex
}

.sec-lst-catalog thead tr th {
	text-align: center;
	line-height: var(--font-line-height-pc150-sp120);
	font-size: var(--font-size-pc14-sp14);
	max-width: 2rem;
	font-weight: 400
}

.sec-lst-catalog tbody {
	padding-inline: var(--space-3);
	background: var(--Gray-Grayscale-White);
	border-radius: var(--radius-1)
}

.sec-lst-catalog tbody tr {
	gap: var(--space-4);
	padding-block: var(--space-5);
	grid-template-rows: auto auto;
	grid-template-columns: 2rem 1fr;
	align-items: center;
	display: grid
}

.sec-lst-catalog tbody tr+tr {
	border-top: 1px solid var(--Gray-Grayscale-300)
}

.sec-lst-catalog tbody tr:first-child {
	padding-top: var(--space-3)
}

.sec-lst-catalog tbody tr:last-child {
	padding-bottom: var(--space-3)
}

.sec-lst-catalog .mark svg rect {
	fill: var(--Gray-Grayscale-200)
}

.sec-lst-catalog .mark svg path {
	fill: var(--Gray-Grayscale-400);
	stroke: var(--Gray-Grayscale-400)
}

.sec-lst-catalog .mark svg[data-checked=true] rect {
	fill: var(--Text-Strong)
}

.sec-lst-catalog .mark svg[data-checked=true] path {
	fill: var(--Text-White);
	stroke: var(--Text-White)
}

.sec-lst-catalog .content {
	font-weight: 700
}

.sec-lst-catalog .trigger {
	grid-column: 1/-1
}

@media (min-width:48rem) {
	.sec-lst-catalog thead tr {
		gap: var(--space-6);
		padding-inline: var(--space-4)
	}

	.sec-lst-catalog thead tr th {
		max-width: 3.5rem
	}

	.sec-lst-catalog tbody {
		padding-inline: var(--space-6)
	}

	.sec-lst-catalog tbody tr {
		gap: var(--space-10);
		padding-block: var(--space-6);
		grid-template-rows: auto;
		grid-template-columns: 2rem 1fr 11.5rem
	}

	.sec-lst-catalog tbody tr:first-child {
		padding-top: var(--space-4)
	}

	.sec-lst-catalog tbody tr:last-child {
		padding-bottom: var(--space-4)
	}

	.sec-lst-catalog tbody .trigger {
		grid-column: auto
	}
}

.sec-dvi {
	border-top-color: var(--Gray-Grayscale-300)
}

.sec-rbtn {
	--size: 1.875rem;
	--size-check: 1rem;
	--border-width: 2px;
	--bg-color: var(--Gray-Grayscale-White);
	width: var(--size);
	height: var(--size);
	border: var(--border-width)solid var(--border-color, var(--Gray-Grayscale-550));
	background-color: var(--bg-color);
	border-radius: 50%;
	outline: none;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: inline-flex
}

.sec-rbtn:before {
	content: "";
	width: var(--size-check);
	height: var(--size-check);
	background-color: var(--border-color);
	opacity: 0;
	border-radius: 50%;
	flex-shrink: 0;
	display: inline-block
}

.sec-rbtn:checked {
	--border-color: var(--Secondary02)
}

.sec-rbtn:checked:before {
	opacity: 1
}

.sec-rbtn[aria-invalid=true] {
	--border-color: var(--Text-Danger)
}

.sec-rbtn:checked:where([aria-invalid=true]) {
	--border-color: var(--Text-Danger)
}

.sec-rbtn:checked:where([aria-invalid=true]):before {
	--border-color: var(--Secondary02)
}

.sec-rbtn:disabled {
	--border-color: var(--Gray-Grayscale-300)
}

.sec-chb {
	--size: 1.5rem;
	--size-check: 1rem;
	--border-width: 2px;
	--bg-color: var(--Gray-Grayscale-White);
	width: var(--size);
	height: var(--size);
	border: var(--border-width)solid var(--border-color, var(--Gray-Grayscale-550));
	border-radius: var(--radius-1);
	background-color: var(--bg-color);
	outline: none;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	display: inline-flex
}

.sec-chb:before {
	content: "";
	width: var(--size-check);
	height: var(--size-check);
	background-color: var(--Gray-Grayscale-White);
	opacity: 0;
	flex-shrink: 0;
	display: inline-block;
	-webkit-mask: url(/visitorAccountOpen/img/ico-rex-check.svg) 50%/contain no-repeat;
	mask: url(/visitorAccountOpen/img/ico-rex-check.svg) 50%/contain no-repeat
}

.sec-chb:checked {
	--border-color: var(--Secondary02);
	--bg-color: var(--Secondary02)
}

.sec-chb:checked:before {
	opacity: 1
}

.sec-chb[aria-invalid=true] {
	--border-color: var(--Text-Danger)
}

.sec-chb:disabled {
	--border-color: var(--Gray-Grayscale-300)
}

.sec-chb:disabled:checked {
	--bg-color: var(--Gray-Grayscale-300)
}

.sec-txt {
	padding: var(--space-3)var(--space-4);
	box-shadow: inset 0 0 0 1px var(--border-color, var(--Gray-Grayscale-550));
	border-radius: var(--radius-1);
	background: var(--bg-color, var(--Gray-Grayscale-White));
	font-size: var(--font-size-pc16-sp16);
	border: none;
	outline: none;
	width: 100%;
	height: 3rem
}

.sec-txt:hover {
	--border-color: var(--Secondary02)
}

.sec-txt:active {
	--bg-color: var(--Gray-Grayscale-White)
}

.sec-txt:required {
	--bg-color: var(--Secondary01)
}

.sec-txt:valid {
	--bg-color: var(--Gray-Grayscale-White)
}

.sec-txt[aria-invalid=true] {
	--border-color: var(--Text-Danger);
	--bg-color: var(--Background-Danger)
}

.sec-txt:focus-visible {
	--border-color: var(--Secondary02);
	--bg-color: var(--Gray-Grayscale-White);
	box-shadow: inset 0 0 0 2px var(--border-color)
}

.sec-txt:disabled {
	--border-color: var(--Gray-Grayscale-300);
	--bg-color: var(--Gray-Grayscale-100)
}

.sec-txt:disabled[aria-invalid=true] {
	--border-color: var(--Text-Danger);
	--bg-color: var(--Background-Danger)
}

.sec-slb {
	padding: var(--space-3)var(--space-8)var(--space-3)var(--space-4);
	box-shadow: inset 0 0 0 1px var(--border-color, var(--Gray-Grayscale-550));
	border-radius: var(--radius-1);
	background: var(--bg-color, var(--Gray-Grayscale-White))url(/visitorAccountOpen/img/ico-rex-arrowicon-filled.svg) no-repeat right .625rem center;
	font-size: var(--font-size-pc16-sp16);
	background-size: .75rem;
	border: none;
	outline: none;
	width: 100%;
	height: 3rem
}

.sec-slb:hover {
	--border-color: var(--Secondary02)
}

.sec-slb:active {
	--bg-color: var(--Gray-Grayscale-White)
}

.sec-slb:required {
	--bg-color: var(--Secondary01);
	color: var(--Gray-Form-Placeholder)
}

.sec-slb:valid {
	--bg-color: var(--Gray-Grayscale-White);
	color: var(--Text-Default)
}

.sec-slb[aria-invalid=true] {
	--border-color: var(--Text-Danger);
	--bg-color: var(--Background-Danger)
}

.sec-slb:focus-visible {
	--border-color: var(--Secondary02);
	--bg-color: var(--Gray-Grayscale-White);
	box-shadow: inset 0 0 0 2px var(--border-color)
}

.sec-slb:disabled {
	--border-color: var(--Gray-Grayscale-300);
	--bg-color: var(--Gray-Grayscale-100)
}

.sec-lbl {
	text-align: center;
	padding: var(--space-1)var(--space-2);
	background: var(--bg-color, transparent);
	border-radius: var(--radius-1);
	line-height: 1;
	font-size: var(--font-size-pc14-sp14);
	color: var(--color);
	box-shadow: inset 0 0 0 1px var(--border-color);
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	min-height: 1.5rem;
	font-weight: 700;
	display: inline-flex
}

.sec-lbl.--variant-primary {
	--border-color: var(--Labels-Must-Line);
	--bg-color: var(--Labels-Must-Body);
	--color: var(--Labels-Must-Text)
}

.sec-lbl.--variant-secondary {
	--border-color: var(--Labels-Multi-Line);
	--bg-color: var(--Labels-Multi-Body);
	--color: var(--Labels-Multi-Text)
}

.sec-lbl.--variant-tertiary {
	--border-color: var(--Gray-Grayscale-700);
	--bg-color: var(--Gray-Grayscale-White);
	--color: var(--Gray-Grayscale-700)
}

@media (min-width:48rem) {
	.sec-lbl {
		padding-inline: var(--space-4)
	}
}

.sec-prt-panel-button {
	display: block
}

.sec-prt-panel-button>*+* {
	margin-top: var(--space-1)
}

.sec-prt-panel-button>.panel {
	margin-inline: calc(var(--spacing-gutter)*-1)
}

.sec-prt-panel-button>.panel>.head {
	justify-content: center;
	display: flex
}

.sec-prt-panel-button>.panel>.head .sec-fid .label {
	background: 0 0;
	align-items: center;
	padding: 0
}

.sec-prt-panel-button>.panel>.trigger {
	gap: var(--space-4);
	flex-direction: column-reverse;
	display: flex
}

.sec-prt-panel-button>.foot {
	padding-block: var(--space-4);
	margin-top: 0
}

.sec-prt-panel-button.--foot-p-block-8>.foot {
	padding-block: var(--space-8)
}

.sec-prt-panel-button.--foot-p-bottom-8>.foot {
	padding-bottom: var(--space-8)
}

.sec-prt-panel-button.--use-middle {
	margin-bottom: 0
}

.sec-prt-panel-button.--use-middle.--variant-normal>.panel:last-child {
	border-bottom: none
}

@media (max-width:47.9375rem) {
	.sec-prt-panel-button {
		margin-bottom: calc(var(--article-padding-bottom, 0)*-1)
	}

	.sec-prt-panel-button.--variant-normal>.panel:last-child {
		border-bottom: 1px solid var(--Gray-Grayscale-300)
	}
}

@media (min-width:48rem) {
	.sec-prt-panel-button>.panel {
		border-radius: var(--radius-1);
		margin-inline: 0
	}

	.sec-prt-panel-button>.panel>.trigger {
		max-width: 25rem;
		margin-inline: auto
	}

	.sec-prt-panel-button>.foot,
	.sec-prt-panel-button.--foot-p-block-8>.foot {
		padding-bottom: 0
	}
}

@media (min-width:67.5rem) {
	.sec-prt-panel-button.--columns-1-1to2>.panel>.trigger {
		grid-template-columns: 1fr 2fr;
		max-width: 38.5rem;
		display: grid
	}
}

.sec-prt-panel-step>.panel>.head {
	text-align: center;
	font-size: 1.25rem;
	line-height: 1.1
}

.sec-prt-panel-step>.panel>.head strong {
	font-size: 2.25rem
}

.sec-prt-panel-step>.panel>.list>.card {
	gap: var(--space-2);
	grid-template-columns: 5rem 1fr;
	display: grid
}

.sec-prt-panel-step>.panel>.list>.card .tag {
	background: var(--Grayscale-Grayscale-White);
	color: var(--Primary03);
	border: 1px solid;
	border-radius: 1.25rem;
	justify-content: center;
	align-self: center;
	align-items: center;
	min-width: 5rem;
	height: 30px;
	font-size: .875rem;
	font-weight: 700;
	display: flex
}

.sec-prt-panel-step>.panel>.list>.card .mark {
	aspect-ratio: 1;
	background: var(--Gray-Blue-Gray-100);
	border-radius: 50%;
	justify-self: center;
	place-items: center;
	width: 100%;
	max-width: 3rem;
	display: grid
}

.sec-prt-panel-step>.panel>.list>.card .title {
	text-align: center;
	align-self: center;
	align-items: center;
	min-height: 3em;
	display: flex
}

.sec-prt-panel-step.--varinant-trading>.panel>.list>.card {
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	display: flex
}

@media (min-width:48rem) {
	.sec-prt-panel-step>.panel>.list>.card {
		flex-direction: column;
		align-items: center;
		display: flex
	}

	.sec-prt-panel-step>.panel>.list>.card .tag {
		min-width: 5.9375rem
	}

	.sec-prt-panel-step>.panel>.list>.card .mark {
		max-width: 4rem
	}

	.sec-prt-panel-step>.panel>.list>.card .mark i {
		--icon-size: 2rem
	}

	.sec-prt-panel-step>.panel>.list>.card .title {
		text-align: center;
		align-self: center
	}
}

.sec-prt-panel-upload {
	display: block
}

.sec-prt-panel-upload>.panel {
	height: 100%
}

.sec-prt-panel-upload>.panel>.inner {
	align-items: center;
	gap: var(--space-3);
	flex-direction: column;
	height: 100%;
	display: flex
}

.sec-prt-panel-upload>.panel>.inner>.plus {
	align-items: center;
	max-width: 2.0625rem;
	height: 3.0625rem;
	display: flex
}

.sec-prt-panel-upload>.panel>.inner figcaption {
	font-size: var(--font-size-pc16-sp16)
}

@media (max-width:47.9375rem) {
	.sec-prt-panel-upload>.panel>.inner label {
		font-size: .875rem
	}
}

@media (min-width:48rem) {
	.sec-prt-panel-upload>.panel {
		--border-color: var(--Secondary05)
	}

	.sec-prt-panel-upload>.panel.--variant-normal {
		--border-color: var(--Gray-Form-Placeholder)
	}

	.sec-prt-panel-upload>.panel>.inner {
		border: 1px dashed var(--border-color);
		border-radius: var(--radius-1);
		padding: .9375rem
	}

	.sec-prt-panel-upload>.panel>.inner>.plus {
		max-width: 3.5rem;
		height: 6.75rem
	}
}

.sec-prt-panel-flow {
	align-items: center;
	gap: var(--space-2);
	grid-template-columns: repeat(1, minmax(0, 1fr));
	display: grid
}

.sec-prt-panel-flow>.panel {
	--border-width: 1px;
	--padding-block: calc(var(--space-4) - var(--border-width));
	--padding-inline: var(--space-2);
	border: var(--border-width)solid var(--Gray-Grayscale-300);
	border-radius: var(--radius-1);
	display: flex
}

.sec-prt-panel-flow>.panel>.head,
.sec-prt-panel-flow>.panel>.body {
	justify-content: center;
	gap: var(--space-2);
	flex-direction: column;
	flex: 1;
	display: flex
}

.sec-prt-panel-flow>.panel>.head {
	padding: var(--padding-block)var(--padding-inline)var(--padding-block)var(--padding-block);
	border-radius: var(--radius-1)0 0 var(--radius-1);
	background: var(--Gray-Blue-Gray-100);
	align-items: flex-start
}

.sec-prt-panel-flow>.panel>.head span {
	padding-inline: var(--space-2);
	margin-top: var(--space-2);
	width: fit-content;
	display: flex
}

.sec-prt-panel-flow>.panel>.body {
	padding: var(--padding-block)var(--padding-block)var(--padding-block)var(--padding-inline);
	position: relative
}

.sec-prt-panel-flow>.panel>.body:after {
	content: "";
	left: -1px;
	top: var(--padding-block);
	height: calc(100% - var(--padding-block)*2);
	background: var(--Gray-Grayscale-300);
	width: 1px;
	display: block;
	position: absolute
}

.sec-prt-panel-flow>.panel[aria-current]>.head,
.sec-prt-panel-flow>.panel[aria-current]~:is(.sec-prt-panel-flow>.panel)>.head {
	background: var(--Background-Strong)
}

.sec-prt-panel-flow>.step {
	flex-direction: column;
	flex-shrink: 0;
	align-self: center;
	align-items: center;
	gap: .125rem;
	display: flex
}

@media (min-width:48rem) {
	.sec-prt-panel-flow {
		grid-template-columns: 1fr auto 1fr auto 1fr;
		align-items: stretch
	}

	.sec-prt-panel-flow>.panel {
		grid-template-rows: subgrid;
		grid-row: span 2;
		gap: 0;
		display: grid
	}

	.sec-prt-panel-flow>.panel>.head {
		padding: var(--padding-block)var(--padding-block)var(--padding-inline);
		align-items: center
	}

	.sec-prt-panel-flow>.panel>.head>.title {
		text-align: center
	}

	.sec-prt-panel-flow>.panel>.head>.title span {
		padding-inline: var(--space-4);
		width: auto;
		display: inline-flex
	}

	.sec-prt-panel-flow>.panel>.body {
		padding: var(--padding-inline)var(--padding-block)var(--padding-block)
	}

	.sec-prt-panel-flow>.panel>.body:after {
		width: calc(100% - var(--padding-inline)*2);
		top: -1px;
		left: var(--padding-inline);
		height: 1px
	}

	.sec-prt-panel-flow>.step {
		grid-row: span 2
	}

	.sec-prt-panel-flow>.step>i {
		transform: rotate(-90deg)
	}
}

@media (min-width:67.5rem) {
	.sec-prt-panel-flow>.panel>.head>.title {
		text-align: left;
		display: inline
	}

	.sec-prt-panel-flow>.panel>.head>.title>* {
		display: inline
	}

	.sec-prt-panel-flow>.panel>.head>.title span {
		margin-left: var(--space-2)
	}
}

.sec-prt-panel-answer {
	gap: var(--space-6);
	flex-direction: column;
	display: flex
}

.sec-prt-panel-answer .panel {
	gap: var(--space-2);
	grid-template: "state title" "correct answerHead" "answerBody answerBody" /5rem 1fr;
	display: grid
}

.sec-prt-panel-answer .panel>.state {
	grid-area: state;
	align-self: center;
	padding: .125rem
}

.sec-prt-panel-answer .panel>.title {
	grid-area: title;
	align-self: center
}

.sec-prt-panel-answer .panel>.correct,
.sec-prt-panel-answer .panel>.answer>.head,
.sec-prt-panel-answer .panel>.answer>.body {
	text-align: center;
	padding: var(--space-4);
	background: var(--Gray-Grayscale-White);
	border-radius: var(--radius-1)
}

:is(.sec-prt-panel-answer .panel>.correct, .sec-prt-panel-answer .panel>.answer>.head, .sec-prt-panel-answer .panel>.answer>.body)>.title {
	padding-bottom: var(--space-3);
	margin-bottom: var(--space-3);
	border-bottom: 1px solid var(--Gray-Grayscale-300)
}

:is(.sec-prt-panel-answer .panel>.correct, .sec-prt-panel-answer .panel>.answer>.head)>.text {
	place-content: center;
	height: 2.625rem;
	display: grid
}

.sec-prt-panel-answer .panel>.correct {
	grid-area: correct
}

.sec-prt-panel-answer .panel>.answer {
	grid-area: answer;
	display: contents
}

.sec-prt-panel-answer .panel>.answer>.head {
	grid-area: answerHead
}

.sec-prt-panel-answer .panel>.answer>.body {
	grid-area: answerBody
}

.sec-prt-panel-answer .panel>.answer>.body>.title {
	grid-area: answerBodyTitle
}

.sec-prt-panel-answer .panel>.answer>.body>.text {
	text-align: left;
	grid-area: answerBodyText
}

.sec-prt-panel-answer .panel>.answer>.body>.trigger {
	margin-top: var(--space-2);
	grid-area: answerBodyTrigger
}

@media (min-width:48rem) {
	.sec-prt-panel-answer .panel {
		gap: var(--space-2)var(--space-4);
		grid-template: "state title" "correct answer" /5rem 1fr
	}

	.sec-prt-panel-answer .panel>.state {
		padding: 0 var(--space-4)
	}

	.sec-prt-panel-answer .panel>.correct {
		flex-direction: column;
		display: flex
	}

	.sec-prt-panel-answer .panel>.correct>.text {
		flex: 1
	}

	.sec-prt-panel-answer .panel>.answer {
		padding: var(--space-4);
		background: var(--Gray-Grayscale-White);
		border-radius: var(--radius-1);
		grid-template: "answerHead answerBody" /auto 1fr;
		display: grid
	}

	.sec-prt-panel-answer .panel>.answer>.head,
	.sec-prt-panel-answer .panel>.answer>.body {
		background: 0 0;
		padding: 0
	}

	.sec-prt-panel-answer .panel>.answer>.head {
		flex-direction: column;
		display: flex
	}

	.sec-prt-panel-answer .panel>.answer>.head>.text {
		flex: 1
	}

	.sec-prt-panel-answer .panel>.answer>.body {
		grid-template: "answerBodyTitle answerBodyTitle" "answerBodyText answerBodyTrigger" /1fr auto;
		display: grid
	}

	.sec-prt-panel-answer .panel>.answer>.body>.text {
		padding-inline: var(--space-4);
		align-self: center
	}

	.sec-prt-panel-answer .panel>.answer>.body>.trigger {
		align-self: center;
		margin-top: 0
	}
}

.sec-prt-panel-add {
	display: block
}

.sec-prt-panel-add svg {
	color: var(--Secondary03);
	width: 2.0625rem
}

.sec-prt-panel-add[hidden]+.description {
	display: none
}

@media (min-width:48rem) {
	.sec-prt-panel-add svg {
		width: 3.5rem
	}
}

.sec-prt-panel-card {
	border: 1px solid var(--Gray-Grayscale-300);
	border-radius: var(--radius-1)
}

.sec-prt-panel-card>.head {
	padding: .9375rem .9375rem var(--space-4);
	background: var(--Secondary01);
	border-radius: var(--radius-1)var(--radius-1)0 0
}

.sec-prt-panel-card>.head>.tag span {
	border-radius: 1.25rem
}

.sec-prt-panel-card>.body {
	padding: var(--space-4).9375rem .9375rem
}

.sec-prt-panel-entry:first-of-type .close {
	display: none
}

.sec-prt-panel-entry:not(:first-of-type) .close+* {
	display: none
}

.sec-prt-button-chat {
	right: var(--space-4);
	bottom: var(--bottom);
	z-index: var(--z-index-lv-3);
	filter: drop-shadow(0 2px 4px #0000000a)drop-shadow(0 4px 5px #00000005)drop-shadow(0 1px 10px #0000001a);
	position: fixed
}

.sec-prt-button-chat>.button {
	border: 2px solid var(--Gray-Grayscale-White);
	background: var(--bg-button);
	text-align: center;
	border-radius: 50%;
	flex-direction: column;
	align-items: center;
	width: 6.125rem;
	height: 6.3125rem;
	display: flex
}

.sec-prt-button-chat>.button>.title {
	padding-block: 1.125rem var(--space-1);
	color: var(--Gray-Grayscale-White);
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.2
}

.sec-prt-button-chat>.button>.img {
	width: 2.0625rem
}

.sec-prt-button-chat>.button>.panel {
	padding: var(--space-1);
	background: var(--Gray-Grayscale-White);
	border-radius: 1.125rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 4.875rem;
	height: 1.375rem;
	margin-inline: auto;
	display: inline-flex;
	position: absolute;
	inset: calc(100% - 8px) 0 auto
}

.sec-prt-button-chat>.button>.panel>* {
	transform-origin: 50%;
	color: var(--Labels-Multi-Text);
	font-size: .625rem;
	line-height: 1;
	scale: .8
}

.sec-prt-button-chat>.button>.mark {
	gap: var(--space-1);
	display: flex
}

.sec-prt-button-chat>.close {
	background: var(--bg-close);
	color: var(--font-close);
	border-radius: 50%;
	place-items: center;
	width: 1.25rem;
	height: 1.25rem;
	display: grid;
	position: absolute;
	top: 0;
	right: .0625rem
}

.sec-prt-button-chat>.close:before {
	content: "";
	position: absolute;
	inset: -.5rem
}

.sec-prt-button-chat.--themes-ms {
	--bg-button: var(--Labels-Multi-Text);
	--bg-close: var(--Primary01);
	--font-close: var(--Gray-Grayscale-900);
	--bottom: var(--space-8)
}

.sec-prt-button-chat.--themes-rs {
	--bg-button: #ec0606;
	--bg-close: var(--Gray-Grayscale-900);
	--font-close: var(--Gray-Grayscale-White);
	--bottom: var(--space-4)
}

@media (min-width:48rem) {
	.sec-prt-button-chat.--themes-ms {
		--bottom: var(--space-13)
	}

	.sec-prt-button-chat.--themes-rs {
		--bottom: var(--space-10)
	}

	.sec-prt-button-chat {
		right: var(--space-2)
	}
}

@media (min-width:67.5rem) {
	.sec-prt-button-chat {
		right: var(--space-6)
	}
}

@media (min-width:80rem) {
	.sec-prt-button-chat {
		right: var(--space-10)
	}
}

.sec-prt-button-toggle {
	flex: 1;
	width: 100%
}

.sec-prt-button-close {
	background: var(--Gray-Grayscale-900);
	color: var(--Gray-Grayscale-White);
	cursor: pointer;
	border-radius: 50%;
	place-content: center;
	width: 2rem;
	height: 2rem;
	display: inline-grid;
	right: 0
}

.sec-prt-heading-success {
	justify-content: center;
	align-items: center;
	gap: var(--space-6);
	text-align: center;
	flex-flow: column wrap;
	display: flex
}

.sec-prt-heading-success .--symbol-complete {
	width: 7.5rem;
	height: 7.5rem
}

.sec-prt-heading-success .--symbol-complete .circular .path {
	stroke-width: 1.6px;
	transform: scale(1.25)
}

.sec-prt-heading-success .--symbol-complete .checkmark {
	stroke-width: 4px;
	transform: scale(1.2453)
}

@media (min-width:48rem) {
	.sec-prt-heading-success {
		flex-direction: row
	}

	.sec-prt-heading-success .--symbol-complete {
		width: 6rem;
		height: 6rem
	}

	.sec-prt-heading-success .--symbol-complete .circular .path {
		stroke-width: 2px;
		transform: none
	}

	.sec-prt-heading-success .--symbol-complete .checkmark {
		transform: none
	}
}

.sec-prt-heading-section {
	padding: var(--space-2)var(--space-4);
	background: #737582
}

.sec-prt-radio-search>label {
	padding-block: var(--space-4);
	display: flex
}

.sec-prt-radio-search>label>span {
	color: var(--Secondary03)
}

.sec-prt-radio-search>label>span:where(:hover) {
	color: var(--Secondary02)
}

.sec-img-qr-code {
	border: 1px solid var(--Gray-Grayscale-200);
	padding: var(--space-1)
}

.--is-none {
	display: none !important
}

@media (min-width:48rem) {
	.--is-none-md {
		display: none !important
	}
}

@media (min-width:67.5rem) {
	.--is-none-lg {
		display: none !important
	}
}

@media (min-width:80rem) {
	.--is-none-xl {
		display: none !important
	}
}

@media (max-width:47.9375rem) {
	.--is-none-max-md {
		display: none !important
	}
}

@media (max-width:67.4375rem) {
	.--is-none-max-lg {
		display: none !important
	}
}

@media (max-width:79.9375rem) {
	.--is-none-max-xl {
		display: none !important
	}
}

.--is-fw-bold,
.--is-fw-bold-normal {
	font-weight: 700 !important
}

.--is-fw-normal {
	font-weight: 400 !important
}

.--is-fs-lg {
	font-size: var(--font-size-pc18-sp18) !important
}

.--is-fs-base {
	font-size: var(--font-size-pc16-sp16) !important
}

.--is-fs-md {
	font-size: var(--font-size-pc14-sp14) !important
}

.--is-fs-sm {
	font-size: var(--font-size-pc13-sp13) !important
}

.--is-fs-xs {
	font-size: var(--font-size-pc12-sp12) !important
}

.--is-fs-2xs {
	font-size: var(--font-size-pc11-sp11) !important
}

.--is-fs-sm-md {
	font-size: var(--font-size-pc14-sp13) !important
}

.--is-fs-md-sm {
	font-size: var(--font-size-pc13-sp14) !important
}

.--is-fs-xs-sm {
	font-size: var(--font-size-pc13-sp12) !important
}

.--is-fs-lg-xl {
	font-size: var(--font-size-pc20-sp18) !important
}

.--is-fs-md-base {
	font-size: var(--font-size-pc16-sp14) !important
}

.--is-fs-xs-md {
	font-size: var(--font-size-pc14-sp12) !important
}

.--is-fs-2xs-sm {
	font-size: var(--font-size-pc13-sp11) !important
}

.--is-fs-3xs-xs {
	font-size: var(--font-size-pc12-sp10) !important
}

.--is-fs-sm-base {
	font-size: var(--font-size-pc16-sp13) !important
}

.--is-fs-base-exl {
	font-size: var(--font-size-pc32-sp16) !important
}

.--is-fs-lg-2xl {
	font-size: var(--font-size-pc24-sp18) !important
}

.--is-fs-2xl-exl {
	font-size: var(--font-size-pc32-sp24) !important
}

.--is-lh-sm-base {
	line-height: var(--font-line-height-pc150-sp120) !important
}

@media (min-width:48rem) {
	.--is-fw-bold-normal {
		font-weight: 400 !important
	}
}

.--is-align-left {
	text-align: left !important
}

.--is-align-right {
	text-align: right !important
}

.--is-align-center {
	text-align: center !important
}

.--is-vertical-top {
	vertical-align: top !important
}

.--is-vertical-middle {
	vertical-align: middle !important
}

.--is-vertical-bottom {
	vertical-align: bottom !important
}

.--is-align-items-flex-start {
	align-items: flex-start !important
}

.--is-align-items-flex-end {
	align-items: flex-end !important
}

.--is-align-items-start {
	align-items: start !important
}

.--is-align-items-end {
	align-items: end !important
}

.--is-align-items-center {
	align-items: center !important
}

.--is-align-items-baseline {
	align-items: baseline !important
}

.--is-align-items-stretch,
.--is-align-items-stretch-flex-start,
.--is-align-items-stretch-flex-end,
.--is-align-items-stretch-stretch-flex-start,
.--is-align-items-stretch-stretch-flex-end {
	align-items: stretch !important
}

.--is-justify-content-flex-start {
	justify-content: flex-start !important
}

.--is-justify-content-flex-end {
	justify-content: flex-end !important
}

.--is-justify-content--start {
	justify-content: start !important
}

.--is-justify-content--end {
	justify-content: end !important
}

.--is-justify-content-center {
	justify-content: center !important
}

.--is-justify-content-space-between {
	justify-content: space-between !important
}

.--is-justify-content-space-around {
	justify-content: space-around !important
}

.--is-justify-content-space-evenly {
	justify-content: space-evenly !important
}

.--is-justify-content-stretch {
	justify-content: stretch !important
}

.--is-place-content-start {
	place-content: start !important
}

.--is-place-content-end {
	place-content: end !important
}

.--is-place-content-center {
	place-content: center !important
}

.--is-place-content-space-between {
	place-content: space-between !important
}

.--is-place-content-space-around {
	place-content: space-around !important
}

.--is-place-content-space-evenly {
	place-content: space-evenly !important
}

.--is-place-content-baseline {
	place-content: baseline start !important
}

.--is-place-content-stretch {
	place-content: stretch !important
}

.--is-place-items-start {
	place-items: start !important
}

.--is-place-items-end {
	place-items: end !important
}

.--is-place-items-center {
	place-items: center !important
}

.--is-place-items-baseline {
	place-items: baseline !important
}

.--is-place-items-stretch {
	place-items: stretch stretch !important
}

.--is-align-self-flex-start {
	align-self: flex-start !important
}

.--is-align-self-flex-end {
	align-self: flex-end !important
}

.--is-align-self-center {
	align-self: center !important
}

.--is-align-self-baseline {
	align-self: baseline !important
}

.--is-align-self-stretch {
	align-self: stretch !important
}

@media (min-width:48rem) {
	.--is-align-items-stretch-flex-start {
		align-items: flex-start !important
	}

	.--is-align-items-stretch-flex-end {
		align-items: flex-end !important
	}
}

@media (min-width:67.5rem) {
	.--is-align-items-stretch-stretch-flex-start {
		align-items: flex-start !important
	}

	.--is-align-items-stretch-stretch-flex-end {
		align-items: flex-end !important
	}
}

.--is-gap-0 {
	gap: 0 !important
}

.--is-gap-1,
.--is-gap-1-2 {
	gap: var(--space-1) !important
}

.--is-gap-2,
.--is-gap-2-1 {
	gap: var(--space-2) !important
}

.--is-gap-3,
.--is-gap-3-6 {
	gap: var(--space-3) !important
}

.--is-gap-4,
.--is-gap-4-6 {
	gap: var(--space-4) !important
}

.--is-gap-5 {
	gap: var(--space-5) !important
}

.--is-gap-6 {
	gap: var(--space-6) !important
}

.--is-gap-7 {
	gap: var(--space-7) !important
}

.--is-gap-8 {
	gap: var(--space-8) !important
}

.--is-row-gap-0 {
	row-gap: 0 !important
}

.--is-row-gap-1,
.--is-row-gap-1-2 {
	row-gap: var(--space-1) !important
}

.--is-row-gap-2 {
	row-gap: var(--space-2) !important
}

.--is-row-gap-3 {
	row-gap: var(--space-3) !important
}

.--is-row-gap-4 {
	row-gap: var(--space-4) !important
}

.--is-row-gap-5 {
	row-gap: var(--space-5) !important
}

.--is-row-gap-6 {
	row-gap: var(--space-6) !important
}

.--is-row-gap-7 {
	row-gap: var(--space-7) !important
}

.--is-row-gap-8 {
	row-gap: var(--space-8) !important
}

.--is-column-gap-0 {
	column-gap: 0 !important
}

.--is-column-gap-1,
.--is-column-gap-1-2 {
	column-gap: var(--space-1) !important
}

.--is-column-gap-2 {
	column-gap: var(--space-2) !important
}

.--is-column-gap-3 {
	column-gap: var(--space-3) !important
}

.--is-column-gap-4 {
	column-gap: var(--space-4) !important
}

.--is-column-gap-5 {
	column-gap: var(--space-5) !important
}

.--is-column-gap-6 {
	column-gap: var(--space-6) !important
}

.--is-column-gap-7 {
	column-gap: var(--space-7) !important
}

.--is-column-gap-8 {
	column-gap: var(--space-8) !important
}

@media (min-width:48rem) {
	.--is-gap-2-1 {
		gap: var(--space-1) !important
	}

	.--is-gap-1-2 {
		gap: var(--space-2) !important
	}

	.--is-gap-3-6,
	.--is-gap-4-6 {
		gap: var(--space-6) !important
	}

	.--is-row-gap-1-2 {
		row-gap: var(--space-2) !important
	}

	.--is-column-gap-1-2 {
		column-gap: var(--space-2) !important
	}
}

.--is-flex {
	flex: 1 !important
}

.--is-flex-auto {
	flex: auto !important
}

.--is-flex-none {
	flex: none !important
}

.--is-flex-shrink {
	flex-shrink: 0 !important
}

.--is-flex-wrap {
	flex-wrap: wrap !important
}

.--is-flex-direction-column,
.--is-flex-direction-column-row,
.--is-flex-direction-column-column-row,
.--is-flex-direction-column-column-column-row {
	flex-direction: column !important
}

.--is-flex-direction-column-reverse,
.--is-flex-direction-column-reverse-row {
	flex-direction: column-reverse !important
}

.--is-flex-direction-row,
.--is-flex-direction-row-column {
	flex-direction: row !important
}

.--is-flex-direction-row-reverse,
.--is-flex-direction-row-reverse-column {
	flex-direction: row-reverse !important
}

@media (min-width:48rem) {

	.--is-flex-direction-column-row,
	.--is-flex-direction-column-reverse-row {
		flex-direction: row !important
	}

	.--is-flex-direction-row-column,
	.--is-flex-direction-row-reverse-column {
		flex-direction: column !important
	}
}

@media (min-width:67.5rem) {
	.--is-flex-direction-column-column-row {
		flex-direction: row !important
	}
}

@media (min-width:80rem) {
	.--is-flex-direction-column-column-column-row {
		flex-direction: row !important
	}
}

.--is-space-0>*+* {
	margin-top: 0 !important
}

.--is-space-1>*+*,
.--is-space-1-2>*+* {
	margin-top: var(--space-1) !important
}

.--is-space-2>*+*,
.--is-space-2-4>*+* {
	margin-top: var(--space-2) !important
}

.--is-space-3>*+* {
	margin-top: var(--space-3) !important
}

.--is-space-4>*+*,
.--is-space-4-6>*+*,
.--is-space-4-8>*+* {
	margin-top: var(--space-4) !important
}

.--is-space-5>*+* {
	margin-top: var(--space-5) !important
}

.--is-space-6>*+*,
.--is-space-6-8>*+* {
	margin-top: var(--space-6) !important
}

.--is-space-7>*+* {
	margin-top: var(--space-7) !important
}

.--is-space-8>*+* {
	margin-top: var(--space-8) !important
}

@media (min-width:48rem) {
	.--is-space-1-2>*+* {
		margin-top: var(--space-2) !important
	}

	.--is-space-2-4>*+* {
		margin-top: var(--space-4) !important
	}

	.--is-space-4-6>*+* {
		margin-top: var(--space-6) !important
	}

	.--is-space-4-8>*+*,
	.--is-space-6-8>*+* {
		margin-top: var(--space-8) !important
	}
}

.--is-m-auto {
	margin: auto !important
}

.--is-m-0 {
	margin: 0 !important
}

.--is-m-block-auto {
	margin-block: auto !important
}

.--is-m-block-0 {
	margin-block: 0 !important
}

.--is-m-block-1 {
	margin-block: var(--space-1) !important
}

.--is-m-block-2 {
	margin-block: var(--space-2) !important
}

.--is-m-block-3 {
	margin-block: var(--space-3) !important
}

.--is-m-block-4 {
	margin-block: var(--space-4) !important
}

.--is-m-block-5 {
	margin-block: var(--space-5) !important
}

.--is-m-block-6,
.--is-m-block-6-8 {
	margin-block: var(--space-6) !important
}

.--is-m-block-7 {
	margin-block: var(--space-7) !important
}

.--is-m-block-8 {
	margin-block: var(--space-8) !important
}

.--is-m-inline-auto {
	margin-inline: auto !important
}

.--is-m-inline-0 {
	margin-inline: 0 !important
}

.--is-m-inline-1 {
	margin-inline: var(--space-1) !important
}

.--is-m-inline-2 {
	margin-inline: var(--space-2) !important
}

.--is-m-inline-3 {
	margin-inline: var(--space-3) !important
}

.--is-m-inline-4 {
	margin-inline: var(--space-4) !important
}

.--is-m-inline-5 {
	margin-inline: var(--space-5) !important
}

.--is-m-inline-6 {
	margin-inline: var(--space-6) !important
}

.--is-m-inline-7 {
	margin-inline: var(--space-7) !important
}

.--is-m-inline-8 {
	margin-inline: var(--space-8) !important
}

.--is-ml-auto {
	margin-left: auto !important
}

.--is-ml-0 {
	margin-left: 0 !important
}

.--is-mr-auto {
	margin-right: auto !important
}

.--is-mr-0 {
	margin-right: 0 !important
}

.--is-mt-auto {
	margin-top: auto !important
}

.--is-mt-0 {
	margin-top: 0 !important
}

.--is-mt-1 {
	margin-top: var(--space-1) !important
}

.--is-mt-2,
.--is-mt-2-0,
.--is-mt-2-4 {
	margin-top: var(--space-2) !important
}

.--is-mt-3 {
	margin-top: var(--space-3) !important
}

.--is-mt-4,
.--is-mt-4-6,
.--is-mt-4-8 {
	margin-top: var(--space-4) !important
}

.--is-mt-5 {
	margin-top: var(--space-5) !important
}

.--is-mt-6,
.--is-mt-6-8,
.--is-mt-6-10 {
	margin-top: var(--space-6) !important
}

.--is-mt-7 {
	margin-top: var(--space-7) !important
}

.--is-mt-8 {
	margin-top: var(--space-8) !important
}

.--is-mb-auto {
	margin-bottom: auto !important
}

.--is-mb-0 {
	margin-bottom: 0 !important
}

.--is-mb-1 {
	margin-bottom: var(--space-1) !important
}

.--is-mb-2 {
	margin-bottom: var(--space-2) !important
}

.--is-mb-3 {
	margin-bottom: var(--space-3) !important
}

.--is-mb-4 {
	margin-bottom: var(--space-4) !important
}

.--is-mb-5 {
	margin-bottom: var(--space-5) !important
}

.--is-mb-6 {
	margin-bottom: var(--space-6) !important
}

.--is-mb-7 {
	margin-bottom: var(--space-7) !important
}

.--is-mb-8 {
	margin-bottom: var(--space-8) !important
}

@media (min-width:48rem) {
	.--is-mt-2-0 {
		margin-top: 0 !important
	}

	.--is-mt-2-4 {
		margin-top: var(--space-4) !important
	}

	.--is-mt-4-6 {
		margin-top: var(--space-6) !important
	}

	.--is-mt-4-8,
	.--is-mt-6-8 {
		margin-top: var(--space-8) !important
	}

	.--is-mt-6-10 {
		margin-top: var(--space-10) !important
	}

	.--is-m-block-6-8 {
		margin-block: var(--space-8) !important
	}
}

.--is-p-0 {
	padding: 0 !important
}

.--is-p-1 {
	padding: var(--space-1) !important
}

.--is-p-2 {
	padding: var(--space-2) !important
}

.--is-p-3 {
	padding: var(--space-3) !important
}

.--is-p-4,
.--is-p-4-8 {
	padding: var(--space-4) !important
}

.--is-p-5 {
	padding: var(--space-5) !important
}

.--is-p-6 {
	padding: var(--space-6) !important
}

.--is-p-7 {
	padding: var(--space-7) !important
}

.--is-p-8 {
	padding: var(--space-8) !important
}

.--is-p-block-0 {
	padding-block: 0 !important
}

.--is-p-block-1 {
	padding-block: var(--space-1) !important
}

.--is-p-block-2 {
	padding-block: var(--space-2) !important
}

.--is-p-block-3 {
	padding-block: var(--space-3) !important
}

.--is-p-block-4 {
	padding-block: var(--space-4) !important
}

.--is-p-block-5 {
	padding-block: var(--space-5) !important
}

.--is-p-block-6 {
	padding-block: var(--space-6) !important
}

.--is-p-block-7 {
	padding-block: var(--space-7) !important
}

.--is-p-block-8 {
	padding-block: var(--space-8) !important
}

.--is-p-inline-0 {
	padding-inline: 0 !important
}

.--is-p-inline-1 {
	padding-inline: var(--space-1) !important
}

.--is-p-inline-2 {
	padding-inline: var(--space-2) !important
}

.--is-p-inline-3 {
	padding-inline: var(--space-3) !important
}

.--is-p-inline-4,
.--is-p-inline-4-6 {
	padding-inline: var(--space-4) !important
}

.--is-p-inline-5 {
	padding-inline: var(--space-5) !important
}

.--is-p-inline-6 {
	padding-inline: var(--space-6) !important
}

.--is-p-inline-7 {
	padding-inline: var(--space-7) !important
}

.--is-p-inline-8 {
	padding-inline: var(--space-8) !important
}

@media (min-width:48rem) {
	.--is-p-inline-4-6 {
		padding-inline: var(--space-6) !important
	}
}

.--is-bd-none {
	border: none !important
}

.--is-bd-block-none {
	border-block: none !important
}

.--is-bd-inline-none {
	border-inline: none !important
}

.--is-decoration-none {
	text-decoration: none !important
}

.--is-decoration-underline {
	text-decoration: underline !important
}

.--is-divider-top>* {
	border-top: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-bottom>* {
	border-bottom: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-around>:first-child {
	border-top: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-around>:last-child {
	border-bottom: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-between>*+* {
	border-top: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-evenly>* {
	border-top: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-divider-evenly>:last-child {
	border-bottom: 1px solid var(--Gray-Grayscale-300) !important
}

.--is-height-auto {
	height: auto !important
}

.--is-height-full {
	height: 100% !important
}

.--is-width-full,
.--is-width-full-auto {
	width: 100% !important
}

.--is-width-auto {
	width: auto !important
}

.--is-width-fit-content {
	width: fit-content !important
}

[style*="--is-width:"] {
	width: var(--is-width, auto) !important
}

[style*="--is-max-width:"] {
	max-width: var(--is-max-width, none) !important
}

@media (max-width:47.9375rem) {
	[style*="--is-width-max-md:"] {
		width: var(--is-width-max-md, auto) !important
	}

	[style*="--is-max-width-max-md:"] {
		max-width: var(--is-max-width-max-md, none) !important
	}
}

@media (min-width:48rem) {
	.--is-width-full-auto {
		width: auto !important
	}

	[style*="--is-width-md:"] {
		width: var(--is-width-md, auto) !important
	}

	[style*="--is-max-width-md:"] {
		max-width: var(--is-max-width-md, none) !important
	}
}

@media (min-width:67.5rem) {
	[style*="--is-width-lg:"] {
		width: var(--is-width-lg, auto) !important
	}

	[style*="--is-max-width-lg:"] {
		max-width: var(--is-max-width-lg, none) !important
	}
}

@media (min-width:80rem) {
	[style*="--is-width-xl:"] {
		width: var(--is-width-xl, auto) !important
	}

	[style*="--is-max-width-xl:"] {
		max-width: var(--is-max-width-xl, none) !important
	}
}

.--is-radius-none {
	border-radius: 0 !important
}

.--is-radius {
	border-radius: var(--radius-1) !important
}

.--is-radius-rounded {
	border-radius: 50% !important
}

.--is-clr-font-default {
	color: var(--Text-Default) !important
}

.--is-clr-font-white {
	color: var(--Text-White) !important
}

.--is-clr-font-strong {
	color: var(--Text-Strong) !important
}

.--is-clr-font-danger {
	color: var(--Text-Danger) !important
}

.--is-clr-font-warning {
	color: var(--Text-Warning) !important
}

.--is-clr-font-success {
	color: var(--Text-Success) !important
}

.--is-clr-font-caption {
	color: var(--Text-Caption) !important
}

.--is-clr-font-link {
	color: var(--Secondary03) !important
}

.--is-clr-bg-white {
	background-color: var(--Gray-Grayscale-White) !important
}

.--is-clr-bg-page-panel {
	background-color: var(--Background-Page-Panel) !important
}

.--is-clr-bg-button {
	background-color: var(--Background-Button) !important
}

.--is-clr-bg-strong {
	background-color: var(--Background-Strong) !important
}

.--is-clr-bg-strong02 {
	background-color: var(--Background-Strong02) !important
}

.--is-clr-bg-danger {
	background-color: var(--Background-Danger) !important
}

.--is-clr-bg-warning {
	background-color: var(--Background-Warning) !important
}

.--is-visibility-hidden {
	visibility: hidden !important
}