/* mailform */
.tb-cell {
  display: table;
/*  width: 300px; */
	width: 100%;
  margin: 20px auto 40px auto;
  text-align: left;
}
.tb-cell .row {
  display: table-row;
}
.tb-cell .row .cell {
  display: table-cell;
  padding: 10px;
  vertical-align: top;
  color:  #fff;
}
.tb-cell .row .cell:nth-child(odd) {
	width: 12vw;
}
@media (max-width: 768px) {
  .tb-cell .row .cell:nth-child(odd) {
      width: 20vw;
    }
}
.tb-cell .row .cell:nth-child(even) {
	width: 30vw;
}
@media (max-width: 768px) {
  .tb-cell .row .cell:nth-child(even) {
    width: 60vw;
  }
}
.mail-form .row .cell {
  padding: 5px;
}
.mail-form .row .cell:nth-child(1) {
  background: none /* #9fb7d4 */;
}
.mail-form .row .cell:nth-child(2) {
  background: none /* #ccc */;
}
select {
  height: 28px;
  font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="email"] {
	width: 100%;
  font-size: 14px;
  height: 22px;
}
@media (max-width: 512px) {
select {
	width: 100%;
}
}

textarea {
	width: 101%;
  height: 50px;
  font-size: 14px;
}
button {
  color: #666;
  border: none;
  padding: 5px 20px;
  font-size: 16px;
  cursor: pointer;
	margin: 24px 8px;
}
/* 更新 */
button[type="button"] {
  position: relative;
  top: -2px;
  left: -12px;
	width: 22px;
	padding: 0;
	background: none;
	vertical-align: middle;
}
button#que {
	margin: 0;
}
button[type="button"]:hover {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

	
/* 確認 */
button[type="submit"] {
	background: #062963;
	color: #fff;
  padding: 5px 36px;
	transition: .8s;
}
@media (max-width: 768px) {
  button[type="submit"] {
    background:#7e6b5b;
  }  
}
button[type="submit"]:hover {
  background: #ddd;
	color: #7e6b5b;
}
/* リセット */
button[type="reset"] {
	color: #fff;
  background:#062963;
	transition: .8s;
}
@media (max-width: 768px) {
  button[type="reset"]  {
    background:#7e6b5b;
  }  
}
button[type="reset"]:hover {
  background: #ddd;
	color:#7e6b5b;
}
.msg {
  margin: 50px 0;
  font-weight: normal;
  color: red;
}
label {
  margin-right: 10px;
}
#output {
	border: none;
	background: transparent;
	resize: none;
	color: #fff;
	width: 50px;
	height: 20px;
	margin: 0;
/*	overflow: hidden; */
	vertical-align: middle;
}
#output2 {
  color: #fff;
}
#output3 {
  color: #fff;
}
.laybtn {
	text-align: center;
}
.cell img {
  max-width: 100%;
}