:root {
	--primary: #1E1532;
	--secondary: #512E55;
	--accent: #3B2F56;
	--link: #705AA0;
	--text: #1E1532;
	--main-bg: #EFE8FF;
	--inner-bg: #FFFFFF;
	--buttons: #1E1532;
	--primary-alt: #1E1532;
	--secondary-alt: #512E55;
	--accent-alt: #3B2F56;
	--link-alt: #B39FE0;
	--text-alt: #FFFFFF;
	--main-bg-alt: #1E1532;
	--inner-bg-alt: #512E55;
	--black: #000000;
	--fnt-t: 'Roboto', sans-serif;
	--fnt-m: 'Roboto', sans-serif;
	--fnt-t-big-ff: var(--fnt-t);
	--fnt-t-big-ls: 0em;
	--fnt-t-big-w: 700;
	--fnt-t-big-tt: none;
	--fnt-t-sb-ff: var(--fnt-t);
	--fnt-t-sb-ls: 0em;
	--fnt-t-sb-w: 900;
	--fnt-t-sb-tt: none;
	--fnt-t-co-ff: var(--fnt-t);
	--fnt-t-co-ls: 0em;
	--fnt-t-co-w: 700;
	--fnt-t-co-tt: none;
	--fnt-t-k-ff: var(--fnt-m);
	--fnt-t-k-ls: 0.16em;
	--fnt-t-k-w: 700;
	--fnt-t-k-tt: uppercase;
	--fnt-t-1-ff: var(--fnt-t);
	--fnt-t-1-ls: 0em;
	--fnt-t-1-w: 700;
	--fnt-t-1-tt: none;
	--fnt-t-2-ff: var(--fnt-m);
	--fnt-t-2-ls: 0em;
	--fnt-t-2-w: 700;
	--fnt-t-2-tt: none;
	--fnt-t-3-ff: var(--fnt-m);
	--fnt-t-3-ls: 0em;
	--fnt-t-3-w: 700;
	--fnt-t-3-tt: none;
	--fnt-t-4-ff: var(--fnt-m);
	--fnt-t-4-ls: 0em;
	--fnt-t-4-w: 700;
	--fnt-t-4-tt: none;
	--fnt-t-5-ff: var(--fnt-m);
	--fnt-t-5-ls: 0em;
	--fnt-t-5-w: 700;
	--fnt-t-5-tt: none;
	--fnt-t-6-ff: var(--fnt-m);
	--fnt-t-6-ls: 0em;
	--fnt-t-6-w: 700;
	--fnt-t-6-tt: none;
	--fnt-nv-pry-ff: var(--fnt-m);
	--fnt-nv-pry-ls: 0em;
	--fnt-nv-pry-w: 700;
	--fnt-nv-pry-tt: none;
	--fnt-nv-pry-fs: normal;
	--fnt-nv-sec-ff: var(--fnt-m);
	--fnt-nv-sec-ls: 0em;
	--fnt-nv-sec-w: 400;
	--fnt-nv-sec-tt: none;
	--fnt-nv-sec-fs: normal;
	--fnt-qte-ff: var(--fnt-m);
	--fnt-qte-ls: 0.05em;
	--fnt-qte-w: 400;
	--fnt-qte-tt: none;
	--fnt-qte-fs: italic;
	--fnt-atr-ff: var(--fnt-t);
	--fnt-atr-ls: 0em;
	--fnt-atr-w: 400;
	--fnt-atr-tt: none;
	--fnt-atr-fs: none;
	--fnt-phn-ff: var(--fnt-t);
	--fnt-phn-ls: 0em;
	--fnt-phn-w: 700;
	--fnt-t-nt-ff: var(--fnt-t);
	--fnt-t-nt-ls: 0.02em;
	--fnt-t-nt-w: 400;
	--fnt-t-nt-tt: none;
	--tag-ff: var(--fnt-m);
	--tag-ls: 0em;
	--tag-w: 400;
	--tag-tt: uppercase;
	--btn-v1-ff: var(--fnt-m);
	--btn-v1-ls: 0em;
	--btn-v1-w: 700;
	--btn-v1-tt: capitalize;
	--btn-v2-ff: var(--fnt-m);
	--btn-v2-ls: 0em;
	--btn-v2-w: 400;
	--btn-v2-tt: capitalize;
	--fnt-frm-ff: var(--fnt-m);
	--fnt-frm-ls: 0.016em;
	--fnt-frm-w: 400;
	--fnt-frm-tt: none;
	--full: 100%;
	--half: 50%;
	--third: 33.333%;
	--fourth: 25%;
	--fifth: 20%;
	--sixth: 16.666%;
	--seventh: 14.285%;
	--two-3rds: 66.666%;
	--three-4ths: 75%;
	--three-8ths: 37.5%;
	--five-8ths: 62.5%;
	--four-5ths: 80%;
	--min-fnt-s: 0.938rem;
	--max-fnt-s: 1rem;
	--clp-rng-1: 0.7520rem;
	--clp-rng-2: 0.7936vw;
	--clp-rng: calc(var(--clp-rng-1) + var(--clp-rng-2));
	--mn_wth: clamp(var(--mn_min), var(--mn-f), var(--mn_max));
	--mn_ch-w: 67ch;
	--shf-off-a: calc(((100vw - clamp(var(--mn_min), var(--mn-f), var(--mn_max))) / 2));
	--opacity: var(--img-fg-o);
	--filter: saturate(var(--img-fg-sat)) sepia(var(--img-fg-sep)) brightness(var(--img-fg-brt)) contrast(var(--img-fg-con)) blur(var(--img-fg-blr));
	--flr-bx-dsp: none;
	--flr-bx-w: 75;
	--flr-bx-w-mbl: 75;
	--flr-bx-h: 15;
	--flr-bx-h-mbl: (var(--flr-bx-h) * (var(--flr-bx-w-mbl) / var(--flr-bx-w)));
	--flr-mrg-tp: 0rem;
	--flr-mrg-bt: 1.5rem;
	--flr-bx-w-clc: calc((var(--flr-bx-w-mbl) * 1px) + (var(--flr-bx-w) - var(--flr-bx-w-mbl)) * ((100vw - 320px) / (1920 - 320)));
	--flr-bx-h-clc: calc((var(--flr-bx-h-mbl) * 1px) + (var(--flr-bx-h) - var(--flr-bx-h-mbl)) * ((100vw - 320px) / (1920 - 320)));
	--hvr-trns: transform var(--g-trn-sp) var(--g-trn-tf) 0s, opacity var(--g-trn-sp) var(--g-trn-tf) 0s, filter var(--g-trn-sp) var(--g-trn-tf) 0s;
	--hvr-y-amt: 1rem;
	--valid-color: #8AC74C;
	--invalid-color: #F34039;
	--highlight-color: #0066EE;
	--sp-t-mpt-10: .2;
	--sp-t-mpt-20: .4;
	--sp-t-mpt-30: .6;
	--sp-t-mpt-40: .8;
	--sp-t-mpt-60: 1.2;
	--sp-t-mpt-70: 1.4;
	--sp-t-mpt-80: 1.6;
	--sp-t-mpt-90: 1.8;
	--ui-scroll-brd-rds: 12px;
	--ui-scroll-w: 0.278rem;
	--hdr-tb-arw-s: 1.2rem;
	--hdr-mnu-btn-s: 1.8rem;
	--hdr-phn-icn-s: 1.5rem;
	--hdr-lg-mx-wd: 178;
	--hdr-lg-mx-wd-mbl: 170;
	--hdr-lg-mx-wd-clc: calc((var(--hdr-lg-mx-wd-mbl) * 1px) + (var(--hdr-lg-mx-wd) - var(--hdr-lg-mx-wd-mbl)) * ((100vw - 320px) / (1920 - 320)));
	--hdr-lg-mx-ht: 65;
	--hdr-lg-mx-ht-mbl: 120;
	--hdr-lg-mx-ht-clc: calc((var(--hdr-lg-mx-ht-mbl) * 1px) + (var(--hdr-lg-mx-ht) - var(--hdr-lg-mx-ht-mbl)) * ((100vw - 320px) / (1920 - 320)));
	--hdr-lg-sp: 85;
	--hdr-lg-sp-lpt: 50;
	--hdr-lg-sp-clc: calc((var(--hdr-lg-sp-lpt) * 1px) + (var(--hdr-lg-sp) - var(--hdr-lg-sp-lpt)) * ((100vw - 1280px) / (1920 - 1280)));
	--hdr-nv-sp: 32;
	--hdr-nv-sp-lpt: 32;
	--hdr-nv-sp-clc: calc((var(--hdr-nv-sp-lpt) * 1px) + (var(--hdr-nv-sp) - var(--hdr-nv-sp-lpt)) * ((100vw - 1280px) / (1920 - 1280)));
	--hdr-bnr-icn-sz: 1.2em;
	--rvw-str-gp: 3px;
	--rvw-str-clr: #FFD80A;
	--rvw-str-s: 1.5rem;
	--rvw-str-o: 0.5;
	--vls-hm-icn-s: 1.55rem;

}

