@charset "utf-8";

/*-------------------------------------
form共通パーツ
-------------------------------------*/
.err{
    display: inline-block;
    color:#ffffff;
    background:#d7000f;
    border-radius: 4px;
    padding:5px;
    margin:0 0 0 10px;
}
.err:after{
    clear:both;
}
.inputError{
    color:#ff0000;
    padding:10px 0 20px 0;
}
.err-i1{
    background-color:#ffcccc !important;
}

/*-------------------------------------
.secForm
-------------------------------------*/
.secForm{
}
.secForm .txtThank{
    border:solid 1px #cccccc;
    background:#ffffff;
    text-align:center;
    padding:15px 0;
    margin:15px 0 0 0;
}
@media only screen and (max-width:767px){
    .secForm .txtThank{
        margin:20px 0 0 0;
        padding:5px;
        font-size:0.9em;
    }
}
@media print, screen and (min-width:768px){
    .secForm .txtThank{
        margin:50px 0 0 0;
    }
}

/*-------------------------------------
.formTable
-------------------------------------*/
.formTable input[type='text'],
.formTable input[type='email'],
.formTable input[type='password'],
.formTable textarea{
    border:solid 1px #e4e4e4;
    padding:8px;
    background:#ffffff;
    width:100%;
}
.formTable select{
    border:solid 1px #e4e4e4;
    padding:8px;
    background:#ffffff;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
.formTable label{
    font-weight: normal;
    line-height:100%;
}
.formTable label *{
    vertical-align: text-bottom;
    line-height:100%;
}

.boxButton{
    text-align: center;
    padding-top:30px;
}
.boxButton input[type="button"],
.boxButton input[type="submit"]{
    background:#d7000f;
    color:#ffffff;
    display: inline;
    
    padding: 20px 30px 20px 30px;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}
.boxButton input[type="button"]:hover,
.boxButton input[type="submit"]:hover{
    background:#FA333F;
}

.secFinish{
    padding:30px 0;
}

.boxButton input[type="submit"].btnFormBack{
    color: #c19575;
    background: #ffffff;
    box-shadow: -2px 3px 2px rgba(0, 0, 0, 0.3);
    border: solid 1px #cccccc;
    border-radius: 3px;
    display: inline-block;
}
.boxButton input[type="submit"].btnFormSend{
    color: #ffffff;
    background: #00395c;
    box-shadow: -2px 3px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    display: inline-block;
}



@media screen and (max-width:767px){
    .formTable{
        width:100%;
        margin:0px 0 0px 0;
    }
    .formTable tr{
    }
    .formTable th{
        background:#00395c;
        padding:8px 10px 8px 10px;
        font-weight: normal;
        display: block;
        color:#ffffff;
    }
    .formTable td{
        padding:8px 10px 20px 10px;
        display: block;
    }
    /* sp版は、最低幅を保証 */
    .formTable input[type='text'],
    .formTable input[type='email'],
    .formTable input[type='password'],
    .formTable textarea{
        min-width:120px;
    }

}
@media screen and (min-width:768px){
    .err{
        float:left;
    }
    .formTable{
        width:100%;
        margin:5px 0 10px 0;
    }
    .formTable tr:nth-of-type(2n){
        background:#ffffff;
    }
    .formTable tr:nth-of-type(2n+1){
        background:#fbf9f6;
    }
    .formTable th{
        padding:18px 10px 8px 10px;
        font-weight: bold;
        font-size:1.05em;
        width:25%;
        text-align:right;
        vertical-align: top;
    }
    .formTable th *{
        vertical-align: top;
    }
    .formTable td{
        padding:8px 10px 8px 10px;
    }
}