@media screen and (min-width: 481px)  {

form span{
color:#ff0000;
}

form #font_size {
font-size:13px;
color:#343434;
}

form table{
max-width:630px;
width: 100%;
margin:0 0 20px 0;
border: 1px solid #ccc;
font-size:13px;
}

form table tr {
    display: table-row;
}

form table th,
form table td{
    display: table-cell;
}

form table td{
padding:8px;
line-height:2;
background:#fff;
}

form table th{
width:30%;
padding:8px;
line-height:2;
background:#f1f1f1;
text-align:left;
font-weight:normal;
}

form input{
line-height:1.0;
}

.btn{
width:630px;
text-align:center;
margin-bottom:30px;
}

#message{
font-size:13px;
}

 /* テキストエリアの設定 */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea,
form select{
width:95%;
padding: 8px 2%;
background-color: #fff;
color: #000;
margin:10px 0;
}

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

}

@media screen and (max-width: 480px)  {

form span{
color:#ff0000;
}

form #font_size {
font-size:11px;
color:#343434;
}

form table{
width:95%;
background:none;
margin:0 1% 20px;
font-size:11px;
}

form table td{
width:95%;
padding: 8px 2%;
line-height:2;
background:#fff;
}

form table th{
width:95%;
padding: 8px 2%;
line-height:2;
background:#f1f1f1;
text-align:left;
font-weight:normal;
}

form input{
line-height:1.0;
}

.btn{
width:95%;
padding: 8px 2%;
text-align:center;
margin-bottom:30px;
}

#message{
font-size:11px;
}

 /* テキストエリアの設定 */
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea,
form select{
width:95%;
padding: 8px 2%;
background-color: #fff;
color: #000;
margin:10px 0;
}

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

}