@charset "UTF-8";

/*お問い合わせ*/
body.contact{}

.contact table{
    width : 100%;
    margin : 30px auto 0 auto;
    border-collapse : collapse;
    box-sizing : border-box;
}
.contact table th{
    width : 30%;
    border : 1px solid #b1b1b1;
    text-align : center;
    padding :1em;
    box-sizing : border-box;
}
.contact table td{
    background : #fff;
    border : 1px solid #b1b1b1;
    text-align : left;
    padding :1em;
    box-sizing : border-box;
}
.contact span.inputdata{
    display : none;
}
.contact p.error{
    color : #ff0000;
    font-size : 80%;
}
.contact .errorbg{
    background : #fff1ef !important;
    border : 1px solid #ff0000 !important;
}
.contact input[type="text"],
.contact input[type="tel"]{
    font-size : 120%;
    padding : 10px;
    border : 0;
    background : #f5f5f5;
    box-sizing : border-box;
}
.contact input[type="tel"]{
    width : 5em;
    box-sizing : border-box;
}
.contact input[name="email"]{
    width : 100%;
    box-sizing : border-box;
}
.contact textarea{
    width : 100%;
    box-sizing : border-box;
    border : 0;
    background : #f5f5f5;
    padding : 10px;
    font-size : 120%;
}
.contact input[type="button"]{
    background : #000;
    color : #fff;
    font-size : 100%;
    padding : 1em;
    text-align : center;
    border : 0;
    display : inline-block;
    width : 47%;
    margin : 2em auto;
}
.contact #returnBtn{
    margin-right : 3%;
    width : 10%;
    font-size : 80%;
    margin-left : 0;
}
.contact div.inputs span.labeltxt{
    display : inline-block;
    width : 2.5em;
    text-align : center;
}

@media only screen and (max-width:767px){
    body.contact table{
        width : 94%;
        margin : 30px 3% 0 3%;
        border-collapse : collapse;
    }
    body.contact th{
        width : 94%;
        border-width : 1px 1px 0 1px;
        margin : 0 auto;
        display: block;
        padding : 10px;
    }
    body.contact td{
        width : 94%;
        margin : 0 auto;
        background : #fff;
        border-width : 1px 1px 0 1px;
        padding: 10px;
        display: block;
    }
    body.contact td.last{
        border-width : 1px;
    }
    .contact input[type="text"],
    .contact input[type="tel"]{
        font-size : 100%;
        margin : 3% auto;
        transform : scale(.9);
    }
    .contact input[type="button"]{
        font-size : 80%;
        padding : 1em;
        width : 47%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin : 2em auto;
        border-radius : 0;
    }
    .contact input[type="radio"]{
        margin : 10px auto;
        width : 20%;
    }
    .contact label{
        margin : 10px 0;
        font-size : 100%;
        width : 80%;
    }
    .contact #returnBtn{
        margin-right : 3%;
        width : 20%;
        font-size : 80%;
        margin-left : 0;
    }
    .contact div.inputs{
        display : flex;
        flex-wrap : wrap;
        align-items: center;
    }
    .contact div.inputs span.labeltxt{
        display : block;
        width : 20%;
    }
    .contact input[name="name1"],
    .contact input[name="name2"],
    .contact input[name="fname1"],
    .contact input[name="fname2"]{
        width : 80%;
    }
}



/*loading*/
#loading{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width : 60px;
    height : 60px;
    font-size : 60px;
}
#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity : .7;
    z-index: 1;
    display : none;
}