@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*sass 変数
-----------------------------------------*/


.contacts {
  width: 900px;
  margin: 0 auto; }

.contacts table {
  width: 800px;
  margin: 25px auto 20px auto;
  border-collapse: collapse;
  height: auto;
  overflow: hidden; }

.contacts  table th {
  width: 180px;
  padding: 28px 0 15px 10px;
  text-align: left;
  line-height: 1em;
  font-size: 0.87em;
  border-collapse: collapse;
  border-bottom: 1px dotted #C3C3C3;
  text-align:right;
  vertical-align:middle;
   }

.contacts  table td {
  width: 500px;
  text-align: left;
  padding: 28px 0 15px 50px;
  font-size: 0.87em;
  border-collapse: collapse;
  border-bottom: 1px dotted #C3C3C3; 
  vertical-align:middle;
  }
 
 .contacts  .require {
	 font-size:0.74em;
	 display:inline-block;
	 width:30px;
	 background: #686868;
	 color:#FFFFFF;
	 line-height:1em;
	 padding: 5px 5px 4px 5px;
	 margin: 0 0 3px 5px;
	 float:left;
	 text-align:center;
	 
	  } 
#mail_submit {
     
     background: #00B7D6;
     color: #fff; 
     -webkit-border-radius: 1px;     /* Google Chrome・Safari用 */
     -moz-border-radius: 1px;    /* Firefox用 */
     border-radius: 1px;     /* 基本形 */
     padding: 7px 35px; 
     cursor: pointer; 
     display: inline-block;
	 margin: 0 auto;
	 font-size:0.87em;
	 text-align:center;
	  -webkit-transition: 0.8s;
  -mos-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
  border:none;
}
#mail_submit:hover{
     
     background: #F86567;
     color: #fff; 
}

	 
.send {
	margin: 0 auto 65px auto;
	text-align:center;
	
	}

	
.text {
	height:24px;
	margin: 0 0 5px 0;
	padding: 0 0 0 3px;
	}	

.text-e 	{
	height:200px;
	margin: 20px 0 0 0 ;
	}

.wpcf7-not-valid-tip {
	display:inline-block;
	margin: 5px 0 8px 3px ;
	font-size:0.87em;
	}
	
	
@media screen and (max-width: 767px) {
	.contacts {
  width: 90%;
  margin: 0 auto;
  padding: 0 8% 0 0;
   }
  
 .contacts table {
  width: 100%;
  margin: 25px auto 20px auto;
  border-collapse: collapse;
  height: auto;
  overflow: hidden; } 
  
  
  .contacts  table th {
  width: 100%;
  display:block;
  text-align:left;
  padding: 28px 0 15px 0;
  border:none;
  
   }

.contacts  table td {
  width: 100%;
display:block;
 padding: 3px 0 15px 0;
  }
 
  .contacts  .require {
	 margin: -3px 10px 3px 5px;
	 
	  } 

.text-e 	{
	height:200px;
	margin: 0 0 0 0 ;
	}
		  
}


.thanks {
  width: 90%;
  margin: 60px auto 150px auto;
  line-height: 1.3em;
  }
 
.thanks p{
  margin: 0 auto 20px auto;
   line-height: 1.3em;
  }