.contact-form {
    padding: 10px 0;
    margin: 30px 0;
}
.contact-form table {
    border-top: silver dashed 1px;
    width: 100%;
}
.contact-form table tr {
    padding: 10px;
    margin: 0;
}
.contact-form table .col-head {
    padding: 10px;
    margin: 0;
    border-bottom: silver dashed 1px;
    text-align: left;
    width: 240px;
}
.contact-form table .col-input {
    padding: 10px;
    margin: 0;
    border-bottom: silver dashed 1px;
}
.contact-form h1.default {
    font-size: 18pt;
    margin: 20px 0 0;
    padding: 8px 10px 2px;
    background: #f47922;
    color: #FFFFFF;
    border-radius: 20px;
    width: auto;
    height: 30px;
    text-align: center;
    line-height: 20px;
    text-height: 20px;
    vertical-align: text-bottom;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
.contact-form .required {
    content: '[必須]';
    color: red;
}
.contact-form .auth-captcha {
    text-align: center;
}
.contact-form .submit {
    text-align: center;
}
.contact-form .form-submit {
    background: #FFFFFF;
    border: #f47922 3px solid;
    color: #f47922;
    margin: 10px;
    padding: 10px;
}
.contact-form input[type="reset"] {
    background: #FFFFFF;
    border: gray 3px solid;
    color: gray;
    margin: 10px;
    padding: 10px;
}
.contact-form .form-error {
    background: #ecc;
}
.contact-form .error-message {
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    background: red;
    color: white;
}

/* add */

.contact-form input{

}

.contact-form textarea{

}


/*****
** media query max-width:959px **
*****/

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

}


/*****
** media query max-width:767px **
*****/


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

.contact-form textarea{

	width:97%

}

}

/*****
** media query  max-width:595px **
*****/

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

.contact-form {
    padding: 5px 0;
    margin: 15px 0;
}

.contact-form table tr {
    padding: 10px;
    margin: 0;
}

.contact-form table .col-head {
/*
    padding: 10px;
    margin: 0;
    border-bottom: silver dashed 1px;
    text-align: left;
*/
    width: 37%;
}

}


/*****
** media query  max-width:479px **
*****/

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

.contact-form table .col-head {
/*
    padding: 10px;
    margin: 0;
    border-bottom: silver dashed 1px;
    text-align: left;
*/
    width: 150px;
}

.contact-form input,
.contact-form textarea,
.contact-form select{
	width:95%;
	display:block;
	margin:5px auto
}



}


/*****
** media query  max-width:363px **
*****/

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

.contact-form table .col-head {
/*
    padding: 10px;
    margin: 0;
    border-bottom: silver dashed 1px;
    text-align: left;
*/
    width: 100px;
}

.contact-form span .mail-attention{
	display:block
}

}