@charset "UTF-8";

/* --------------------------------------------
TITLE
--------------------------------------------- */
.title01{
	font-weight : 700;
	color : var( --color , var( --primary ) );
	text-align : center;
	&::after{
		display : block;
		height : calc( 3 * var( --remBase ) );
		margin-inline : auto;
		font-size : 0;
		content : "";
		background-color : currentColor;
	}
	@media screen and ( width <= 750px ){
		font-size : 2.4rem;
		line-height : calc( 29 / 24 );
		&::after{
			width : calc( 64.42 * var( --percentBase ) );
			margin-top : calc( 27 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		font-size : 3.6rem;
		&::after{
			width : calc( 50 * var( --percentBase ) );
			margin-top : calc( 35 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
HEAD GROUP
--------------------------------------------- */
.hgroup01{
	:where( h1 ,h2 , h3 , h4 , h5 , h6 ){
		font-weight : 700;
		color : var( --color , var( --primary ) );
		text-align : center;
		&::before{
			display : block;
			font-size : 0;
			content : "";
			background-repeat : no-repeat;
			background-position : center;
			background-size : auto 100%;
		}
	}
	p{
		text-align : center;
	}
	&::after{
		display : block;
		width : calc( 50 * var( --percentBase ) );
		height : calc( 3 * var( --remBase ) );
		margin-inline : auto;
		font-size : 0;
		content : "";
		background-color : var( --color , var( --primary ) );
	}
	@media screen and ( width <= 750px ){
		:where( h1 ,h2 , h3 , h4 , h5 , h6 ){
			font-size : 2.4rem;
			line-height : calc( 29 / 24 );
		}
		p{
			margin-top : calc( 14 * var( --remBase ) );
			font-size : 1.8rem;
			line-height : calc( 22 / 18 );
		}
		&::after{
			margin-top : calc( 20 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 750px ){
		:where( h1 ,h2 , h3 , h4 , h5 , h6 ){
			font-size : 3.6rem;
			line-height : calc( 43 / 36 );
		}
		p{
			margin-top : calc( 19 * var( --remBase ) );
			font-size : 1.8rem;
			line-height : calc( 22 / 18 );
		}
		&::after{
			margin-top : calc( 32 * var( --remBase ) );
		}
	}
}