.sub{
    max-width: 860px!important;
}
#sub_contents h1{
	background: url(../../img/h103.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	background-size: cover;
}
#sub_contents table {
    line-height: 1.7;
    width: 100%;
    background: #fff;
    margin-bottom: 60px;
}
#sub_contents table tr{
}
#sub_contents table tr:last-child{
    border-bottom: 0;
}
#sub_contents table th{
    vertical-align: middle;
    width: 30%;
    color: #333;
    text-align: left;
    border: 1px solid #eee;
    padding: 10px 30px;
    height: 30px;
}

#sub_contents table td{
    padding: 15px 20px;
    line-height: 1.7;
    border: 1px solid #eee;
}
input, textarea {
    font-size: 1.6rem;
    border: 1px solid #ccc;
    padding: 10px;
    width: 50%;
}
textarea{
    width: 98%;
    min-height: 210px;
    }
input[type="submit" i] {
    background: none;
    border: none;
}
.soushin input{
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    height: 50px;
    line-height: 30px;
    background: linear-gradient(to left, #52A0FD, #00e2fa);
    color: #fff;
    font-weight: bold;
}
.soushin input:hover{
    background: linear-gradient(to left, #00e2fa, #52A0FD);

}
@media (max-width: 768px) {

.sub{
    padding: 30px;
    box-sizing: border-box;
}
/*#sub_contents table{
    margin-bottom: 30px;
}
*/
#sub_contents table td,
#sub_contents table th{
    width: 100%;
    display: block;
    box-sizing: border-box;
}
#sub_contents table th{
    height: 50px;
}
textarea{
    width: 100%;
}
input{
    line-height: 30px;
    width: 100%;
}
.soushin input{
    width: 100%;
    line-height: 30px;
    height: 55px;
    box-sizing: border-box;
}

    }