@charset "utf-8"; 

/* characot :: contact.css */

/* contact
=========================================================================== */

.table th span {
  padding: 2px 7px 0;
  background: #f39800;
  border-radius: 5px;
  color: #fff;
  float: right;
  font-size: 1.2rem;
}
.table th .any {
  background: #28a7e1;
}
.table td {
  padding: 12px;
}
.table input,
.table textarea {
  width: 100% !important;
	padding: 5px 8px;
	border: 1px solid #cecece;
	border-radius: 3px;
  appearance: none;
}
.table textarea {
  height: 250px !important;
}

/* thanks
=========================================================================== */

.ttlThanks {
  margin-bottom: 10px;
  color: #28a7e1;
  font-size: 1.8rem;
}
.ttlThanks + p {
  text-align: center;
}
.ttlThanks + p b {
  font-size: 1.8rem;
}

/* Media Queries - PC
=========================================================================== */

@media print, screen and (min-width: 769px) {
.table {
  margin-bottom: 70px;
}
.table th {
  width: 300px;
}
.table th {
  padding: 18px;
}
} /* PC */

/* Media Queries - 768px
=========================================================================== */

@media screen and (max-width: 768px){
.table {
  margin-bottom: 30px;
}
.table input,
.table textarea {
	padding: 15px;
  font-size: 1.6rem;
}
} /* 768px */