/*---------テーブルレイアウト-----------------*/


#contact table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin:2% auto;
}
#contact table tr {
  border-bottom: solid 1px #ccc;
}
#contact table tr:first-child {
  border-top: solid 1px #ccc;
}
#contact table th, td {
  padding: 2%!important;
}


/*-----必須項目ボタン----------*/

#contact .title:after {
    content: "必須";
    background: #e53935;
    color: #ffffff;
    padding: .25rem .35rem;
    border-radius: 0.35rem;
    font-size: .65rem;
    margin-left: .5rem;
    vertical-align: middle;
    word-break: break-all;
}


/*------------------------------------------------
送信ボタン
------------------------------------------------*/

#contact .contact_btn{text-align: center;
margin: 2% auto;}



/*------------------------------------------------
テキストエリア設定
------------------------------------------------*/
/*----------縦幅のみリサイズ-----------------*/

#contact textarea {
    resize: vertical;
}

/*----------テキストエリアサイズ指定クラス-----------------*/

#contact .ws{width:50%;}


#contact .wl {
    width: 80%;
}

/*------個人情報の取り扱いボックス-----------------*/

.kiyaku-box {
    border: 1px solid #cccccc;
    padding-left: 0.8em;
    padding-right: 0.8em;
    margin: 0.6em;
	background: #fff;
	
}
.confirm{text-align: center;
font-weight: bold;}

/*------------------------------------------------
レスポンシブ指定　スマホの場合は縦並びにする
------------------------------------------------*/

@media screen and (max-width: 640px) {
  
  #contact table {
    width: 100%;
  }
		
	
  #contact table th,
  #contact table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
	
#contact .ws {
    width: 100%;
}
#contact .wl {
    width: 100%;
}
	
#contact table th, td {
  padding: 3%!important;
}	
	
}