@charset "UTF-8";

/* --------------------------------------------
ANIMATION
--------------------------------------------- */
@media ( prefers-reduced-motion : no-preference ){
	#header.observe{
		translate : 0 -100%;
		transition : translate .5s linear .5s;
	}
	#header.observe.is-intersecting{
		translate : 0 0;
	}
	#mv.observe .head{
		clip-path : polygon( 0 0 , 0 0 , 0 100% , 0 100% );
		transition : clip-path .5s linear;
	}
	#mv.observe hgroup p span{
		opacity : 0;
		transition-timing-function : linear;
		transition-duration : .5s;
		transition-property : translate , opacity;
		translate : 0 50%;
	}
	#mv.observe hgroup p span:nth-of-type( 1 ){
		transition-delay : .5s;
	}
	#mv.observe hgroup p span:nth-of-type( 2 ){
		transition-delay : 1s;
	}
	#mv.observe hgroup h1{
		clip-path : polygon( 50% 0 , 50% 0 , 50% 100% , 50% 100% );
		transition : clip-path .5s linear 2s;
	}
	#mv.observe .commisions p{
		opacity : 0;
		transition : translate .5s linear 1.5s , opacity .5s linear 1.5s;
	}
	#mv.observe .commisions .sp{
		opacity : 0;
		transition : opacity .5s linear 2.5s , translate .5s linear 2.5s;
	}
	#mv.observe .contacts{
		translate : 0 25%;
		opacity : 0;
		transition : translate .5s linear 3s , opacity .5s linear 3s;
	}
	#mv.observe.is-intersecting .head{
		clip-path : polygon( -100vw 0 , 100vw 0 , 100vw 100% , -100vw 100% );
	}
	#mv.observe.is-intersecting hgroup p span{
		translate : 0 0;
		opacity : 1;
	}
	#mv.observe.is-intersecting hgroup h1{
		clip-path : polygon( 0 0 , 100% 0 , 100% 100% , 0 100% );
	}
	#mv.observe.is-intersecting .commisions p{
		translate : 0 0;
		opacity : 1;
	}
	#mv.observe.is-intersecting .commisions .sp{
		translate : 0 0;
		opacity : 1;
	}
	#mv.observe.is-intersecting .contacts{
		opacity : 1;
		translate : 0 0;
	}
	#cta.observe{
		translate : 0 100%;
		opacity : 0;
		transition : translate .5s linear 3.5s , opacity .5s linear 3.5s;
	}
	#cta.observe.is-intersecting{
		opacity : 1;
		translate : 0 0;
	}
	@media screen and ( width <= 750px ){
		#mv.observe .commisions p{
			translate : 25% 0;
		}
		#mv.observe .commisions .sp{
			translate : -25% 0;
		}
		#mv.observe .commisions .pc{
			opacity : 0;
			translate : 15% 0;
			transition : translate .5s linear 2.5s , opacity .5s linear 2.5s;
		}
		#mv.observe.is-intersecting .commisions .pc{
			translate : 0 0;
			opacity : 1;
		}
	}
	@media print , screen and ( width > 750px ){
		#mv.observe .commisions p{
			translate : -25% 0;
		}
		#mv.observe .commisions .sp{
			translate : 25% 0;
		}
		#mv.observe .commisions .pc{
			opacity : 0;
			transition : opacity 1s linear;
		}
		#mv.observe.is-intersecting .commisions .pc{
			opacity : .2;
		}
	}
}
#main{
	position : relative;
	overflow : clip;
}
#main::before{
	position : absolute;
	z-index : -2;
	display : block;
	font-size : 0;
	content : "";
}
@media screen and ( width <= 750px ){
	#main::before{
		top : calc( -100 * var( --remBase ) );
		left : calc( -8 * var( --viewportBase ) );
		width : calc( 762 * var( --viewportBase ) );
		height : calc( 2773 * var( --remBase ) );
		background : url( "../images/top/bg.svg" ) 0 0 / contain no-repeat;
	}
}
@media print , screen and ( width > 750px ){
	#main::before{
		left : 0;
		width : 100%;
		height : calc( 2100 * var( --remBase ) );
		background-image : linear-gradient( to bottom , white , #a2d8e1 47% , #4ab4cb 100% );
	}
}