html {
	font-size: clamp(var(--min-fnt-s), var(--clp-rng), var(--max-fnt-s));
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
}

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

body {
	font-size: 100%;
	margin: 0px;
	overflow-x: clip;
}

ol,
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

a[href^="tel"] {
	cursor: default;
}

img {
	max-width: 100%;
}

.rlt {
	position: relative;
}

.blk {
	display: block;
}

[class*="gp_sp"] {
	gap: var(--grd-sp-dyn);
}

[class*="gp_sp"][class*="-sml"] {
	--grd-sp-dyn: var(--grd-sp-sml);
}

svg {
	height: 1em;
	width: 1em;
	fill: currentcolor;
}

svg * {
	pointer-events: none;
}

[class*="prlx"],
[class*="anm_"] {
	will-change: transform, opacity;
}

img,
video,
source {
	transition: filter var(--g-trn-sp) var(--g-trn-tf) .3s, opacity var(--g-trn-sp) var(--g-trn-tf) .3s;
}

section {
	position: relative;
}

[class*="mn_"] {
	width: 100%;
	max-width: var(--mn_wth);
	margin-inline: auto;
	position: relative;
}

[class*="sw-"],
[class*="flx-at-"][class*="sw-"] {
	display: none;
}

[class*="hd-"] {
	display: block;
}

