@charset "utf-8";


/*==========================================
 コンテンツエリア -> CONTACTのスタイル
===========================================*/

div#contents section#contact p {
  margin:0 0 15px 5px;
}
.tbl-layout {  
  width: 100%;
  margin: 0 auto;
  border-bottom: none;
}
.tbl-layout dt,
.tbl-layout dd {
  padding: 10px 40px; padding: 10px 20px;padding: 10px 25px;
}
.tbl-layout dt {
  font-size:16px;
  color:#494949;
}
.tbl-layout dt span{
	color:#F00;
	font-size:12px;
}
.tbl-layout dd {
  font-size:16px;
  padding-top:10px;
  padding-bottom:20px;
  
  line-height:1.8;
}
.tbl-layout dd textarea {
  width:100%;
}
.tbl-layout .bdchange{
  border-bottom:none;	
}
p.btn {
  text-align: center;
  padding: 25px 0;
}
p.btn input {
  width:100px;
}
  
/**/

  .tbl-layout .w100p{
	  width:90%;
	  height:50px;
	  color:#000;
	  padding:0 30px;padding:0 15px;
	  outline: none;
	  border: none;
  }
  .tbl-layout .wtel{
	  width:40%;
	  height:50px;
	  text-align:center;
	  color: #000;
	  outline: none;
	  border: none;
  }
  .tbl-layout .w100com{
	  width:90%;
	  height:200px;
	  color:#000;
	  padding:15px 30px; padding:15px 15px;
	  outline: none;
	  border: none;
  }
  .tbl-layout .title_form{
	  font-size:26px;font-size:24px;
	  text-align:center;
	  border-bottom:#333 solid 1px;
	  width:95%;width:75%;
	  margin:20px 10px;
	  padding:40px 10px 5px;
	  
	  
	  margin:0 auto 30px;
	  line-height: 1.4;
  }
  

@media only screen and (min-width: 769px) {
  .tbl-layout {  
    width: 100%;
	max-width:930px;
    margin: 0 auto;
    border-bottom: none;
	
  }
  .tbl-layout dt {
    padding: 38px 10px 0 10px;
  }
  .tbl-layout dd {
    padding: 20px 30px 20px 10px;
  }
  .tbl-layout dt {
    font-size:14px;
    clear: both;
    float: left;
    width: 155px;
	text-align: right;
  }
  .tbl-layout dd {
    font-size:14px;
    padding-left: 195px;
  }
  .tbl-layout .w100p{
	  width:100%;width:90%;
	  height:50px;
	  color:#999;
	  padding:0 30px;
  }
  .tbl-layout .wtel{
	  width:40%;
	  height:50px;
	  text-align:center;
	  color: #999;
  }
  .tbl-layout .w100com{
	  width:90%;
	  height:200px;
	  color:#999;
	  padding:15px 30px;
  }
  
  .tbl-layout dd.tbline {
	  margin-top:10px;
	  margin-bottom: 2.222vw;
	font-size: 8.533vw;
	   
  }
  
  .tbl-layout .title_form{
	  font-size:28px;
	  width:55%;
	  padding:50px 10px 5px;
	  margin:0 auto 40px;
	  
	  
  }
  
}



/**/
input#submit_button {
    padding: 12px 15%;
	margin:10px 0;
    font-size:14px;
    background-color: #B3B3B3;
    color: #fff;
    border-style: none;
	
	text-align:center;
	cursor: pointer; 
	transition    : .3s;
}
input#submit_button:hover {
	color         : #333;     
  background    : #ffffff; 
}
input#reset_button {
    padding: 12px 5%;
	margin:10px 0;
    font-size:14px;
    background-color: #B3B3B3;
    color: #fff;
    border-style: none;
	
	text-align:center;
	cursor: pointer; 
	transition    : .3s;
}
input#reset_button:hover {
	color         : #333;     
  background    : #ffffff; 
}
@media only screen and (min-width: 769px) {
	input#submit_button {
    padding: 12px 20%;
	font-size:16px;
	}
	input#reset_button {
    padding: 12px 5%;
	font-size:16px;
	}
}