/* --------------------------------------------
MAIN VISUAL
--------------------------------------------- */
#mv .head{
	display : grid;
	grid-template-columns : auto auto auto;
	align-items : start;
	justify-content : center;
	color : white;
	border-image-source : linear-gradient( var( --blue02 ) , var( --blue02 ) );
	border-image-slice : 0 fill;
	border-image-outset : 0 100vw 0 100vw;
}
#mv .head::before , #mv .head::after{
	display : block;
	width : auto;
	aspect-ratio : 33/89;
	font-size : 0;
	content : "";
	background : url( "../images/ui/parts/leaf.svg" ) center / contain no-repeat;
	filter : var( --filterWhite );
}
#mv .head::before{
	grid-row : 1;
	grid-column : 1;
}
#mv .head::after{
	grid-row : 1;
	grid-column : 6;
	scale : -1 1;
}
#mv .head span{
	display : block;
	grid-row : 1;
	grid-column : 2;
	font-weight : 700;
	text-align : center;
	letter-spacing : -.04em;
	white-space : pre;
}
#mv .head img{
	grid-row : 1;
	grid-column : 4;
}
#mv hgroup{
	text-align : center;
}
#mv hgroup p > span{
	display : block;
	color : black;
	text-align : center;
	text-indent : -.04em;
	letter-spacing : -.04em;
}
#mv hgroup p > span:nth-of-type( 1 ){
	font-weight : 500;
}
#mv hgroup p > span:nth-of-type( 1 ) span{
	position : relative;
}
#mv hgroup p > span:nth-of-type( 1 ) span::before{
	position : absolute;
	left : 50%;
	aspect-ratio : 1;
	font-size : 0;
	content : "";
	background-color : #1f9eba;
	border-radius : 50%;
	translate : -50% 0;
}
#mv hgroup p > span:nth-of-type( 2 ){
	font-weight : 700;
}
#mv hgroup p > span:nth-of-type( 2 ) span{
	text-align : center;
	text-indent : -.04em;
	letter-spacing : -.04em;
}
#mv hgroup h1{
	text-align : center;
}
#mv .commisions{
	position : relative;
	font-size : 0;
}
#mv .commisions p , #mv .commisions .sp{
	position : absolute;
	z-index : 1;
}
#mv .contacts{
	position : relative;
}
#mv .contacts::before{
	position : absolute;
	z-index : 1;
	display : block;
	width : auto;
	aspect-ratio : 132 / 171;
	font-size : 0;
	content : "";
	background : image-set( url( "../images/top/mv/note.avif" ) type( "image/avif" ) , url( "../images/top/mv/note.webp" ) type( "image/webp" ) ) 0 0 / contain no-repeat;
}
#mv .contacts .contact{
	position : relative;
	overflow : hidden;
	background-image : linear-gradient( 109deg , rgb( 23 194 228 ) 0% , rgb( 68 108 202 ) 71% , rgb( 111 48 174 ) 100% );
}
#mv .contacts p{
	position : relative;
	overflow : hidden;
	font-weight : 700;
	color : white;
	text-align : center;
}
#mv .contacts p > span{
	position : absolute;
	display : block;
	width : auto;
	aspect-ratio : 1;
	line-height : 1;
	text-align : left;
	background-color : #fff000;
	border-radius : 50%;
}
#mv .contacts p > span > span{
	display : block;
	font-weight : 700;
	color : #6647b7;
}
#mv .contacts p > span > span:nth-of-type( 2 ){
	display : grid;
	grid-auto-flow : column;
	align-items : baseline;
	justify-content : start;
}
#mv .contacts a{
	position : relative;
	display : block;
	width : 100%;
	background-color : #fff000;
}
#mv .contacts a::before{
	position : absolute;
	display : block;
	width : auto;
	aspect-ratio : 1;
	content : "";
	background : image-set( url( "../images/top/mv/tel.avif" ) type( "image/avif" ) , url( "../images/top/mv/tel.webp" ) type( "image/webp" ) ) left top / contain no-repeat;
}
#mv .contacts a > span{
	display : block;
	line-height : 1;
}
#mv .contacts a > span:nth-of-type( 1 ){
	font-weight : 500;
	color : #4270cb;
	letter-spacing : -.04em;
}
#mv .contacts a > span:nth-of-type( 2 ){
	font-weight : 700;
	color : black;
	letter-spacing : .04em;
	text-box : trim-both cap alphabetic;
}
#mv .contacts a > span:nth-of-type( 3 ){
	font-weight : 400;
	color : black;
	letter-spacing : -.04em;
}
@media screen and ( width <= 750px ){
	#mv{
		padding-bottom : calc( 59 * var( --remBase ) );
	}
	#mv .head{
		grid-template-columns : auto auto calc( 19 * var( --percentBase ) ) auto calc( 18 * var( --percentBase ) ) auto;
		padding-top : calc( 13 * var( --remBase ) );
		padding-bottom : calc( 10 * var( --remBase ) );
	}
	#mv .head::before , #mv .head::after{
		height : calc( 89 * var( --remBase ) );
		margin-top : calc( 4 * var( --remBase ) );
	}
	#mv .head span{
		margin-top : calc( ( 17 - ( ( 35.01 - 30.63 ) / 2 ) ) * var( --remBase ) );
		font-size : calc( 30.63 * var( --remBase ) );
		line-height : calc( 35.01 / 30.63 );
	}
	#mv .head img{
		height : calc( 88 * var( --remBase ) );
	}
	#mv hgroup{
		margin-top : calc( ( 47 - ( ( 65.6 - 40.37 ) / 2 ) ) * var( --remBase ) );
	}
	#mv hgroup p > span:nth-of-type( 1 ){
		font-size : calc( 40.37 * var( --remBase ) );
		line-height : calc( 65.6 / 40.37 );
	}
	#mv hgroup p > span:nth-of-type( 1 ) span::before{
		top : calc( ( -20 + ( ( 65.6 - 40.37 ) / 2 ) ) * var( --remBase ) );
		height : calc( 6 * var( --remBase ) );
	}
	#mv hgroup p > span:nth-of-type( 2 ){
		margin-top : calc( ( 21 - ( ( 65.6 - 40.37 ) / 2 ) - ( ( 84.45 - 57.78 ) / 2 ) ) * var( --remBase ) );
		font-size : calc( 66.67 * var( --remBase ) );
		line-height : calc( 84.45 / 66.67 );
	}
	#mv hgroup p > span:nth-of-type( 2 ) span{
		font-size : calc( 57.78 * var( --remBase ) );
		line-height : calc( 84.45 / 57.78 );
	}
	#mv hgroup h1{
		margin-top : calc( ( 26 - ( ( 84.45 - 57.78 ) / 2 ) ) * var( --remBase ) );
	}
	#mv hgroup h1 img{
		height : calc( 67 * var( --remBase ) );
	}
	#mv .commisions{
		margin-top : calc( ( 40 - ( ( 84.45 - 57.78 ) / 2 ) ) * var( --remBase ) );
	}
	#mv .commisions p{
		top : calc( -78 * var( --remBase ) );
		right : 0;
	}
	#mv .commisions p img{
		height : calc( 170.07 * var( --remBase ) );
	}
	#mv .commisions .pc img{
		height : calc( 402 * var( --remBase ) );
		margin-left : calc( 42 * var( --percentBase ) );
	}
	#mv .commisions .sp{
		top : calc( 129 * var( --remBase ) );
		left : calc( 24 * var( --percentBase ) );
	}
	#mv .commisions .sp img{
		height : calc( 274 * var( --remBase ) );
	}
	#mv .contacts{
		width : calc( 574 * var( --percentBase ) );
		height : calc( 275 * var( --remBase ) );
		margin-top : calc( 62 * var( --remBase ) );
		margin-left : calc( 58 * var( --percentBase ) );
	}
	#mv .contacts::before{
		top : calc( -16 * var( --remBase ) );
		left : calc( -35 * 100% / 574 );
		height : calc( 171 * var( --remBase ) );
	}
	#mv .contacts .contact{
		border-radius : calc( 15 * var( --remBase ) );
	}
	#mv .contacts p{
		height : calc( 133 * var( --remBase ) );
		padding-top : calc( ( 24 - ( ( 51.67 - 38.75 ) / 2 ) ) * var( --remBase ) );
		padding-left : calc( 41 *100% / 574 );
		font-size : calc( 38.75 * var( --remBase ) );
		line-height : calc( 51.67 / 38.75 );
	}
	#mv .contacts p > span{
		top : calc( -21 * var( --remBase ) );
		right : calc( -22 * 100% / 574 );
		height : calc( 111 * var( --remBase ) );
		padding-top : calc( 33 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 1 ){
		padding-left : calc( 23 * 100% / 111 );
		font-size : calc( 26.07 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 2 ){
		padding-left : calc( 18 * 100% / 111 );
		font-size : calc( 35.73 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 2 ) span{
		font-size : calc( 28.58 * var( --remBase ) );
	}
	#mv .contacts a{
		height : calc( 142 * var( --remBase ) );
		padding-top : calc( 14 * var( --remBase ) );
	}
	#mv .contacts a::before{
		top : calc( 26 * var( --remBase ) );
		left : calc( 15 * 100% / 574 );
		height : calc( 88 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 1 ){
		padding-left : calc( 118 * 100% / 574 );
		font-size : calc( 23.87 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 2 ){
		padding-left : calc( 146 * 100% / 574 );
		margin-top : calc( 14 * var( --remBase ) );
		font-size : calc( 60.27 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 3 ){
		padding-left : calc( 171 * 100% / 574 );
		margin-top : calc( 12 * var( --remBase ) );
		font-size : calc( 25.52 * var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#mv{
		display : grid;
		grid-template-columns : 50% 50%;
		padding-bottom : calc( 64 * var( --remBase ) );
	}
	#mv .head{
		grid-template-columns : auto auto calc( 8 * var( --percentBase ) ) auto calc( 8 * var( --percentBase ) ) auto;
		grid-row : 1;
		grid-column : 1/-1;
		align-items : end;
		padding-block : calc( 16 * var( --remBase ) );
		margin-bottom : calc( 36 * var( --remBase ) );
	}
	#mv .head::before , #mv .head::after{
		height : calc( 48 * var( --remBase ) );
		content : none;
	}
	#mv .head::before{
		margin-right : calc( 8 * var( --remBase ) );
	}
	#mv .head span{
		font-size : calc( 20 * var( --remBase ) );
		line-height : 1;
	}
	#mv .head img{
		height : calc( 24 * var( --remBase ) );
	}
	#mv hgroup{
		z-index : 1;
		grid-row : 2;
		grid-column : 1/-1;
		align-self : end;
	}
	#mv hgroup p > span:nth-of-type( 1 ){
		font-size : calc( 28 * var( --remBase ) );
		text-shadow : calc( 1 * var( --remBase ) ) calc( 1 * var( --remBase ) ) calc( 2 * var( --remBase ) ) white;
	}
	#mv hgroup p > span:nth-of-type( 1 ) span::before{
		top : calc( -12 * var( --remBase ) );
		height : calc( 6 * var( --remBase ) );
	}
	#mv hgroup p > span:nth-of-type( 2 ){
		margin-top : calc( 16 * var( --remBase ) );
		font-size : calc( 48 * var( --remBase ) );
		text-shadow : calc( 2 * var( --remBase ) ) calc( 2 * var( --remBase ) ) calc( 4 * var( --remBase ) ) white;
	}
	#mv hgroup p > span:nth-of-type( 2 ) span{
		font-size : calc( 28 * var( --remBase ) );
	}
	#mv hgroup h1{
		margin-top : calc( 32 * var( --remBase ) );
	}
	#mv hgroup h1 img{
		height : calc( 80 * var( --remBase ) );
		filter : drop-shadow( calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 8 * var( --remBase ) ) white );
	}
	#mv .commisions{
		grid-row : 2/4;
		grid-column : 1/-1;
		align-self : center;
	}
	#mv .commisions p{
		top : calc( 64 * var( --remBase ) );
		left : calc( 180 * var( --percentBase ) );
		border-radius : 50%;
		box-shadow : 0 0 calc( 2 * var( --remBase ) ) color-mix( in sRGB , black 50% , transparent );
	}
	#mv .commisions p img{
		height : calc( 92 * var( --remBase ) );
	}
	#mv .commisions .pc{
		text-align : right;
		opacity : .2;
	}
	#mv .commisions .pc img{
		width : 100%;
		height : auto;
	}
	#mv .commisions .sp{
		bottom : calc( 100 * var( --remBase ) );
		right : calc( 80 * var( --percentBase ) );
	}
	#mv .commisions .sp img{
		height : calc( 280 * var( --remBase ) );
		filter : drop-shadow( calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 8 * var( --remBase ) ) color-mix( in sRGB , black 50% , transparent ) );
	}
	#mv .contacts{
		grid-row : 3;
		grid-column : 1/-1;
		align-self : start;
		width : calc( 480 * var( --percentBase ) );
		margin-inline : auto;
		margin-top : calc( 32 * var( --remBase ) );
		filter : drop-shadow( calc( 4 * var( --remBase ) ) calc( 4 * var( --remBase ) ) calc( 8 * var( --remBase ) ) color-mix( in sRGB , black 50% , transparent ) );
	}
	#mv .contacts::before{
		top : calc( -16 * var( --remBase ) );
		left : calc( -35 * 100% / 480 );
		height : calc( 120 * var( --remBase ) );
	}
	#mv .contacts .contact{
		border-radius : calc( 16 * var( --remBase ) );
	}
	#mv .contacts p{
		height : calc( 100 * var( --remBase ) );
		padding-top : calc( 16 * var( --remBase ) );
		font-size : calc( 24 * var( --remBase ) );
		line-height : 1.4;
	}
	#mv .contacts p > span{
		top : calc( -21 * var( --remBase ) );
		right : calc( -22 * 100% / 574 );
		height : calc( 111 * var( --remBase ) );
		padding-top : calc( 33 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 1 ){
		padding-left : calc( 28 * 100% / 120 );
		font-size : calc( 24 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 2 ){
		padding-left : calc( 24 * 100% / 120 );
		font-size : calc( 32 * var( --remBase ) );
	}
	#mv .contacts p > span > span:nth-of-type( 2 ) span{
		font-size : calc( 24 * var( --remBase ) );
	}
	#mv .contacts a{
		height : calc( 100 * var( --remBase ) );
		padding-top : calc( 8 * var( --remBase ) );
	}
	#mv .contacts a::before{
		top : calc( 16 * var( --remBase ) );
		left : calc( 20 * 100% / 480 );
		height : calc( 64 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 1 ){
		padding-left : calc( 156 * 100% / 480 );
		font-size : calc( 14 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 2 ){
		padding-left : calc( 120 * 100% / 480 );
		margin-top : calc( 8 * var( --remBase ) );
		font-size : calc( 52 * var( --remBase ) );
	}
	#mv .contacts a > span:nth-of-type( 3 ){
		padding-left : calc( 216 * 100% / 480 );
		margin-top : calc( 8 * var( --remBase ) );
		font-size : calc( 12 * var( --remBase ) );
	}
}