.full {
	width: var(--full);
}

.half {
	width: var(--half);
}

.third {
	width: var(--third);
}

.two-thirds {
	width: var(--two-3rds);
}

.five-8ths {
	width: var(--five-8ths);
}

a {
	text-decoration: none;
	transition: color var(--g-trn-sp) var(--g-trn-tf) 0s;
}

button {
	border: none;
	text-align: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	outline: none;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color: inherit;
}

.dk-lg,
.lt-lg,
.lt-bg .bg-bx:not(.lk-bg) .dk-lg,
.dk-bg .bg-bx:not(.lk-bg) .lt-lg {
	display: none;
}

.lt-bg .dk-lg,
.dk-bg .lt-lg,
.lt-bg :is(.ulk-bg, .alt-bg) .lt-lg,
.dk-bg :is(.ulk-bg, .alt-bg) .dk-lg {
	display: block;
}

img {
	display: block;
}

picture {
	display: block;
}

picture source {
	width: 0px;
}

picture img {
	width: 100%;
}

picture img:where([src*=".jpg"], [src*=".webp"]),
picture img.static-map {
	object-fit: cover;
}

picture img[src*=".png"]:not(.static-map),
picture img[src*=".webp"].png {
	object-fit: contain;
}

.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bg img {
	position: relative;
	left: 50%;
	top: 50%;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	transform: translate(-50%, -50%);
}

.bg-bx {
	position: relative;
	z-index: 1;
}

[class*="ta_"] {
	text-align: center;
}

[class*="bdr_"] {
	border-color: hsl(from var(--text-color) h s l / var(--bdr-clr-o));
	border-style: var(--bdr-stl);
	border-width: 0px;
}

.bdr_bt {
	border-bottom-width: var(--bdr-w);
}

