@charset "UTF-8";
idv#mf_wrapper {
	width: 538px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}

div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}

div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

form .mailformiam {
	text-align: center;
	width: 30%;
}

table.mailform {
	width: 70%;
	margin: 0 auto;
	
}

table.mailformiam tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}

table.mailformiam tr th {
	width: 120px;
}

table.mailformiam tr th span {
	color: #CC0000;
	font-size: 12px;
}

table.mailformiam tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #999999;
}

table.mailformiam tr td textarea {
	width: auto;
	height: 110px;
}

.col-15 {
position: relative;
  width: auto;
  padding-right: 15px;
  padding-left: 15px;
}

table{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: center;
  width: 600px;
}

table th,table td{
  border: none;
  padding: .7em 1em;
}

table th{
  background: #eee;
}

.col-12 {
	width: auto;
}

.mailformiam {
	text-align: left;
	font-weight: normal;
	font-size: 13px;
}

@media (max-width: 650px) {
    table{
      width: 100%;
    }
    table th,table td{
      display: block;
    }
    table th,table td{
      border-top: none; /* 一旦、すべてのborder-topを削除 */
    }
    table tr:first-child th{
      border-top: 1px solid #999; /* 一番上にあるthだけborder-topを追加 */
    }
  }