@charset "UTF-8";


#kiyaku{
	background-color:#F5EFE7;
	padding: 5%;
}

#kiyaku h2{
	margin-bottom: 5%;
}

.kiyaku-inner{
	background-color: #FFFFFF;
	padding: 5%;
}

table {  
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  width: 22%;
  background: #E1E1E1;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
  text-align: left;
}

table td {
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: top;
  text-align: left;
}

table th, table td {
  border: solid 1px black;
  /*実線 1px 黒*/
}


table td {/*table内のtdに対して*/
  padding: 	20px 10px;
}

input[type="text"] {
	height: 30px;
     }

@media all and (max-width: 786px) {
  table th, table td {
    display: block;
    width: 100%;
    border-bottom: none;
	}
}