@charset "UTF-8";

* { box-sizing:border-box; }

#Main { width:800px; margin:0 auto; font-size:13px; }
#Main table { width:100%; border-collapse:collapse; border:1px solid #888; }
#Main table th,
#Main table td { border:1px solid #888; padding:10px; text-align:left; }
#Main table th { width:14%; position:relative; background:#f0f0f0; text-align: center; vertical-align:middle; line-height:36px; }
#Main .message { color:#f00; padding:5px 10px; border:2px solid; margin-bottom:1em; }
#Main table th span { position:absolute; right:5px; top:10px; font-weight:normal; }
#Main .error { color:#f00; }
#Main select,
#Main textarea,
#Main input[type=text],
#Main input[type=email],
#Main input[type=tel],
#Main input[type=date],
#Main input[type=number] { width:100%; height:34px; line-height:1.42857143; padding:6px; border-radius:4px; border:1px solid #ccc; background:#fff; margin:0.2em; }
#Main input[size] { width:auto; }
#Main textarea { height:auto; display:block; resize: none;}
#Main .buttons { text-align:center; padding:1em; }
#Main .buttons label { display:block; margin-bottom:1em; }
#Main .buttons button { cursor:pointer; padding:10px 60px; font-size:16px; border:0; border-radius:4px; margin:0 0.5em; }
#Main .buttons button[type=button] { background:#ccc; color:#333; }
#Main .buttons button[type=button]:hover { background:#ddd; }
#Main .buttons button[type=submit] { background:#3469d0; color:#fff; }
#Main .buttons button[type=submit]:hover { background:#4283ff; }

@media screen and (max-width:896px) {
	#Main { width:100%; padding:10px; line-height:1.2; }
	#Main table { border:0; }
	#Main table th,
	#Main table td { display:block; width:100%; line-height:1.2; text-align: left; border:0; padding:5px 0; }
	#Main table th { padding:10px; background:#ccc; }
}


/* 入力画面・確認画面 */
#Main #input-count { width:85%; }
/* 確認画面・サンクス画面 */
#Main h1 { font-size:24px; margin:50px 0 20px; }
#Main p { margin-bottom:20px; }
/* サンクス画面 */
#Main .return { display:inline-block; font-weight: bold; margin-bottom:20px; transition: all 0.5s; }
#Main .return:hover { opacity: 0.7; }

@media screen and (max-width:896px) {
	#Main #input-count { width:30%; }
	#Main h1 { font-size:24px; margin:15px 0; }
	#Main p { margin-bottom:15px; }
}