@charset "UTF-8";

/* --------------------------------------------
PROPOSAL
--------------------------------------------- */
#proposal > section > section{
	display : grid;
}
#proposal .box h3{
	font-weight : 400;
	line-height : 1.3;
	color : var( --gold );
}
#proposal .box p{
	margin-top : calc( 16 var( --remBase ) );
	line-height : 2;
}
@media screen and ( width <= 750px ){
	#proposal > section > section{
		grid-template-columns : calc( var( --gutter ) var( --viewportBase ) ) 1fr calc( var( --gutter ) var( --viewportBase ) );
		row-gap : calc( 24 var( --remBase ) );
		margin-top : calc( 64 var( --remBase ) );
	}
	#proposal .box{
		grid-row : 1;
		grid-column : 2;
	}
	#proposal .box h3{
		font-size : clamp( var( --min ) , 2rem , var( --max ) );
	}
	#proposal .box p{
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#proposal > section > section > picture{
		grid-row : 2;
		grid-column : 1/-1;
	}
}
@media print , screen and ( width > 750px ){
	#proposal > section > section{
		grid-template-rows : calc( var( --row01 ) var( --remBase ) ) 1fr;
		grid-template-columns : calc( var( --column01 ) var( --viewportBase ) ) calc( var( --column02 ) var( --viewportBase ) ) 1fr;
		margin-top : calc( 80 var( --remBase ) );
	}
	#proposal > section > section > picture{
		grid-row : 1/-1;
		grid-column : 1/-1;
		align-self : start;
	}
	#proposal .box{
		position : relative;
		grid-row : 2;
		grid-column : 2;
		padding-block : calc( 32 var( --remBase ) );
		padding-inline : calc( 24 * 100% / var( --column02 ) );
		padding-inline : calc( 32 * 100% / var( --column02 ) );
	}
	#proposal .box h3{
		font-size : clamp( var( --min ) , 3.4rem , var( --max ) );
	}
	#proposal .box p{
		margin-top : calc( 16 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
}
@media screen and ( width <= 750px ){
	#proposal01{
		padding-block : calc( 120 var( --remBase ) );
	}
	#proposal01 > section:nth-of-type( 1 ) > picture{
		justify-self : start;
	}
	#proposal01 > section:nth-of-type( 1 ) > picture img{
		height : calc( 212.76 var( --remBase ) );
	}
	#proposal01 > section:nth-of-type( 2 ) > picture{
		justify-self : end;
	}
	#proposal01 > section:nth-of-type( 2 ) > picture img{
		height : calc( 212.07 var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#proposal01{
		padding-block : calc( 80 var( --remBase ) );
	}
	#proposal01 .box{
		background-color : #f6f6f6;
	}
	#proposal01 > section:nth-of-type( 1 ){
		--column01 : 144;
		--column02 : 590;
		--row01 : 400;
	}
	#proposal01 > section:nth-of-type( 1 ) > picture{
		justify-self : end;
	}
	#proposal01 > section:nth-of-type( 1 ) > picture img{
		height : calc( 604 var( --remBase ) );
	}
	#proposal01 > section:nth-of-type( 2 ){
		--column01 : 704;
		--column02 : 558;
		--row01 : 360;
	}
	#proposal01 > section:nth-of-type( 2 ) > picture{
		justify-self : start;
	}
	#proposal01 > section:nth-of-type( 2 ) > picture img{
		height : calc( 576 var( --remBase ) );
	}
}
#proposal02{
	color : white;
	background-color : #09101e;
}
#proposal02 > section:nth-of-type( 1 ) > picture{
	justify-self : stretch;
}
#proposal02 > section:nth-of-type( 1 ) > picture img{
	width : 100%;
	height : auto;
}
@media screen and ( width <= 750px ){
	#proposal02{
		padding-block : calc( 120 var( --remBase ) );
	}
	#proposal02 > section:nth-of-type( 2 ) > picture{
		justify-self : end;
	}
	#proposal02 > section:nth-of-type( 2 ) > picture img{
		height : calc( 228 var( --remBase ) );
	}
	#proposal02 > section:nth-of-type( 3 ) > picture{
		justify-self : start;
	}
	#proposal02 > section:nth-of-type( 3 ) > picture img{
		height : calc( 212.25 var( --remBase ) );
	}
	#proposal02 > section:nth-of-type( 4 ) > picture{
		justify-self : end;
	}
	#proposal02 > section:nth-of-type( 4 ) > picture img{
		height : calc( 206.49 var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#proposal02{
		padding-block : calc( 160 var( --remBase ) );
	}
	#proposal02 .box{
		background-color : #09101e;
	}
	#proposal02 > section:nth-of-type( 1 ){
		--column01 : 64;
		--column02 : 784;
		--row01 : 560;
	}
	#proposal02 > section:nth-of-type( 2 ){
		--column01 : 703;
		--column02 : 673;
		--row01 : 400;
	}
	#proposal02 > section:nth-of-type( 2 ) > picture{
		justify-self : start;
	}
	#proposal02 > section:nth-of-type( 2 ) > picture img{
		height : calc( 578 var( --remBase ) );
	}
	#proposal02 > section:nth-of-type( 3 ){
		--column01 : 64;
		--column02 : 560;
		--row01 : 480;
	}
	#proposal02 > section:nth-of-type( 3 ) > picture{
		justify-self : end;
	}
	#proposal02 > section:nth-of-type( 3 ) > picture img{
		height : calc( 714.36 var( --remBase ) );
	}
	#proposal02 > section:nth-of-type( 4 ){
		--column01 : 704;
		--column02 : 591;
		--row01 : 360;
	}
	#proposal02 > section:nth-of-type( 4 ) > picture{
		justify-self : start;
	}
	#proposal02 > section:nth-of-type( 4 ) > picture img{
		height : calc( 576 var( --remBase ) );
	}
}
#proposal03{
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( width <= 750px ){
	#proposal03{
		padding-block : calc( 120 var( --remBase ) );
		background-image : url( "../images/ui/bg/bg01_sp.webp" );
		background-size : 100% auto;
	}
	#proposal03 > section:nth-of-type( 1 ) > picture{
		justify-self : end;
	}
	#proposal03 > section:nth-of-type( 1 ) > picture img{
		height : calc( 223.05 var( --remBase ) );
	}
	#proposal03 > section:nth-of-type( 2 ) > picture{
		justify-self : start;
	}
	#proposal03 > section:nth-of-type( 2 ) > picture img{
		height : calc( 220.75 var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#proposal03{
		padding-top : calc( 160 var( --remBase ) );
		padding-bottom : calc( 80 var( --remBase ) );
		background-image : url( "../images/ui/bg/bg01_pc.webp" );
		background-size : auto;
	}
	#proposal03 .box{
		background-color : #f1efef;
	}
	#proposal03 > section:nth-of-type( 1 ){
		--column01 : 144;
		--column02 : 590;
		--row01 : 400;
	}
	#proposal03 > section:nth-of-type( 1 ) > picture{
		justify-self : end;
	}
	#proposal03 > section:nth-of-type( 1 ) > picture img{
		height : calc( 604 var( --remBase ) );
	}
	#proposal03 > section:nth-of-type( 2 ){
		--column01 : 704;
		--column02 : 528;
		--row01 : 360;
	}
	#proposal03 > section:nth-of-type( 2 ) > picture{
		justify-self : start;
	}
	#proposal03 > section:nth-of-type( 2 ) > picture img{
		height : calc( 576 var( --remBase ) );
	}
}

