@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; box-sizing: border-box; }
html {
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif; }
	
body {
	font-size: 16px;
	font-weight:500;
	color: #333;
	letter-spacing: 1.5px;
	line-height: 1.75;
	width: 100%; }
img {
	width: 100%;
	vertical-align:top; }
p { margin: 18px 0;}	

	
/* TOPpage */
.main_top { background-color: #005caf; padding: 20px 0 70px; }
.img_top { width: 80%; margin: 0 auto; }	


/* form */
form { width: 90%; margin: 18px auto;}
.form-title { color: #FFF; font-size: 20px; font-weight: bold; text-align: center; margin: 20px 0; }
.textbox {
	border:0;
	padding:10px;
	font-size: 18px;
	font-family:Arial, sans-serif;
	color: #aaa;
	border: solid 1px #ccc;
	margin: 0 auto 20px;
	width: 90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
::placeholder { color: #999; }
.btn {
	color: #fff;
  background-color: #eb6100;	
	border-radius: 100vh;
	font-size: 18px;
	font-weight:700;
	width: 90%;
	padding: 10px 20px;
	display: inline-block;
	cursor: pointer;
	text-align: center; 
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border:0; }
	

@media screen and (min-width: 960px) {

body { width: 960px; font-size: 16px; margin: 0 auto; }
.img_top { width: 400px; margin: 0 auto; }	
form { width: 400px; margin: 18px auto;}		
	
}