@charset "UTF-8";

/* --------------------------------------------
CTA
--------------------------------------------- */
#cta > p{
	font-weight : 700;
	line-height : 1.5;
	text-align : center;
}
#cta a span{
	font-size : clamp( var( --min ) , 1.8rem , var( --max ) );
}
@media screen and ( width <= 750px ){
	#cta{
		padding-top : calc( 50 var( --remBase ) );
		padding-bottom : calc( 92 var( --remBase ) );
	}
	#cta > p{
		margin-top : calc( 40 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#cta ul{
		margin-top : calc( 28 var( --remBase ) );
	}
	#cta li + li{
		margin-top : calc( 20 var( --remBase ) );
	}
	#cta a{
		--down : calc( 4 var( --remBase ) );
		height : calc( 60 var( --remBase ) );
	}
	#cta a::after{
		right : calc( 7 var( --percentBase ) );
	}
	#cta .link-contact span{
		column-gap : calc( 8 * 100% / 281 );
		padding-left : calc( 54 var( --percentBase ) );
	}
	#cta .link-apply span{
		column-gap : calc( 10 * 100% / 255 );
		padding-left : calc( 80 var( --percentBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#cta{
		padding-top : calc( 80 var( --remBase ) );
		padding-bottom : calc( 251 var( --remBase ) );
	}
	#cta > p{
		margin-top : calc( 60 var( --remBase ) );
		font-size : clamp( var( --min ) , 2.4rem , var( --max ) );
	}
	#cta ul{
		display : grid;
		grid-template-rows : calc( 80 var( --remBase ) );
		grid-template-columns : repeat( 2 , calc( 302 var( --percentBase ) ) );
		column-gap : calc( 45 var( --percentBase ) );
		justify-content : center;
		margin-top : calc( 31 var( --remBase ) );
	}
	#cta a{
		--down : calc( 5 var( --remBase ) );
	}
	#cta a::after{
		right : calc( 7 * 100% / 302 );
	}
	#cta .link-contact span{
		column-gap : calc( 8 * 100% / 265 );
		padding-left : calc( 37 * 100% / 302 );
	}
	#cta .link-apply span{
		column-gap : calc( 10 * 100% / 239 );
		padding-left : calc( 63 * 100% / 302 );
	}
}

/* --------------------------------------------
FOOTER
--------------------------------------------- */
#footer{
	position : relative;
	padding-top : calc( 17 var( --remBase ) );
	padding-bottom : calc( 15 var( --remBase ) );
	overflow-x : clip;
	background-color : white;
}
#footer a{
	position : absolute;
	top : 0;
	display : grid;
	grid-template-columns : auto 1fr;
	column-gap : calc( 11 * 100% / 78 - 2px );
	align-items : center;
	justify-content : center;
	height : calc( 42 var( --remBase ) );
	font-size : 1.2rem;
	line-height : 1.5;
	background-color : white;
	outline : solid 1px var( --base );
	outline-offset : -1px;
	translate : 0 -100%;
}
#footer a::before{
	display : block;
	width : auto;
	height : calc( 5 var( --remBase ) );
	aspect-ratio : 11/5;
	font-size : 0;
	content : "";
	background-image : url( "../images/footer/up.svg" );
	background-repeat : no-repeat;
	background-position : left center;
	background-size : contain;
}
#footer p{
	font-size : clamp( var( --min ) , 1.2rem , var( --max ) );
	line-height : 1.5;
}
@media screen and ( width <= 750px ){
	#footer a{
		right : calc( 20 var( --viewportBase ) );
		width : calc( 108 var( --percentBase ) );
		padding-left : calc( 14 var( --viewportBase ) );
		padding-right : calc( 16 var( --viewportBase ) );
	}
}
@media screen and ( 750px < width < 1440px ){
	#footer a{
		right : 0;
		width : calc( 108 var( --viewportBase ) );
		padding-left : calc( 14 var( --viewportBase ) );
		padding-right : calc( 16 var( --viewportBase ) );
	}
}
@media print , screen and ( width >= 1440px ){
	#footer a{
		left : min( 100% , calc( 50% + 541px ) );
		width : 108px;
		padding-left : 14px;
		padding-right : 16px;
	}
}