[class*="bdr-rds"] {
	border-radius: calc(var(--bdr-rds) * var(--bdr-tl-rds)) calc(var(--bdr-rds) * var(--bdr-tr-rds)) calc(var(--bdr-rds) * var(--bdr-br-rds)) calc(var(--bdr-rds) * var(--bdr-bl-rds));
}

.bx-sdw {
	box-shadow: var(--bx-sdw-x) var(--bx-sdw-y) var(--bx-sdw-blr) hsl(from var(--black) h s l / var(--bx-sdw-o));
}

picture img {
	opacity: var(--opacity);
	filter: var(--filter);
}

.bg-image,
.ovrly {
	--opacity: var(--img-bg-o);
	--filter: saturate(var(--img-bg-sat)) sepia(var(--img-bg-sep)) brightness(var(--img-bg-brt)) contrast(var(--img-bg-con)) blur(var(--img-bg-blr));
}


[class*="ta_"] {
	@media screen and (min-width: 1280px) {
		&[class*="l-1280"] {
			& .input-text #Consent+small {
				text-align: left;
			}
		}

		&[class*="r-1280"] {
			& .input-text #Consent+small {
				text-align: right;
			}
		}
	}
}

.lt-bg,
.dk-bg :is(.ulk-bg, .alt-bg) {
	--background: var(--main-bg);
	--inner-theme: var(--inner-bg);
	--blt-clr: var(--buttons);
	--text-color: var(--text);
	--link-color: var(--link);
	--link-hover: var(--text);
	--fnt-t-big: var(--text);
	--fnt-t-co: var(--text);
	--fnt-t-sb: var(--text);
	--fnt-t-k: var(--text);
	--fnt-t-1: var(--text);
	--fnt-t-2: var(--text);
	--fnt-t-3: var(--text);
	--fnt-t-4: var(--text);
	--fnt-t-5: var(--text);
	--fnt-t-6: var(--text);
	--fnt-t-nt: var(--text);
	--fnt-qte: var(--text);
	--fnt-atr: var(--text);
	--fnt-phn: var(--text);
	--frm-lbl: var(--text);
	--fnt_nv-pry: var(--text);
	--fnt_nv-sec: var(--text);
	--flr-hdr-clr: var(--accent);
}

.lt-bg .ulk-bg,
.lt-bg .alt-bg,
.dk-bg :is(.ulk-bg, .alt-bg) .ulk-bg,
.dk-bg :is(.ulk-bg, .alt-bg) .alt-bg {
	--text-color: var(--text-alt);
	--link-color: var(--link-alt);
}

.lt-bg .ulk-bg,
.dk-bg :is(.ulk-bg, .alt-bg) .ulk-bg {
	--inner-theme: var(--main-bg-alt);
}

.lt-bg .alt-bg,
.dk-bg :is(.ulk-bg, .alt-bg) .alt-bg {
	--inner-theme: var(--main-bg-alt);
}

.lt-bg .clr-swp,
.dk-bg :is(.ulk-bg, .alt-bg) .clr-swp {
	--link-color: var(--text-color);
	--link-hover: var(--link);
}

.lt-bg .btn-clr,
.dk-bg :is(.ulk-bg, .alt-bg) .btn-clr {
	--background: var(--buttons);
	--text-color: var(--text-alt);

	@media (hover: hover) {

		&:is(a:hover, a:focus-visible),
		& a:is(:hover, :focus-visible) {
			--background: var(--main-bg-alt);
			--text-color: var(--text-alt);
			--link-hover: var(--text-color);
		}
	}
}

.lt-bg .clr-lnk,
.dk-bg :is(.ulk-bg, .alt-bg) .clr-lnk {
	--text-color: var(--link);
}

.lt-bg .clr-txt,
.dk-bg :is(.ulk-bg, .alt-bg) .clr-txt {
	--text-color: var(--text);
}

