flex{
	display: none;
}

.wid{
	margin-left:10px;
	font-size:14px;
}

div{
	padding-bottom:10px;
}

.dat{
	font-size:1.1em;
}

.required::after {
		content: "必須";
		color: #ffffff;
		background: #cc0000;
		font-size: 0.8em;
		padding: 0.3em;
		border-radius: 0.5em;
		margin-left:0.3em;
		margin-right:0.3em;
}
.txt{
	display: inline-block;
	width: 3em;
}
.txt2{
	display: inline-block;
	width: 80%;
}

txt3{
	display: inline-block;
	width: 5em;
}


.button1 {
  background-color: #fff;
  border: solid 2px #191970;
  color: #191970;
  border-radius: 20px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
  box-shadow: 0 5px 0 #191970;
  display: inline-block;
  transition: .3s;
}
  
.button1:hover {
  color: #191970;
  transform: translateY(5px);
  box-shadow: 0 0 0 #191970;
}
.button2 {
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1.1em;
}

.warn{
 color:red;
 font-size:1.1em;
 font-weight:bold;
}

textarea{
	resize: none;
	width: 300px;
	height: 100px;
}

@media screen and (min-width: 768px)
{
	 .flex{
		display: flex;
		/* height:30px; */
	}

	.wid{
		margin-left:300px;
		font-size:1em;	
		-webkit-appearance: none;
	}
	.dat{
		font-size:1em;
	}

	div{
	padding-bottom:10px;
	}
	
	.required::after {
		content: "必須";
		color: #ffffff;
		background: #cc0000;
		font-size: 0.8em;
		padding: 0.3em;
		border-radius: 0.5em;
		margin-left:0.3em;
	}
	.txt{
		display: inline-block;
		width: 3em;
	}
	.txt2{
		display: inline-block;
		width: 40%;
	}

	.button1 {
	  background-color: #fff;
	  border: solid 2px #191970;
	  color: #191970;
	  border-radius: 20px;
	  padding: 10px 30px;
	  text-decoration: none;
	  font-size: 1em;
	  box-shadow: 0 5px 0 #191970;
	  display: inline-block;
	  transition: .3s;
	}
	.button1:hover {
	  color: #191970;
	  transform: translateY(5px);
	  box-shadow: 0 0 0 #191970;
	}
	.button2 {
	  padding: 10px 30px;
	  text-decoration: none;
	  
	}
	
	textarea{
		resize: none;
		width: 500px;
	    height: 100px;
	}
}