@charset "utf-8";
/* CSS Document */
form table{
line-height: 2;
margin:3em auto 2em auto;
}
form table td{
padding:1em;
font-size: 16px;
border: 1px solid #ccc;
}
form table td:nth-of-type(1){
color: #D11E2D;
background-color: #f2f2f2;
}
form table td label{
cursor: pointer;
margin-right: 0.5em;
display: inline-block;
}

form table td input[type=text],
form table td input[type=email]{
padding: 0.5em 1em;
font-size: 16px;
border: 1px solid #999;
min-width:20em;
}
form table td input[type=text].half{
min-width:7em;
max-width: 7em;
}
form button{
padding: 0 3em;
color: #fff;
font-size: 20px;
border: none;
border-radius: 0.5em;
background-color:#D11E2D;
cursor: pointer;
}
form button:hover{
opacity: 0.8;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc;
}


/*---------------------------------------------*
* width 1000px
*----------------------------------------------*/
@media screen and (max-width:1000px) {

form table td{
padding: 0.5em;
font-size: 14px;
}

}
/* width 768px end --------------------------------------------*/

/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
form table td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form table td input[type="text"], form table td input[type="email"] {
    padding: 0.5em 1em;
    font-size: 16px;
    border: 1px solid #999;
    min-width:inherit;
    width: 100%;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

form table td label input{
    -webkit-appearance:radio;
   -moz-appearance:radio;
        appearance:radio;
}
        

.formError {
	margin-left:0;
    left:2em!important;
}


}
/* width 640px end --------------------------------------------*/

/*---------------------------------------------*
* width 480px
*----------------------------------------------*/
@media screen and (max-width:480px) {
}
/* width 480px end --------------------------------------------*/

/*---------------------------------------------*
* width 375px
*----------------------------------------------*/
@media screen and (max-width:375px) {
}