.dk-bg,
.lt-bg :is(.ulk-bg, .alt-bg) {
	--background: linear-gradient(103deg, #1E1532 4.74%, #512E55 101.35%);
	--inner-theme: var(--inner-bg-alt);
	--blt-clr: var(--text-alt);
	--text-color: var(--text-alt);
	--link-color: var(--link-alt);
	--link-hover: var(--text-alt);
	--fnt-t-big: var(--text-alt);
	--fnt-t-co: var(--text-alt);
	--fnt-t-sb: var(--text-alt);
	--fnt-t-k: var(--text-alt);
	--fnt-t-1: var(--text-alt);
	--fnt-t-2: var(--text-alt);
	--fnt-t-3: var(--text-alt);
	--fnt-t-4: var(--text-alt);
	--fnt-t-5: var(--text-alt);
	--fnt-t-6: var(--text-alt);
	--fnt-qte: var(--text-alt);
	--fnt-atr: var(--text-alt);
	--fnt-phn: var(--text-alt);
	--frm-lbl: var(--text-alt);
	--fnt_nv-pry: var(--text-alt);
	--fnt_nv-sec: var(--text-alt);
	--flr-hdr-clr: var(--accent-alt);
}

.dk-bg.alt-bg,
.lt-bg :is(.ulk-bg, .alt-bg).alt-bg {
	--background: var(--main-bg-alt);
	--inner-theme: linear-gradient(103deg, #1E1532 4.74%, #512E55 101.35%);
}

.dk-bg .ulk-bg,
.dk-bg .alt-bg,
.lt-bg :is(.ulk-bg, .alt-bg) .ulk-bg,
.lt-bg :is(.ulk-bg, .alt-bg) .alt-bg {
	--text-color: var(--text);
	--link-color: var(--link);
}

.dk-bg .ulk-bg,
.lt-bg :is(.ulk-bg, .alt-bg) .ulk-bg {
	--inner-theme: var(--inner-bg);
}

.dk-bg .clr-swp,
.lt-bg :is(.ulk-bg, .alt-bg) .clr-swp {
	--link-color: var(--text-color);
	--link-hover: var(--link-alt);
}

.dk-bg .clr-lnk,
.lt-bg :is(.ulk-bg, .alt-bg) .clr-lnk {
	--text-color: var(--link-alt);
}

.dk-bg:not(.alt-bg) .lk-bg {
	--inner-theme: var(--main-bg-alt);
}

:where(.lt-bg, .dk-bg) {
	background: var(--background);
	color: var(--text-color);

	@media (hover: hover) {

		& a:is(:hover, :focus-visible, .selected),
		& button:is(:hover, :focus-visible),
		& [data-role="arrows"] button:is(:hover, :focus-visible) {
			color: var(--link-hover);
		}
	}
}

:where(.lt-bg, .dk-bg) .bg-bx:not(.no-bg, .bdr-bg) {
	background: var(--inner-theme);
	color: var(--text-color);
}

:where(.lt-bg, .dk-bg) .bg-bx:not(.no-bg, .bdr-bg) .bg-bx {
	--inner-theme: var(--background);
}

:where(.lt-bg, .dk-bg) a,
:where(.lt-bg, .dk-bg) button {
	color: var(--link-color);
}

:where(.lt-bg, .dk-bg) :is(h1, h2, h3, h4, h5, h6, [class*="fnt_"]:not(a), header > :first-child:not(a)) {
	color: var(--title-color);
}

:where(.lt-bg, .dk-bg) .fnt_t-big {
	--title-color: var(--fnt-t-big);
}

:where(.lt-bg, .dk-bg) h1,
:where(.lt-bg, .dk-bg) .fnt_t-1,
:where(.lt-bg, .dk-bg) header> :first-child:not(a, [class*="fnt_t"]),
:where(.lt-bg, .dk-bg) .cnt-stl> :first-child:is(h1, h2, h3, h4, h5, h6) {
	--title-color: var(--fnt-t-1);
}

:where(.lt-bg, .dk-bg) h2,
:where(.lt-bg, .dk-bg) .fnt_t-2,
:where(.lt-bg, .dk-bg) header> :nth-child(2):not(p),
:where(.lt-bg, .dk-bg) .cnt-stl> :nth-child(2):is(h1, h2, h3, h4, h5, h6) {
	--title-color: var(--fnt-t-2);
}

:where(.lt-bg, .dk-bg) h4,
:where(.lt-bg, .dk-bg) .fnt_t-4,
:where(.lt-bg, .dk-bg) .fnt_t-itm {
	--title-color: var(--fnt-t-4);
}

:where(.lt-bg, .dk-bg) h6,
:where(.lt-bg, .dk-bg) .fnt_t-6,
:where(.lt-bg, .dk-bg) .fnt_t-nt {
	--title-color: var(--fnt-t-6);
}

:where(.lt-bg, .dk-bg) .fnt_nv-pry {
	color: var(--fnt_nv-pry);
}

:where(.lt-bg, .dk-bg) .fnt_nv-sec {
	color: var(--fnt_nv-sec);
}

:where(.lt-bg, .dk-bg) .btn-clr {
	background-color: var(--background);
	color: var(--text-color);
	transition: background-color var(--btn-trn-sp) var(--btn-trn-tf) 0s, color var(--btn-trn-sp) var(--btn-trn-tf) 0s;
}

:where(.lt-bg, .dk-bg) [class^="clr"] {
	color: var(--text-color);
}

[class*="flx"] {
	align-items: stretch;
	align-content: space-around;
	display: flex;
}

[class*="flx"][class*="flx-at-"]:not([class*="sw-"]) {
	display: block;
}

[class*="flx"]:is(.f_gp)> :has(.cnt-stl),
[class*="flx"] .ato {
	flex: 1 1 auto;
}

[class*="flx"] .fit {
	flex: 0 0 auto;
}

.f_c {
	justify-content: center;
}

.f_r {
	justify-content: flex-end;
}

.f_sb {
	justify-content: space-between;
}

.f_gp {
	column-gap: var(--flx-gap);
}

.f_gp>.half {
	width: calc(var(--half) - (var(--flx-gap) / 2));
}

.f_m {
	align-items: center;
}

.f_wrp {
	flex-wrap: wrap;
}

.f_nln {
	display: inline-flex;
}

:has(> .grd) {
	container-type: inline-size;
}

.grd {
	--itm-val: 100;
	--itm-w: calc(var(--itm-val) * 1%);
	--itm-grw: 1;
	display: flex;
	flex-wrap: wrap;

	@container (width >=35rem) {
		&:not([class*="mx-"]) {
			--itm-val: 50;
		}

		&.mx-6 {
			--itm-val: 33.333;
		}

		&.mx-7 {
			--itm-val: 25;
		}
	}

	@container (width >=50rem) {

		&.mx-2,
		&.mx-3,
		&.mx-4 {
			--itm-val: 50;
		}

		&:not([class*="mx-"]) {
			--itm-val: 33.333;
		}

		&.mx-6 {
			--itm-val: 25;
		}
	}

	@container (width >=78rem) {
		&.mx-3 {
			--itm-val: 33.333;
		}

		&.mx-4 {
			--itm-val: 25;
		}

		&:not([class*="mx-"]) {
			--itm-val: 20;
		}

		&.mx-6 {
			--itm-val: 16.66667;
		}

		&.mx-7 {
			--itm-val: 14.285;
		}
	}
}

.grd[class*="gp_sp"] {
	--itm-w: calc(var(--itm-val) * 1% - (var(--grd-sp-dyn) * ((100 - var(--itm-val)) * .01)));
}

.grd>* {
	flex: var(--itm-grw) 0 var(--itm-w);
}

[class*="pd_v"] {
	--pd-v: clamp(var(--sp-vp-min), var(--sp-vp), var(--sp-vp-max));
	padding-block: var(--pd-v);

	@media screen and (min-width: 700px) {
		&[class*="v-30"] {
			--pd-v: clamp(calc(var(--sp-vp-min) * 0.5), var(--sp-vp), calc(var(--sp-vp-max) * 0.5));
		}
	}
}

[class*="pd_v"][class*="v-70"] {
	--pd-v: clamp(calc(var(--sp-vp-min) * 1.5), var(--sp-vp), calc(var(--sp-vp-max) * 1.5));
}

[class*="pd_h"] {
	--pd-h: clamp(var(--sp-hp-min), var(--sp-hp), var(--sp-hp-max));
	padding-inline: var(--pd-h);
}

.mrg_tp {
	margin-top: var(--sp-vm-clc);
}

.mrg_tp-10 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-10));
}

