@charset "utf-8";

/* -------------------------------------------------- */
/* ヘッダー */
/* -------------------------------------------------- */

/* 線 */
.hr_01 {
	border:none;
	border-top:1px solid #cccccc;
}

/*------------------------------*/
/* FORM用のスタイル */
.input_form_01 {
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	background-color: #f2f2f2;
	max-width: 100%;
	padding: 2px 5px;
	border: none;
	font-size: 18px;
}

/* テキストエリア */
.textarea_01 {
	min-height: 200px;
	border: none;
	font-size: 14px;
	padding: 5px;
	background-color: #f2f2f2;
}

/*------------------------------*/
/* ボタン */
.submit_button {
	display: block;
	text-align: center;
	border: 1px solid #31b6a0;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 10px;
	border-radius: 50px;
	transition: 0.3s;
	margin: 70px auto 0px auto;
	width: 400px;
	max-width: 100%;
	background-color: #31b6a0;
	cursor:pointer;
	outline: none; /* 選択時の枠を消す */
}
.submit_button:hover {
	background-color: #2a9a87;
}

/* セレクトボックス */
.select_form_01 {
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ffffff;
	max-width: 100%;
	padding: 2px 5px;
	border: none;
	font-size: 18px;
	background-image: url('/image/down_arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px 25px;
	background-color: #f2f2f2;
	cursor:pointer;
}