@charset "utf-8";
.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 30px 0;
}
.cp_iptxt input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 80%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #1b2538;
	border-radius: 4px;
}
.ef input[type='text']:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
.cp_iptxt textarea {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 80%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #1b2538;
	border-radius: 4px;
}
.ef textarea:focus {
	border: 1px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}
.cp_iptxt span{
	color:red;
	font-size:0.8em;
}
.button {
  display       : inline-block;
  border-radius : 5px;          /* 角丸       */
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 9px 24px;   /* 余白       */
  background    : #005bab;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 1px 1px 2px #666666;  /* 影の設定 */
  border        : 2px solid #005bab;    /* 枠の指定 */
	margin:5px;
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #005bab;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.reset {
  display       : inline-block;
  border-radius : 5px;          /* 角丸       */
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 9px 24px;   /* 余白       */
  background    : #ededed;     /* 背景色     */
  color         : #666;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 1px 1px 2px #ededed;  /* 影の設定 */
  border        : 1px solid #ddd;    /* 枠の指定 */
	margin:5px;
}
.reset:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ededed;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
@media (max-width: 599px) {
.cp_iptxt {
	width: calc(100% - 10px);
	margin: 20px 15px;
}
.button_wrapper{
	text-align: center;
}	
	}