.mrg_tp-20 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-20));
}

.mrg_tp-30 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-30));
}

.mrg_tp-40 {
	margin-top: calc(var(--sp-vm-clc) * var(--sp-t-mpt-40));
}

.mrg_bt-0 {
	margin-bottom: 0px;
}

.mrg_bt-10 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-10));
}

.mrg_bt-20 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-20));
}

.mrg_bt-40 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-40));
}

.mrg_bt-70 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-70));
}

.mrg_bt-80 {
	margin-bottom: calc(var(--sp-vm-clc) * var(--sp-t-mpt-80));
}

.pd_tp {
	padding-top: var(--sp-qk);
}

.pd_tp-10 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-10));
}

.pd_tp-30 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.pd_tp-40 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.pd_tp-80 {
	padding-top: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.pd_bt {
	padding-bottom: var(--sp-qk);
}

.pd_bt-30 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-30));
}

.pd_bt-40 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-40));
}

.pd_bt-80 {
	padding-bottom: calc(var(--sp-qk) * var(--sp-t-mpt-80));
}

.mrg_lt {
	margin-left: var(--sp-qk);
}

.mrg_lt-90 {
	margin-left: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

.mrg_rt {
	margin-right: var(--sp-qk);
}

.mrg_rt-90 {
	margin-right: calc(var(--sp-qk) * var(--sp-t-mpt-90));
}

.hdr.v1 .sc-icn {
	font-size: 1.6rem;
	color: var(--primary);
}

.ui-scroll {
	overflow: auto;
}

#HeaderZone {
	z-index: 10;
	position: relative;
}

