@charset "UTF-8";

@media screen and (max-width: 640px) {
body {
  font-size:1em;
}
table {
  display: block;
  width: 100%;
}
table tbody {
  display: block;
  width: 100%;
}
table tr {
  display: block;
  width: 100%;
}
table th {
  display: block;
  width: 80%;
}

textarea {
	width: 70vw;
	height:100px;
}
input {
	width:75vw;
}
.short_input {
	width:65vw;
}
.short_input2 {
	width:55vw;
}
.multi_input {
	width:30vw;
}
.button_li {
	margin:0 0 20px 20px;
}

}

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

table th {
  width: 300px;
}
textarea {
	width: 370px;
	height:100px;
}
.short_input2 {
	width:300px;
}
.button_li {
	float:left;
	padding:2em 1em;
}

}

textarea {
	padding:8px;
}
input select {
	margin-bottom:8px;
	padding:8px;
	border:1px solid;
}
.short_input {
	margin:0 10px 8px;
}
.short_input2 {
	margin:0 10px 8px;
}
.button_input {
	padding:0;
	border:none;
	margin:0;
}
.clear{
	clear:both;
}