@charset "utf-8";

/* メイン */
main{
	padding:1em 10vw 4em;
    
	background-image:
		linear-gradient(to bottom, rgba(26, 187, 192, 0.25), rgba(26, 187, 192, 0));
	background-size	:100% 25px;
	background-repeat: no-repeat;
}


/* 見出し */
main h1{
	margin:1em 0em 0em 0em;
	font-size:2em;
	font-family	:sans-serif;
	font-weight:bold;
	
	text-align:center;
	
	color:#fff;
	color:#1abbc0;
}
legend,label{
	display:block;
	
	margin:2em 0em 0em 0em;
	padding:1em 0em 0em 0em;
	
	font-size:1.25em;
}
fieldset label{
	display:inline-block;
	margin:0em;
	padding: 0em;
	font-size:1em;
}


/* リード文 */
h1 + p{
	margin-top	: 2em;
	text-align	: center;
	color		: #999;
}


/* 入力フォーム */
input[type=text],textarea{
	box-sizing	:border-box;
	width		:100%;
	padding		:0.5em;
	background	:#ddd;
}
textarea{
	height		:20em;
}


/* ラジオボタン */
fieldset label{
	display:block;
	padding:0.5em;
}


/* placeholder */
:placeholder-shown{
	opacity:0.75;
}
 
 /* 送信ボタン */
button{
	 display		:block;
	 min-width	:15vw;
	 padding		:1em;
	 margin		:2em auto;
	 
	 border-radius:0.25em;
	 background	:#888;
	 transition	: all 0.2s;
	 cursor		: pointer;
 }
button:hover{
	 background	:#ccc;
 }
 
 
/* 送信完了メッセージ */
#success,#error{
	display: none;
}
.post_message{
    margin-top: 5em;
    text-align: center;
}


/* エラーメッセージ */
label.error{
	margin	:0em;
	padding	:0em;
	position	:absolute;
	
	font-size	:0.75em;
	color	:red;
}


/* メディアクエリー */
@media (max-width: 500px) {

	/* メイン */
	main{
		padding:1em 5vw 4em;
	}
	

}