.hdr .tp-lg {
	max-width: var(--hdr-lg-mx-wd-clc);
}

.hdr .tp-lg img {
	max-height: var(--hdr-lg-mx-ht-clc);
}

.hdr .mnu-btn {
	position: relative;
	cursor: pointer;
	font-size: var(--hdr-mnu-btn-s);
	color: var(--primary);
}

.hdr .btn-tp {
	top: 0px;
	right: 0px;
	z-index: 4;
	position: fixed;
	padding: 1.222rem;
	visibility: hidden;
	transform: translateX(100%);
	transition-property: ;
	transition-duration: ;
	transition-timing-function: ;
	transition-delay: ;
	transition-behavior: allow-discrete;
}



.stps.v1 {
	z-index: 2;
}

.stps.v1 .third {
	width: 30%;
}

.stps.v1 .five-8ths {
	width: 66%;
}

.stps.v1 ol li:nth-child(1) .fnt_t-big {
	color: rgb(247, 149, 61);
}

.stps.v1 ol li:nth-child(2) .fnt_t-big {
	color: rgb(112, 90, 160);
}

.stps.v1 ol li:nth-child(3) .fnt_t-big {
	color: rgb(77, 135, 199);
}

.stps.v1 ol li:nth-child(4) .fnt_t-big {
	color: rgb(178, 189, 62);
}

main {
	--vls-icn-s: 3rem;
}

a:is(.btn) {
	transition: none;
}

@media screen and (min-width: 700px) {
	[class*="flx"][class*="-at-700"]:not([class*="sw-"]) {
		display: flex;
	}

	[class*="flx"][class*="-at-700"]:not([class*="sw-"])>* {
		margin-block: 0px !important;
	}


	:root {
		--fnt-s-mtp: .9375;
		--min-fnt-s: calc(1rem * var(--fnt-s-mtp));
		--max-fnt-s: calc(1.063rem * var(--fnt-s-mtp));
		--clp-rng-1: calc(0.5590rem * var(--fnt-s-mtp));
		--clp-rng-2: calc(1.0080vw * var(--fnt-s-mtp));
	}
}

