@charset "UTF-8";

/* mail ============== */

#mv { background-image:url(../mvImg/mvContact.jpg); }

main    {  }
main h2 {  }
main h4 {  }
main a  {  }
main a:hover {  }

/* info */
.info     { margin-bottom:40px; border:2px solid #000; }
.info a   { display:block; width:50%; margin:auto; }
.info img { width:100%; }

/* form */
form table { width:100%; margin:40px 0; }
form th,
form td   { padding:1.5em 1em; border:0; }
form th   { width:27%; text-align:right; background:none; color:#000; }
form tr   { border-bottom:1px dashed #AAA; }
form td   { text-align:left; }
form p    { margin:1em 0; /* text-align:center; */ }
form .txt { font-size:85%; text-align:left; }
form table span { display:block; font-size:80%; }
form table em   {
	margin:0 .5em; padding:.3em; background:#CC0000;
	color:#FFF; font-size:small; font-weight:normal;
}

/* form input */
input, textarea    { font-size:16px; padding:.5em; }
select             { font-size:14px; padding:.2em .5em; }
textarea           { width:100%; height:16em; }
input[type="text"] { width:100%; }
#name,
#furigana, #tel    { width:50%; }
#postal-code       { width:30%; margin-left:.5em; }
#email1, #email2   {  }

/* txt */
main form p.txt { font-size:85%; text-align:left; }

/* policyBox */
#policyBox { height:250px; padding:2em; margin:2em 0; border:1px solid #000; overflow:scroll; }
#policyBox h6 { margin:1em 0; } 
#policyBox .flexBox   { flex-wrap:wrap; }
#policyBox .flexBox p { width:50%; margin:0; }
#policyBox .flexBox p:nth-child(even) { text-align:right; }
#policyBox ul   { padding:0; list-style:none; }
#policyBox li   { margin-bottom:1em; font-weight:bold; }
#policyBox span { display:inline-block; padding-left:1em; margin-top:.2em; font-weight:normal; }

/* mail_send */
.mail_send { display:flex; justify-content:center; flex-wrap:wrap; background:#EEE; padding:1em; }
.mail_send .return,
.mail_send input[type="submit"] { 
	display:block; width:200px; border:2px solid #0F283C;
	font-weight:bold; cursor:pointer;
}
.mail_send .return:hover,
.mail_send input[type="submit"]:hover { opacity:1; background:#0F283C; color:#FFF; }
.mail_send em { display:block; width:100%; margin-bottom:1em; text-align:center; }
.mail_send .return  {
	padding:.5em; margin-right:1em; border-color:#CC0000;
	text-align:center; text-decoration:none; color:#CC0000;
}
.mail_send .return:hover { background-color:#CC0000; }

/* mail_policy */
.mail_policy {
	display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	width:100%; margin-bottom:1em; text-align:center;
}
.mail_policy span  { padding:5px; margin:0 .5em 0 0; background:#d7e5ed; border:1px solid #ccc; }
.mail_policy input { display:block; }

/* mail_thanks */
.mail_thanks {  }

/* error */
.errorTitle   { margin-bottom:0; background:red; padding:10px; font-weight:bold; font-size:1.2em; color:#FFF; }
form p strong { background:none; }
p.error       { padding:20px; color:red; border:2px solid red; margin:0; }
/* .error td     { background:rgba(255, 0, 0, .1); } */
tr.error { background:rgba(255, 0, 0, .1); }
.error th { color:#CC0000; }

/* mail ============== */

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){
	form th, form td { width:100%; text-align:left; padding:1em 5%; }
	form td { padding-top:0; }
	#name, #furigana, #tel { width:100%; }
	#postal-code { width:calc(100% - 1.5em); }
	.mail_send .return { width:100%; margin:0 0 1em 0; }
	.mail_send input[type="submit"] { width:100%; }
	#policyBox { padding-left:5%; padding-right:5%; }
}