#toiawa {
	max-width: 100%;
	box-sizing: border-box;
}

#toi,tbody{
/*max-width:100%;*/
height:auto;
background-color: #f1f2f3;
margin:0 auto;
border:1px solid #CCCCCC;
}

#toi,tbody th{
width:30%;
background-color:#888;
border:1px solid #CCCCCC;
}

#toi,tbody th, td{
padding:10px 0px; 
border:1px solid #CCCCCC;
vertical-align: middle; 
font-weight: normal; 
font-size: 100%;
text-align: left; 
}

 /* テキストエリアの設定 */
#toi,input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width:100%;
padding:10px 0px 0px 0px;
margin:10px 0;
border: 1px solid #dcdcdc;  /* 枠線 */
background-color: snow;
font-size: 1em;          /* 文字サイズ */
line-height: 1.2; 
}


#toi,input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,select:focus{
background-color: #fff;
}

.required {
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 10px;
font-size: 0.7em;
}
/*max-width: 480px*/
@media (max-width: 480px) {

.form{
max-width:100%;
}

#toi,tbody tr{
width:100%;
display: block;
list-style: none;
}

#toi,tbody th, td{
width:100%;
display: list-item !important;
padding:0px 0px; 
border:none;
}

 /* テキストエリアの設定 */
#toi,input[type="text"],
input[type="email"],
input[type="tel"],
textarea,select{
width:100%;
padding:10px 0px 0px 0px;
margin:10px 0;
border: 1px solid #dcdcdc;  /* 枠線 */
background-color: snow;
font-size: 1em;          /* 文字サイズ */
line-height: 1.2; 
}

}

.btn_cf7 {
	text-align: center;
	padding: 15px 40px;
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    border-style: none;
	margin-top: 30px;
}
.btn_cf7 input {
	width: 100%;
}