@charset "UTF-8";

/* --------------------------------------------
CONTACT
--------------------------------------------- */
section.contact dl label{
	line-height : 2;
}
section.contact dl :where( input[type="text"] , input[type="email"] , textarea ){
	width : 100%;
	padding-inline : 1em;
	background-color : #d9d9d9;
}
section.contact dl :where( input[type="text"] , input[type="email"] ){
	height : calc( 55 * var( --remBase ) );
}
section.contact dl textarea{
	padding-block : .5em;
}
section.contact .next{
	display : grid;
	place-items : center;
	margin-inline : auto;
	font-size : var(--font-honmon);
	line-height : 2;
	color : white;
	background-color : black;
}
@media screen and ( width < 768px ){
	section.contact dl{
		margin-top : calc( 8 * var( --remBase ) );
	}
	section.contact dl label{
		font-size : calc( 14 * var( --remBase ) );
	}
	section.contact dl dd{
		margin-top : calc( 8 * var( --remBase ) );
	}
	section.contact dl :where( input[type="text"] , input[type="email"] , textarea ){
		font-size : calc( 14 * var( --remBase ) );
	}
	section.contact dl :where( input[type="text"] , input[type="email"] ){
		height : calc( 55 * var( --remBase ) );
	}
	section.contact dl textarea{
		height : calc( 200 * var( --remBase ) );
	}
	section.contact .buttons{
		margin-top : calc( 16 * var( --remBase ) );
	}
	section.contact .next{
		width : calc( 160 * var( --percentBase ) );
		height : calc( 32 * var( --remBase ) );
	}
}
@media print , screen and ( width > 768px ){
	section.contact dl{
		display : grid;
		grid-template-columns : calc( 160 * 100% / 656 ) 1fr;
		row-gap : calc( 40 * var( --remBase ) );
		column-gap : calc( 76 * 100% / 656 );
		align-items : center;
		width : calc( 656 * var( --percentBase ) );
		margin-inline : auto;
		margin-top : calc( 32 * var( --remBase ) );
	}
	section.contact dl label{
		font-size : var(--font-honmon);
	}
	section.contact dl :where( input[type="text"] , input[type="email"] , textarea ){
		font-size : var(--font-honmon);
	}
	section.contact dl textarea{
		height : calc( 160 * var( --remBase ) );
	}
	section.contact .buttons{
		margin-top : calc( 40 * var( --remBase ) );
	}
	section.contact .next{
		width : calc( 160 * var( --percentBase ) );
		height : calc( 32 * var( --remBase ) );
	}
}
section.confirm dl dt{
	line-height : 2;
}
section.confirm dl dd{
	line-height : 2;
}
section.confirm .wpcf7-spinner{
	display : none;
}
section.confirm :is( .prev , .submit ){
	display : grid;
	place-items : center;
	font-size : var(--font-honmon);
	line-height : 2;
	color : black;
}
section.confirm .prev{
	color : black;
	background-color : white;
	outline : solid 1px black;
	outline-offset : -1px;
}
section.confirm .submit{
	color : white;
	background-color : black;
}
@media screen and ( width < 768px ){
	section.confirm dl{
		margin-top : calc( 8 * var( --remBase ) );
	}
	section.confirm dl dt{
		font-size : calc( 14 * var( --remBase ) );
	}
	section.confirm dl dd{
		margin-top : calc( 8 * var( --remBase ) );
		font-size : calc( 14 * var( --remBase ) );
	}
	section.confirm .buttons{
		margin-top : calc( 16 * var( --remBase ) );
	}
	section.confirm :is( .prev , .submit ){
		width : calc( 160 * var( --percentBase ) );
		height : calc( 32 * var( --remBase ) );
		margin-inline : auto;
	}
	section.confirm .submit{
		margin-top : calc( 40 * var( --remBase ) );
	}
}
@media print , screen and ( width > 768px ){
	section.confirm dl{
		display : grid;
		grid-template-columns : calc( 160 * 100% / 656 ) 1fr;
		row-gap : calc( 40 * var( --remBase ) );
		column-gap : calc( 76 * 100% / 656 );
		align-items : center;
		width : calc( 656 * var( --percentBase ) );
		margin-inline : auto;
		margin-top : calc( 32 * var( --remBase ) );
	}
	section.confirm dl dt{
		font-size : var(--font-honmon);
	}
	section.confirm dl dd{
		font-size : var(--font-honmon);
	}
	section.confirm .buttons{
		display : grid;
		grid-template-columns : repeat( 2 , calc( 160 * var( --percentBase ) ) );
		column-gap : calc( 40 * var( --percentBase ) );
		align-items : center;
		justify-content : center;
		margin-top : calc( 40 * var( --remBase ) );
	}
	section.confirm :is( .prev , .submit ){
		height : calc( 32 * var( --remBase ) );
	}
}