/* --------------------------------------------
CTA
--------------------------------------------- */
@media screen and ( width <= 750px ){
	body:has( #cta ){
		padding-bottom : calc( 150 * var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	body:has( #cta ){
		padding-bottom : calc( 185 * var( --remBase ) );
	}
}
#cta{
	position : fixed;
	bottom : 0;
	left : 0;
	z-index : 5;
	width : 100%;
}
#cta a{
	position : relative;
	display : grid;
	box-shadow : calc( 4 * var( --remBase ) ) 0 calc( 5 * var( --remBase ) ) , color-mix( in sRGB , black 10% , transparent );
}
#cta a::before{
	position : absolute;
	display : block;
	width : auto;
	aspect-ratio : 132/171;
	font-size : 0;
	content : "";
	background : image-set( url( "../images/parts/cta/note.avif" ) type( "image/avif" ) , url( "../images/parts/cta/note.webp" ) type( "image/webp" ) ) left top / contain no-repeat;
}
#cta a > span:nth-child( 1 ){
	display : grid;
	align-items : center;
	justify-content : start;
	font-weight : 700;
	color : white;
	text-align : center;
}
#cta a > span:nth-child( 2 ){
	position : relative;
	display : grid;
	align-items : center;
	justify-content : start;
	font-weight : 500;
	color : #595959;
	background-color : #fff000;
}
#cta a > span:nth-child( 2 )::after{
	position : absolute;
	top : 50%;
	display : block;
	width : auto;
	aspect-ratio : 11/19;
	clip-path : polygon( 0 0 , 100% 50% , 0 100% );
	font-size : 0;
	content : "";
	background-color : currentColor;
	translate : 0 -50%;
}
@media screen and ( width <= 750px ){
	#cta{
		height : calc( 150 * var( --remBase ) );
		padding-top : calc( 23 * var( --remBase ) );
		padding-left : calc( 30 * var( --viewportBase ) );
		padding-right : calc( 9 * var( --viewportBase ) );
	}
	#cta a{
		grid-template-columns : calc( 383 * 100% / 707 ) 1fr;
		width : 100%;
		height : calc( 90 * var( --remBase ) );
		padding-block : calc( 2 * var( --remBase ) );
		padding-inline : calc( 2 * 100% / 711 );
		background-image : linear-gradient( 109deg , #17c2e4 , #446cca 71% , #6f30ae 100% );
		border-radius : calc( 14 * var( --remBase ) );
	}
	#cta a::before{
		top : calc( -11 * var( --remBase ) );
		left : calc( -21 * 100% / 711 );
		height : calc( 110 * var( --remBase ) );
	}
	#cta a > span:nth-child( 1 ){
		padding-left : calc( 83 * 100% / 383 );
		font-size : calc( 27.23 * var( --remBase ) );
		line-height : calc( 36.31 / 27.23 );
	}
	#cta a > span:nth-of-type( 2 ){
		padding-left : calc( 29 * 100% / 324 );
		font-size : calc( 31.01 * var( --remBase ) );
		line-height : calc( 50.39 / 31.01 );
		border-radius : 0 calc( 12 * var( --remBase ) ) calc( 12 * var( --remBase ) ) 0 ;
	}
	#cta a > span:nth-of-type( 2 )::after{
		right : calc( 23 * 100% / 324 );
		height : calc( 19 * var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#cta{
		height : calc( 185 * var( --remBase ) );
		padding-inline : max( calc( ( 100% - 1011px ) / 2 ) , calc( 34.5 * 100% / 1080 ) );
		padding-top : calc( 32 * var( --remBase ) );
	}
	#cta a{
		grid-template-columns : calc( 544 * 100% / 1005 ) 1fr;
		width : 100%;
		height : calc( 127 * var( --remBase ) );
		padding-block : calc( 3 * var( --remBase ) );
		padding-inline : calc( 3 * 100% / 1011 );
		background-image : linear-gradient( 109deg , #17c2e4 , #446cca 71% , #6f30ae 100% );
		border-radius : calc( 20 * var( --remBase ) );
	}
	#cta a::before{
		top : calc( -16 * var( --remBase ) );
		left : calc( -35 * 100% / 1011 );
		height : calc( 158 * var( --remBase ) );
	}
	#cta a > span:nth-child( 1 ){
		padding-left : calc( 118 * 100% / 544 );
		font-size : calc( 38.75 * var( --remBase ) );
		line-height : calc( 51.67 / 38.75 );
	}
	#cta a > span:nth-of-type( 2 ){
		padding-left : calc( 41 * 100% / 461 );
		font-size : calc( 44.13 * var( --remBase ) );
		line-height : calc( 71.71 / 44.13 );
		border-radius : 0 calc( 17 * var( --remBase ) ) calc( 17 * var( --remBase ) ) 0 ;
	}
	#cta a > span:nth-of-type( 2 )::after{
		right : calc( 33 * 100% / 461 );
		height : calc( 27 * var( --remBase ) );
	}
}