@charset "utf-8";

.contact_box{ padding: 50px 0 100px; }

.btns{ display: flex; justify-content: center; align-items center; gap: 5%; }
.btns .btn{ width: 300px; margin: initial; text-align: center; box-shadow: none; color: #000!important; }
.btn-back{ background: #ddd; }
.btn-fix{ color: #fff!important; background: linear-gradient(115deg, #64ACEB, #F1BBE0); }

.caution { font-size: 16px; text-align: center; margin: 40px 0; line-height: 1.5; }


/* ------------------------------------------------------------ error */
#error { }
#error h3 { font-size: 32px; text-align: center; margin: 0 0 40px; padding: 0 0 30px;}

#error .alert { margin: 0 0 50px;}
#error .alert span { display: block; text-align: center; margin: 0 0 20px; text-align: left; }


/* ------------------------------------------------------------ confirm */
#confirm { }
#confirm h3 { font-size: 32px; text-align: center; margin: 0 0 40px; padding: 0 0 30px;}

#confirm table { width: 100%; margin: 0 0 50px;}
#confirm table tr {	border-bottom: solid 1px #e5e5e5;}
#confirm table tr:first-of-type { border-top: solid 1px #e5e5e5;}
#confirm table tr th { width: 250px; line-height: 1.5; font-weight: bold; text-align: left; padding: 20px 0;}
#confirm table tr td { line-height: 1.5; padding: 20px 0;}


/* ------------------------------------------------------------ thanks */
#thanks { margin: 50px 0 100px; }
#thanks h3 { font-size: 32px; text-align: center; margin: 0 0 40px; padding: 0 0 30px; border-bottom: solid 1px #d4b77a; }
#thanks small { display: block; font-size: 14px; text-align: center; line-height: 2; margin: 0 0 40px; }




/* ------------------------------------------------------------ mobile */

@media only screen and (max-width:768px) {

	.contact_box{ padding: 0 0 50px; }
	.btns .btn{ width: 73%; padding: 24px 0; font-size: 15px; }
	.caution { font-size: 14px; line-height: 1.7; margin: 20px 0 40px; }

	
/* ------------------------------------------------------------ error */
	#error h3 { font-size: 22px; margin: 0 0 25px; padding: 0 0 20px; }

	#error .alert { margin: 0 0 50px; }
	#error .alert span { font-size: 14px; margin: 0 0 20px; }

/* ------------------------------------------------------------ confirm */
	#confirm h3 { font-size: 22px; margin: 0 0 25px; padding: 0 0 20px; }

	#confirm table { display: block; width: 100%; margin: 0 0 50px; }
	#confirm table tbody { display: block; }
	#confirm table tr { display: block; }
	#confirm table tr th { display: block; width: 100%; font-size: 14px; padding: 15px 0 5px; }
	#confirm table tr td { display: block; font-size: 14px; line-height: 1.5; padding: 0 0 15px; }

	
/* ------------------------------------------------------------ thanks */
	#thanks { margin: 30px 0 70px; }
	#thanks h3 { font-size: 22px; margin: 0 0 25px; padding: 0 0 20px; }
	#thanks small { font-size: 12px; line-height: 2; text-align: left; margin: 0 0 30px; }
	
	
}