@charset "UTF-8";
/* CSS Document */
/***************************************** CONTACT *******************************************************/
#formWrap {
	width: 100%;
  max-width: 1040px;
  padding-left: calc(100 /1040 *100%);
  padding-right: calc(100 /1040 *100%);
	margin:0 auto;
	color:#333;
	line-height:120%;
  padding-top: 20px;
}
#forward-dm{
   text-decoration: underline;
  }
#formWrap h3{
  font-size: 2.0rem;
  color: #333;
  letter-spacing: 0.08em;
  font-weight: 400;
}
#formWrap p{
  margin-bottom: 4vw;
  font-size: 1.4rem;
}
#formWrap th{
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0,08em;
  white-space: nowrap;
}
.formTable input{
  margin-bottom: 1vw;
  padding: 1%;
  border: 1px solid #CECECE;
  width: 40%;
}
#formWrap textarea{
  border: 1px solid #CECECE;
  width: 60%;
  height: 20vh;
}
.submit{
  font-size: 1.2rem;
  font-weight: 400;
  background-color: #FFF;
  color: #333;
  border: 1px solid #CECECE;
  width: 10vw;
  letter-spacing: 0.06em;
  padding: 1% 0;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:none;
}
table.formTable td,table.formTable th{
	padding-bottom: 1vw;
}
table.formTable th{
	width:100%;
	font-weight:normal;
	text-align:left;
}
/*blockする為*/
table.formTable th, table.formTable td {
	display:block;
}
form input[type="text"], form textarea {
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
}
/*@media screen and (max-width:960px) {
#formWrap {
	width: 100%;
  padding-left: calc(100 /960 *100%);
  padding-right: calc(100 /960 *100%);
	margin:0 auto 200px;
	color:#333;
	line-height:120%;
  padding-top: 0;
}
/*#formWrap {
	width:95%;
	margin:0 auto;
}
#formWrap h3{
  color: #333;
}
#formWrap p{
  margin-top: 2vw;
  margin-bottom: 4vw;
  font-size: 1.2rem;
}
#formWrap th{
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
}
.formTable input{
  margin-bottom: 1vw;
  padding: 1%;
  border: 1px solid #CECECE;
  width: 40%;
}
#formWrap textarea{
  border: 1px solid #CECECE;
  width: 80%;
  height: 30vh;
}
.submit{
  background-color: #000;
  color: #FFF;
  border: none;
  letter-spacing: 1px;
  padding: 1%;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width:60%;
	padding:5px;
	font-size:110%;
	display:block;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:30%;
	height:50px;
}
}*/
@media screen and (max-width:960px) {
#formWrap {
	width: 100%;
  padding-left: calc(30 /375 *100%);
  padding-right: calc(30 /375 *100%);
	margin:0 auto 50px;
	color:#333;
	line-height:120%;
}
/*#formWrap {
	width:95%;
	margin:0 auto;
}*/
#formWrap h3{
  font-size: 1.8rem;
}
#formWrap p{
  margin-top: 5vw;
  margin-bottom: 8vw; 
}
#formWrap th{
  font-weight: 500;
  white-space: nowrap;
  padding-bottom: 10px;
}
.formTable input{
  margin-bottom: 2vw;
  padding: 1%;
  border: 1px solid #CECECE;
  width: 40%;
}
#formWrap textarea{
  border: 1px solid #CECECE;
  width: 90%;
  height: 20vh;
}
.submit{
  color: #333;
  border: 1px solid #CECECE;
  padding: 1%;
  font-size: 1.2rem;
  width: 25vw;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
form input[type="text"], form textarea {
	width: 60%;
	padding:5px;
	font-size:110%;
	display:block;
   -webkit-appearance: none;
   border-radius: 0;
}
form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width: 30%;
	height:35px;
  -webkit-appearance: none;
   border-radius: 0;
}
}
/*@media (max-width: 599px){
  .submit{
  padding: 1%;
  width: 20vw;
  border: 1px solid #CECECE;
  font-size: 1rem;
}
}*/