/*--------------------------------------------------------------------------------
　▼ お問い合わせ
--------------------------------------------------------------------------------*/
.sec01 {
    padding: 50px 0 30px;
}

.sec01 .inner-box {
    width: 1000px;
}

.contact-table {
    border: 1px solid #e6e3e0;
    font-size: 14px;
}

.contact-table th {
    background: #eeedeb;
    border-bottom: 1px solid #e6e3e0;
    font-weight: bold;
    padding: 7px 30px;
    position: relative;
    vertical-align: top;
    width: 25%;
}

.contact-table td {
    background: #fff;
    border-bottom: 1px solid #e6e3e0;
    padding: 7px 20px;
}

.ul-form {
    padding: 0;
    margin: 0;
}

.ul-form li {
    display: inline-block;
    list-style: none;
    width: 30%;
}

.ul-form li.form-name {
    display: inline-block;
    width: 5%;
}

.contact-table td input {
    font-size: 16px;
    padding: 6px 10px;
    width: 100%;
}

.contact-table td input.w3p { width: 14px; padding-right: 5px;}
.contact-table td input.w10p { width: 10%;}
.contact-table td input.w15p { width: 15%;}
.contact-table td input.w20p { width: 20%;}
.contact-table td input.w30p { width: 30%;}
.contact-table td input.w40p { width: 40%;}
.contact-table td input.w60p { width: 60%;}
.contact-table td input.w70p { width: 70%;}
.contact-table td input.w80p { width: 80%;}

.inline-box {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

.inline-30p {
    display: inline-block;
    vertical-align: middle;
    width: 57%;
}

#iptarea_membername { display: inline-block;}

.contact-table td textarea {
    font-size: 16px;
    height: 264px;
    overflow: auto;
    padding: 6px 10px;
    width: 80%;
}

.required {
    background: #ff0000;
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
    position: absolute;
    right: 8px;
    top: 13px;
    text-align: center;
}

.contact-send {
    background: #08306d;
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0 auto;
    padding: 15px 55px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.contact-send .yaji {
    position: absolute;
    top: 35%;
    right: 20px;
}

.prev {
    background: #08306d;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    display: inline;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    margin: 0 auto;
    width: 220px;
}

.next {
    background: red;
    border: 1px solid #fff;
    color: #fff;
    display: inline;
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.check-box {
    font-size: 12px;
    font-weight: bold;
}

.check-box a {
    color: #FF0000;
}


/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    .sec01 .inner-box {
        width: 90%;
    }

    #form-box {
        width: 100%;
    }
}


/*---------------------------------スマホ用-------------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

    .contact-table tr th {
        border-bottom: none;
        display: block;
        padding: 10px;
        width: 100%;
    }

    .contact-table tr td {
        display: block;
        padding: 10px;
        width: 100%;
    }

    .contact-table td input.w70p,
    .contact-table td input.w80p {
        width: 100%;
    }

    .contact-table td textarea {
        width: 100%;
    }

    .ul-form li {
        width: 85%;
    }

    .ul-form li.form-name {
        width: 10%;
    }

    .required {
        top: 8px;
    }

    .next,
    .prev {
        display: inline-block;
        width: 48%;
    }

    .inline-box {
        display: inline-block;
        width: 30%;
    }
    .inline-30p {
        display: block;
        width: 100%;
    }

}