@charset "UTF-8";
form#mailform {
	padding: 0px;
}
table.mailform {
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	padding: 15px;
    vertical-align:top;
}
table.mailform tr th {
	width: 40%;
    font-weight:bold;
}
table.mailform tr th span {
	color: #CC0000;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

table.osonae {
	width: 100%;
}
table.osonae tr td {
	text-align: left;
	font-weight: normal;
	border: none;
	padding: 3px;
}
table.mailform textarea{font-size:1em;}
table.mailform input{font-size:1em;}

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  cursor        : pointer;     /* カーソル   */
  padding       : 17px 17px;   /* 余白       */
  background    : #7f007f;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #7f007f;    /* 枠の指定 */
}
.button:hover {
  color         : #7f007f;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button2 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  cursor        : pointer;     /* カーソル   */
  padding       : 17px 17px;   /* 余白       */
  background    : #999999;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #999999;    /* 枠の指定 */
}
.button2:hover {
  color         : #999999;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

@media screen and (max-width: 640px) {
table.mailform th {
	display:block;
    width: 100%;
}
table.mailform td {
	display:block;
}
}