/* --------------------------------------------
ABOUT
--------------------------------------------- */
#features > section{
	display : grid;
}
#features .box h3{
	font-weight : 500;
}
#features .box p{
	line-height : 2;
}
#features ul{
	display : grid;
}
#features ul img{
	width : 100%;
	height : auto;
}
@media screen and ( width <= 750px ){
	#features{
		padding-top : calc( 120 var( --remBase ) );
	}
	#features > section{
		grid-template-columns : calc( var( --gutter ) var( --viewportBase ) ) 1fr calc( var( --gutter ) var( --viewportBase ) );
		row-gap : calc( 24 var( --remBase ) );
		margin-top : calc( 64 var( --remBase ) );
	}
	#features .box{
		grid-row : 1;
		grid-column : 2;
	}
	#features .box h3{
		font-size : clamp( var( --min ) , 2rem , var( --max ) );
		line-height : 1.3;
	}
	#features .box p{
		margin-top : calc( 16 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#features picture{
		grid-row : 2;
		grid-column : 1/-1;
	}
	#features > section:nth-of-type( 1 ) picture{
		justify-self : start;
	}
	#features > section:nth-of-type( 1 ) picture img{
		height : calc( 212.76 var( --remBase ) );
	}
	#features > section:nth-of-type( 2 ) picture{
		justify-self : end;
	}
	#features > section:nth-of-type( 2 ) picture img{
		height : calc( 212.07 var( --remBase ) );
	}
	#features > section:nth-of-type( 3 ) picture img{
		width : 100%;
		height : auto;
	}
	#features > section:nth-of-type( 3 ) ul{
		grid-template-columns : repeat( 3 , calc( 112 var( --percentBase ) ) );
	}
}
@media print , screen and ( width > 750px ){
	#features{
		padding-top : calc( 80 var( --remBase ) );
	}
	#features .box{
		grid-row : 2;
	}
	#features .box h3{
		font-size : clamp( var( --min ) , 4rem , var( --max ) );
		line-height : 1.2;
	}
	#features .box p{
		margin-top : calc( 24 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
		color : #333;
	}
	#features picture{
		grid-row : 1/-1;
	}
	#features picture img{
		width : 100%;
		height : auto;
	}
	#features > section + section{
		margin-top : calc( 40 var( --remBase ) );
	}
	#features > section:not( :last-of-type ){
		grid-template-rows : 1fr auto 1fr;
	}
	#features > section:nth-of-type( 1 ){
		grid-template-columns : calc( 176 var( --viewportBase ) ) calc( 528 var( --viewportBase ) ) calc( 32 var( --viewportBase ) ) calc( 704 var( --viewportBase ) );
		margin-top : calc( 80 var( --remBase ) );
	}
	#features > section:nth-of-type( 1 ) .box{
		grid-column : 2;
	}
	#features > section:nth-of-type( 1 ) picture{
		grid-column : 4;
	}
	#features > section:nth-of-type( 2 ){
		grid-template-columns : calc( 704 var( --viewportBase ) ) calc( 32 var( --viewportBase ) ) calc( 528 var( --viewportBase ) )   calc( 176 var( --viewportBase ) );
	}
	#features > section:nth-of-type( 2 ) .box{
		grid-column : 3;
	}
	#features > section:nth-of-type( 2 ) picture{
		grid-column : 1;
	}
	#features > section:nth-of-type( 3 ){
		grid-template-rows : calc( 64 var( --remBase ) ) auto 1fr;
		grid-template-columns : calc( 64 var( --viewportBase ) ) calc( 672 var( --viewportBase ) ) 1fr;
	}
	#features > section:nth-of-type( 3 ) picture{
		grid-column : 1/-1;
	}
	#features > section:nth-of-type( 3 ) .box{
		position : relative;
		grid-row : 2;
		grid-column : 2;
		padding-block : calc( 32 var( --remBase ) );
		padding-inline : calc( 32 * 100% / 672 );
		background-color : color-mix( in sRGB , white 90% , transparent );
	}
	#features > section:nth-of-type( 3 ) ul{
		grid-template-columns : repeat( auto-fill , calc( 120 * 100% / 608 ) );
		justify-content : start;
	}
}
#member h3 > :where( ruby , span ){
	display : grid;
	grid-auto-flow : column;
	align-items : baseline;
	justify-content : start;
	font-weight : 500;
	line-height : 1.2;
}
#member h3 > :where( ruby , span ) > :where( rt , span ){
	line-height : 1.2;
}
#member dl > div{
	display : grid;
	grid-template-columns : auto auto;
	align-items : center;
	justify-content : start;
}
#member dl ul{
	display : flex;
	flex-wrap : wrap;
	column-gap : 1em;
}
#member dl dt , #member dl dd{
	line-height : 2;
}
#member dl dt{
	display : grid;
	place-items : center;
	line-height : 2;
	background-color : #947719;
}
#member p{
	line-height : 2;
}
@media screen and ( width <= 750px ){
	#member{
		padding-block : calc( 120 var( --remBase ) );
	}
	#member > ul{
		margin-top : calc( 64 var( --remBase ) );
	}
	#member > ul > li + li{
		margin-top : calc( 64 var( --remBase ) );
	}
	#member h3{
		margin-top : calc( 24 var( --remBase ) );
	}
	#member h3 > :where( ruby , span ){
		column-gap : calc( 24 var( --percentBase ) );
		column-gap : calc( 24 * 100% / 528 );
		font-size : clamp( var( --min ) , 4rem , var( --max ) );
	}
	#member h3 > :where( ruby , span ) > :where( rt , span ){
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#member dl{
		margin-top : calc( 24 var( --remBase ) );
	}
	#member dl > div{
		column-gap : calc( 16 var( --percentBase ) );
	}
	#member dl > div + div{
		margin-top : calc( 8 var( --remBase ) );
	}
	#member dt , #member dd{
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#member dt{
		padding-inline : calc( 24 var( --remBase ) );
	}
	#member p{
		margin-top : calc( 24 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#member .line{
		grid-row : 3;
		grid-column : 3;
		padding-top: calc( 12 var( --percentBase ) );
	}
		#member .line a{
			background: #06C755;
			color: 3fff;
			display: block;
			padding: 5px;
			text-align: center;
			font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
			display: flex;
			justify-content: center;
			align-items: center;
			height: 4em;
		}
}
@media print , screen and ( width > 750px ){
	#member{
		padding-block : calc( 160 var( --remBase ) );
	}
	#member > ul{
		margin-top : calc( 40 var( --remBase ) );
	}
	#member > ul > li{
		display : grid;
		grid-template-rows : repeat( 2 , auto ) 1fr;
		grid-template-columns : calc( 304 var( --percentBase ) ) calc( 528 var( --percentBase ) ) 1fr;
		row-gap : calc( 24 var( --remBase ) );
		column-gap : calc( 32 var( --percentBase ) );
		align-items : start;
	}
	#member > ul > li + li{
		margin-top : calc( 64 var( --remBase ) );
	}
	#member picture{
		grid-row : 1/-1;
		grid-column : 1;
	}
	#member h3{
		grid-row : 1;
		grid-column : 2;
		padding-top : calc( 20 var( --remBase ) );
	}
	#member h3 > :where( ruby , span ){
		column-gap : calc( 24 * 100% / 528 );
		font-size : clamp( var( --min ) , 4rem , var( --max ) );
	}
	#member h3 > :where( ruby , span ) > :where( rt , span ){
		font-size : clamp( var( --min ) , 2.4rem , var( --max ) );
	}
	#member dl{
		display : flex;
		flex-wrap : wrap;
		grid-row : 2;
		grid-column : 2;
		column-gap : calc( 40 * 100% / 528 );
	}
	#member dl > div{
		column-gap : calc( 16 var( --remBase ) );
		margin-bottom: calc( 16 var( --remBase ) );
	}
	#member dt , #member dd{
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#member dt{
		padding-inline : calc( 24 var( --remBase ) );
	}
	#member p{
		grid-row : 3;
		grid-column : 2;
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#member .line{
		grid-row : 3;
		grid-column : 3;
		padding-top: calc( 12 var( --percentBase ) );
	}
		#member .line img{
			width: calc( 320 var( --percentBase ) );
			height: auto;
		}
}
#corporate > dl > :where( dt,dd ){
	font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	line-height : 2;
}
#corporate > dl > dd{
	border-bottom : solid 1px #d9d9d9;
}
#corporate dl dl > div{
	display : flex;
	flex-wrap : wrap;
}
@media screen and ( width <= 750px ){
	#corporate{
		padding-block : calc( 120 var( --remBase ) );
	}
	#corporate > dl{
		margin-top : calc( 64 var( --remBase ) );
	}
	#corporate > dl > dt{
		padding-top : calc( 16 var( --remBase ) );
		font-weight : 700;
	}
	#corporate > dl > dd{
		padding-bottom : calc( 16 var( --remBase ) );
		margin-top : calc( 8 var( --remBase ) );
	}
	#corporate li + li{
		margin-top : calc( 8 var( --remBase ) );
	}
	#corporate dl dl:not( :has( a ) ) > div + div{
		margin-top : calc( 8 var( --remBase ) );
	}
}
@media print , screen and ( width > 750px ){
	#corporate{
		padding-top : calc( 120 var( --remBase ) );
		padding-bottom : calc( 160 var( --remBase ) );
	}
	#corporate > dl{
		display : grid;
		grid-template-columns : calc( 144 var( --percentBase ) ) calc( 720 var( --percentBase ) );
		margin-top : calc( 80 var( --remBase ) );
	}
	html[lang="en"] #corporate > dl{
		display : grid;
		grid-template-columns : calc( 180 var( --percentBase ) ) calc( 720 var( --percentBase ) );
		margin-top : calc( 80 var( --remBase ) );
	}
	#corporate > dl > :where( dt,dd ){
		padding-block : calc( 16 var( --remBase ) );
	}
	#corporate > dl > dt{
		padding-right : calc( 24 * 100% / 144 );
		border-bottom : solid 1px #d9d9d9;
	}
	#corporate dl dl:not( :has( a ) ) , #corporate dd > ul{
		display : flex;
		flex-wrap : wrap;
		row-gap : calc( 4 var( --remBase ) );
		column-gap : calc( 24 * 100% / 720 );
	}
	#corporate dl dl:not( :has( a ) ){
		row-gap : calc( 4 var( --remBase ) );
	}
	#corporate dl dl > dd li + li{
		margin-top : calc( 4 var( --remBase ) );
	}
}
.must{
	display : inline-block;
	float : none;
	padding : 0;
	margin : 0;
	font-size : inherit;
	color : currentColor;
	text-shadow : none;
	background-color : transparent;
	background-image : none;
	border : 0;
	border-radius : 0;
	box-shadow : none;
}
th{
	text-align : left;
}
.mfp_element_text , .mfp_element_number , .mfp_element_select-one , .mfp_element_email , .mfp_element_tel , .mfp_element_textarea , .mfp_element_date , .mfp_element_password{
	max-width : inherit;
	padding : 0;
	padding-left : .5em;
	margin : 0;
	border : 0;
	border-radius : 0;
	box-shadow : none;
}
.mfp_element_textarea{
	padding-top : .5em;
}

