@charset "UTF-8";

/* --------------------------------------------
SPIRIT
--------------------------------------------- */
article.spirit{
	hgroup{
		display : contents;
	}
	.sincerely{
		hgroup p{
			background-image : url( "../images/spirit/bg01.webp" );
		}
	}
	.imagine{
		hgroup p{
			background-image : url( "../images/spirit/bg02.webp" );
		}
	}
	.bravery{
		hgroup p{
			background-image : url( "../images/spirit/bg03.webp" );
		}
	}
	.challenge{
		hgroup p{
			background-image : url( "../images/spirit/bg04.webp" );
		}
	}
	.passion{
		hgroup p{
			background-image : url( "../images/spirit/bg05.webp" );
		}
	}
	hgroup{
		p{
			display : grid;
			grid-column : 1/-1;
			place-items : center;
			font-family : Roboto , sans-serif;
			font-weight : 800;
			line-height : 1.2;
			color : white;
			text-align : center;
			text-indent : .03em;
			letter-spacing : .03em;
			background-repeat : no-repeat;
			background-position : center;
			background-size : auto 100%;
		}
		h2{
			font-weight : 700;
			line-height : 1.3;
			text-align : center;
		}
	}
	section > p{
		line-height : 2;
		text-align : center;
	}
	@media screen and ( width <= 768px ){
		section{
			padding-bottom : calc( 66 * var( --remBase ) );
		}
		hgroup{
			p{
				height : calc( 280 * var( --remBase ) );
				font-size : calc( 24 * var( --remBase ) );
			}
			h2{
				grid-column : 2;
				margin-top : calc( 40 * var( --remBase ) );
				font-size : calc( 22 * var( --remBase ) );
			}
		}
		section > p{
			font-size : calc( 14 * var( --remBase ) );
		}
		hgroup + p{
			margin-top : calc( 32 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		section{
			padding-bottom : calc( 160 * var( --remBase ) );
		}
		hgroup{
			p{
				height : calc( 600 * var( --remBase ) );
				font-size : calc( 34 * var( --remBase ) );
			}
			h2{
				grid-column : 3;
				margin-top : calc( 72 * var( --remBase ) );
				font-size : calc( 25 * var( --remBase ) );
			}
		}
		section > p{
			font-size : var( --font-honmon );
		}
		hgroup + p{
			margin-top : calc( 64 * var( --remBase ) );
		}
	}
}

/* --------------------------------------------
MESSAGE
--------------------------------------------- */
article.message{
	p , dl{
		line-height : 2;
	}
	p{
		text-align : center;
		+ p{
			margin-top : 2lh;
		}
	}
	dl{
		display : flex;
		flex-wrap : wrap;
		grid-auto-flow : column;
		column-gap : 1em;
		align-items : center;
		justify-content : center;
		margin-top : 1lh;
	}
	dd{
		display : contents;
		span:nth-of-type( 2 ){
			width : 100%;
			text-align : right;
		}
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 90 * var( --remBase ) );
		:where( p , dl ){
			font-size : calc( 14 * var( --remBase ) );
		}
		dd span:nth-of-type( 2 ){
			margin-top : calc( 8 * var( --remBase ) );
			img{
				height : calc( 63 * var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		padding-bottom : calc( 60 * var( --remBase ) );
		:where( p , dl ){
			font-size : var( --font-honmon );
		}
		dd span:nth-of-type( 2 ){
			margin-top : calc( 16 * var( --remBase ) );
			img{
				height : calc( 84 * var( --remBase ) );
			}
		}
	}
}

/* --------------------------------------------
CONTACT
--------------------------------------------- */
section.contact{
	padding-bottom : calc( 160 * var( --remBase ) );
	.wrap{
		> p{
			line-height : 2;
		}
	}
	@media screen and ( width <= 768px ){
		.wrap{
			> p{
				font-size : calc( 14 * var( --remBase ) );
			}
		}
	}
	@media print , screen and ( width > 768px ){
		.wrap{
			> p{
				font-size : var( --font-honmon );
				text-align : center;
			}
		}
	}
}
section.confirm{
	padding-bottom : calc( 160 * var( --remBase ) );
}
section.thanks{
	padding-bottom : calc( 160 * var( --remBase ) );
	p{
		line-height : 2;
	}
	p{
		text-align : center;
		+ p{
			margin-top : 2lh;
		}
	}
	@media screen and ( width <= 768px ){
		padding-bottom : calc( 90 * var( --remBase ) );
		p{
			font-size : calc( 14 * var( --remBase ) );
		}
	}
	@media print , screen and ( width > 768px ){
		p{
			font-size : var( --font-honmon );
		}
	}
}