@charset "UTF-8";


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

main { margin-top:3em; margin-bottom:3em; }
main h4{ text-align:center; }

/* other */
main form p { margin:1em 0; text-align:center; }
form p strong { font-weight:bold; font-size:120%; }

/* table */
form table       { width:100%; margin:20px 0; }
form th, form td { padding:10px; border:0; }
form th          { width:25%; text-align:right; background:none; color:#000; }
form table span  { display:block; font-size:80%; }
form table em    { margin:0 .5em; padding:2px 2px 0; background:#C00; color:#FFF; font-size:80%; font-weight:normal; }
form td { text-align:left; }

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

h2 {
    background-color: #33a7e2;
    color: #FFF;
    border: none;
    margin-bottom: 40px;
}

main a{
	border:0;
	display: inline-block;
	padding:0;
	border-radius:0;
	text-decoration: underline;
	color: #0370c2;
}

main a:hover{
	background: none;
}

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

/* mail_send */
.mail_send { background:#EEE; padding:1em 0; }
.mail_send input[type="submit"] { margin:0 1em; background:#0068b7; color:#FFF; border-radius:10px; border:1px solid #0068b7; cursor:pointer; }
.mail_send input[type="submit"]:hover { opacity:.5; }

/* mail_policy */
.mail_policy { text-align:center; display:block; margin-bottom:1em; }
.mail_policy span { padding:5px; background:#d7e5ed; border:1px solid #ccc; }

/* mail_wellcome */
.mail_wellcome { border:2px solid #0062d8; border-radius:3px; padding:1em 0; }

/* mail_thanks *
.mail_thanks {}

/* error */
form p.error {
	margin:0; padding:10px;
	background:#FFF; color:red; border:1px solid red;
}
form .error td { background:#d7e5ed; }

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

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){

	form table th, td { display:block; text-align:left; }
	input[type="text"] ,
	#name, #furigana ,
	#email1, #email2 ,
	#tel { width:99%; }
	#postal-code { width:95%; }
}