.mfp_element_all{
	max-width : inherit;
}
#mailform #mailformpro{
	padding : 0;
}
#mailform #mailformpro > dl > dt{
	float : none;
	width : auto;
	padding : 0;
	text-align : left;
	border : 0;
}
#mailform #mailformpro > dl > dt > label{
	display : grid;
	grid-template-columns : 1fr auto;
	align-items : center;
	justify-content : space-between;
	margin : 0;
	line-height : 2;
}
#mailform #mailformpro > dl > dt > label::after{
	display : grid;
	place-items : center;
	line-height : 2;
	color : white;
	content : "必須";
	background-color : #b3261e;
}
	html[lang="en"] #mailform #mailformpro > dl > dt > label::after{
		content : "Required";
	}
#mailform #mailformpro > dl > dd{
	padding : 0;
	border-top : 0;
	border-bottom : solid 1px #d9d9d9;
}
#mailform .tels{
	display : grid;
	align-items : start;
	justify-content : start;
}
#mailform :is( input[type="text"] , input[type="email"] , select , input[type="tel"] , textarea ){
	padding-inline : calc( 8 var( --remBase ) );
	line-height : 1.6;
	background-color : white;
	border-radius : calc( 4 var( --remBase ) );
	outline : solid 1px #a1a1a1;
	outline-offset : -1px;
}
#mailform :is( input[type="text"] , input[type="email"] , select , input[type="tel"] , textarea )::placeholder{
	color : #a1a1a1;
}
#mailform select{
	background-image : url( "../images/ui/arrow/down01.svg" );
	background-repeat : no-repeat;
	background-position-x : calc( 100% - ( 16 var( --remBase ) ) );
	background-position-y : 50%;
	background-size : auto calc( 7 var( --remBase ) );
}
#mailform textarea{
	height : calc( 159 var( --remBase ) );
}
#mailform input[type="submit"]{
	display : grid;
	place-items : center;
	padding-block : calc( 12 var( --remBase ) );
	margin-top : calc( 32 var( --remBase ) );
	font-size : clamp( var( --min ) , 1.8rem , var( --max ) );
	line-height : 2;
	color : #333;
	background-color : var( --gold );
	outline : solid 1px var( --gold );
	outline-offset : -1px;
}
@media screen and ( width <= 750px ){
	#mailform{
		padding-block : calc( 120 var( --remBase ) );
	}
	#mailform #mailformpro{
		margin-top : calc( 64 var( --remBase ) );
	}
	#mailform #mailformpro > dl > dt > label{
		column-gap : calc( 24 var( --percentBase ) );
		justify-content : space-between;
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#mailform #mailformpro > dl > dt > label::after{
		padding-inline : calc( 16 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#mailform #mailformpro > dl > dd{
		padding-bottom : calc( 16 var( --remBase ) );
		margin-top : calc( 24 var( --remBase ) );
	}
	#mailform #mailformpro > dl > dd + dt{
		margin-top : calc( 16 var( --remBase ) );
	}
	#mailform :is( input[type="text"] , input[type="email"] , select , input[type="tel"] , textarea ){
		padding-block : calc( 6 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.4rem , var( --max ) );
	}
	#mailform :is( #contact_name , #contact_email , #contact_content ){
		width : 100%;
	}
	#mailform .tels{
		grid-template-columns : calc( 132 var( --percentBase ) ) calc( 196 var( --percentBase ) );
		justify-content : space-between;
	}
	#mailform input[type="submit"]{
		width : 100%;
	}
}
@media print , screen and ( width > 750px ){
	#mailform{
		padding-top : calc( 120 var( --remBase ) );
		padding-bottom : calc( 160 var( --remBase ) );
	}
	#mailform #mailformpro{
		width : calc( 864 var( --percentBase ) );
		margin-top : calc( 80 var( --remBase ) );
	}
	#mailform #mailformpro > dl{
		display : grid;
		grid-template-columns : calc( 268 * 100% / 864 ) calc( 596 * 100% / 864 );
		justify-content : start;
	}
	#mailform #mailformpro > dl > dt , #mailform #mailformpro > dl dd{
		padding-block : calc( 16 var( --remBase ) );
	}
	#mailform #mailformpro > dl > dt{
		padding-right : calc( 24 * 100% / 268 );
		border-bottom : solid 1px #d9d9d9;
	}
	#mailform #mailformpro > dl > dt > label{
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#mailform #mailformpro > dl > dt > label::after{
		padding-inline : calc( 14 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#mailform :is( input[type="text"] , input[type="email"] , select , input[type="tel"] , textarea ){
		padding-block : calc( 7 var( --remBase ) );
		font-size : clamp( var( --min ) , 1.6rem , var( --max ) );
	}
	#mailform :is( #contact_name , #contact_email ){
		width : calc( 320 * 100% / 596 );
	}
	#mailform .tels{
		grid-template-columns : calc( 132 * 100% / 596 ) calc( 320 * 100% / 596 );
		column-gap : calc( 16 * 100% / 596 );
	}
	#mailform #contact_content{
		width : 100%;
	}
	#mailform input[type="submit"]{
		padding-inline : calc( 110 var( --remBase ) );
		margin-inline : auto;
	}
}

.mfp_phase_confirm_inner {
}
	div#mfp_phase_confirm h4{
		margin-bottom: 2em;
		font-size: clamp( var( --min ) , 3rem , var( --max ) );
	}
		#mfp_confirm_table {
		}
			#mfp_confirm_table tr {
			}
				#mfp_confirm_table tr th , #mfp_confirm_table tr td {
					padding: .3em;
				}
				#mfp_confirm_table tr th {
				}
				#mfp_confirm_table tr td {
				}
@media screen and ( width <= 750px ){
	#mfp_confirm_table tr th , #mfp_confirm_table tr td {
		font-size: clamp( var( --min ) , 1.4rem , var( --max ) );
	}
}
@media print , screen and ( width > 750px ){
	#mfp_confirm_table tr th , #mfp_confirm_table tr td {
		font-size: clamp( var( --min ) , 1.6rem , var( --max ) );
	}
}