@charset "UTF-8";

/* --------------------------------------------
TITLE
--------------------------------------------- */
.title01{
	position : relative;
	font-weight : 500;
	color : var( --primary );
	text-align : center;
	text-indent : .2em;
	letter-spacing : .2em;
}
.title01::before{
	position : absolute;
	inset : 0;
	z-index : -1;
	display : block;
	width : fit-content;
	height : fit-content;
	margin : auto;
	font-weight : 700;
	color : color-mix( in sRGB , var( --primary ) 10% , transparent );
	text-align : center;
	text-indent : .05em;
	letter-spacing : .05em;
	text-box : trim-both cap alphabetic;
}
@media screen and ( width <= 750px ){
	.title01{
		font-size : 4rem;
	}
	.title01::before{
		font-size : 12rem;
	}
}
@media print , screen and ( width > 750px ){
	.title01{
		font-size : 2.8rem;
	}
	.title01::before{
		font-size : 10rem;
	}
}