@charset "UTF-8";
/* CSS Document */

.formTable { width: 100%; max-width: 900px; margin: 50px auto; }
.formTable div { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.formTable dt,
.formTable dd { padding: 10px; margin-top: 40px; line-height: 1.2; }
.formTable dt { width: 28%; text-align: right; font-size: 1.1rem; }
.formTable dd { width: 72%; padding-left: 2em; }
.formTable dd .red { margin-left: .8em; padding: 4px 5px; font-size: .8em; color: #fff; font-weight: 500; background: #b22f2f; border-radius: 4px; }

#contact #contents .address { margin-top: 4rem;  margin-bottom: 70px; font-size: 1.1rem; }
#contact #contents .address h2 { color: #0f9056; }

.form_footer { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; -webkit-justify-content:space-between; margin-top: 4rem; }
.submitBtn { min-width: 320px; margin: 1em auto; padding: 1em 2em; text-align: center; color: #fff; border: 1px solid #222; font-size: 1.2em!important; font-weight: 500;  background: #222;  border-radius: 100px!important;
}
.btn_back { background: #aaa; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea { background: #fff; }

.required { font-size: .9rem; color: #b22f2f; }
.any { font-size: .9rem; color: #146bbf; }

#contact .entry-header,
#entry .entry-header { display: none; }

#thanks .btnArea { width: 40%; margin: 5rem auto 0; }

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
	
	.form_confirm__mess p { text-align: left; }
	.formTable { margin: 0 auto; }
	.formTable dt,
	.formTable dd { display: block; width: 100%; text-align: left; margin-top: 10px; padding: 0; }
	.formTable dt { width: 100%; text-align: left; }
	.formTable dd { padding-left: 0; margin-bottom: 20px; }
	.form_footer { margin-top: 0; }
	
}