@media screen and (min-width: 1280px) {
	.mn_wd {
		max-width: clamp(var(--mn_min), var(--mn-w), var(--mn_max));
	}

	.sw-1280[class*="flx-at-1280"] {
		display: flex;
	}

	.sw-1280:not([class*="flx-at-1280"]) {
		display: block;
	}

	.hd-1280 {
		display: none;
	}

	[class*="flx"][class*="-at-1280"]:not([class*="sw-"]) {
		display: flex;
	}

	[class*="flx"][class*="-at-1280"]:not([class*="sw-"])>* {
		margin-block: 0px !important;
	}

	.hdr .tp-lg {
		margin-right: var(--hdr-lg-sp-clc);
	}

	.hdr .nv>ul:not(.mnu-nv)>li {
		margin-right: var(--hdr-nv-sp-clc);
	}

	.hdr .nv:last-child>ul li:last-child {
		margin-right: 0px;
	}

	.hdr .fly-nv {
		max-width: 25rem;
		min-width: 15rem;
		width: max-content;
		max-height: calc(-12rem + 100dvh);
		position: absolute;
		left: 0px;
		top: 100%;
		opacity: 0;
		overflow-y: auto;
		visibility: hidden;
		display: block;
		transition-property: ;
		transition-duration: ;
		transition-timing-function: ;
		transition-delay: ;
		transition-behavior: allow-discrete;
	}

	.overlap #HeaderZone {
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
	}

	.overlap #HeaderZone .hdr {
		background-color: transparent;
	}



	:root {
		--min-fnt-s: calc(0.938rem * var(--fnt-s-mtp));
		--max-fnt-s: calc(1.063rem * var(--fnt-s-mtp));
		--clp-rng-1: calc(0.2107rem * var(--fnt-s-mtp));
		--clp-rng-2: calc(0.9091vw * var(--fnt-s-mtp));
		--mn_wth: var(--mn_max);
		--vls-hm-icn-s: 2rem;
	}
}

@media screen and (min-width: 1920px) {
	body {
		margin: 0px auto;
	}

	:root {
		--fnt-s-mtp: .89;
		--min-fnt-s: calc(1.125rem * var(--fnt-s-mtp));
		--max-fnt-s: calc(1.375rem * var(--fnt-s-mtp));
		--clp-rng-1: calc(-0.3295rem * var(--fnt-s-mtp));
		--clp-rng-2: calc(1.2121vw * var(--fnt-s-mtp));
	}
}

@media screen and (max-width: 1279px) {
	[class*="flx"][class*="-at-1280"]> :not(svg, .full-mbl, .btn) {
		margin-inline: 0px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.hdr .mbl-mnu {
		position: fixed;
		width: 83%;
		height: 100dvh;
		left: 0px;
		right: auto;
		overflow: auto;
		padding-top: 0.811rem;
		padding-bottom: 4rem;
		translate: -100%;
		border: none;
		transition: translate var(--g-trn-sp) var(--g-trn-tf), display var(--g-trn-sp) var(--g-trn-tf) allow-discrete, overlay var(--g-trn-sp) var(--g-trn-tf) allow-discrete;
	}

	.hdr .mbl-mnu .mbl-mnu {
		width: 75%;
	}

	.hdr .mbl-mnu .mbl-nv {
		flex: 1 1 auto;
	}

	.hdr .mbl-mnu button {
		color: var(--text-color);
	}

	.hdr .lg-bx {
		width: 100%;
	}

	.hdr.lt-bg .nv {
		background-color: var(--inner-bg);
	}
}

@media screen and (max-width: 699px) {
	[class*="flx"][class*="-at-700"][class*="gp_sp"]>*+* {
		margin-top: var(--grd-sp-dyn);
	}

	[class*="flx"][class*="-at-700"]> :not(svg, .full-mbl, .btn) {
		margin-inline: 0px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.stps.v1 ol li>div {
		display: flex;
		align-items: flex-start;
	}

	.stps.v1 ol li>div .stp-icn {
		margin-right: 1.1rem;
	}
}

@media screen and (min-width: 1280px) {
	#MainstageV2 {
		padding-top: 168px;
	}
}

.tp-lg img {
	aspect-ratio: 2.736111111111111;
}