@charset "UTF-8";

/* --------------------------------------------
FEATURES
--------------------------------------------- */
#featureHead{
	color : var( --title );
}
#featureHead > :where( h2 , p  ){
	text-align : center;
}
#featureHead > p:nth-of-type( 1 ){
	font-weight : 900;
	line-height : 1.7;
	text-align : center;
}
#featureHead > p:nth-of-type( 2 ){
	font-weight : 700;
	line-height : 1.7;
}
#featureHead #slider01{
	font-size : 0;
}
#featureHead > p:nth-of-type( 3 ){
	font-weight : 700;
	line-height : 2;
}
@media screen and ( width <= 750px ){
	#featureHead{
		padding-bottom : calc( 80 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 1 ){
		font-size : 1.8rem;
	}
	#featureHead h2{
		margin-top : calc( 16 var( --remBase ) );
	}
	#featureHead h2 img{
		height : calc( 148.54 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 2 ){
		padding-inline : calc( 32 var( --viewportBase ) );
		margin-top : calc( 16 var( --remBase ) );
		font-size : 1.8rem;
	}
	#featureHead #slider01{
		margin-top : calc( 16 var( --remBase ) );
	}
	#featureHead .splide__slide img{
		height : calc( 207 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 3 ){
		margin-top : calc( 16 var( --remBase ) );
		font-size : 1.8rem;
	}
}
@media print , screen and ( width > 750px ){
	#featureHead{
		padding-bottom : calc( 77 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 1 ){
		font-size : 3.4rem;
	}
	#featureHead h2{
		margin-top : calc( 32 var( --remBase ) );
	}
	#featureHead h2 img{
		height : calc( 134 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 2 ){
		margin-top : calc( 32 var( --remBase ) );
		font-size : 3.4rem;
	}
	#featureHead #slider01{
		margin-top : calc( 32 var( --remBase ) );
	}
	#featureHead .splide__slide img{
		height : calc( 207 var( --remBase ) );
	}
	#featureHead > p:nth-of-type( 3 ){
		margin-top : calc( 32 var( --remBase ) );
		font-size : 2.4rem;
	}
}

/* --------------------------------------------
CONTACT
CONFIRM
THANKS
--------------------------------------------- */
:where( #contact , #confirm , #thaks ) > p{
	color : #333;
}
@media screen and ( width <= 750px ){
	:where( #contact , #confirm , #thaks ){
		padding-bottom : calc( 40 var( --remBase ) );
	}
	:where( #contact , #confirm , #thaks ) > p{
		font-size : 1.4rem;
		line-height : 2;
	}
}
@media print , screen and ( width > 750px ){
	:where( #contact , #confirm , #thaks ){
		padding-bottom : calc( 80 var( --remBase ) );
	}
	:where( #contact , #confirm , #thaks ) > p{
		font-size : 1.6rem;
		line-height : 1.7;
	}
}