@charset "UTF-8";


/* CSS Document */

.form-area{
    background-color: #ececec;
    padding-bottom: 8%;
}
div#form .explanation {
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.explanation .must {
    font-size: 70%;
    margin-right: 5px;
    color: #fff;
    background: #f43b4d;
    padding: 4px 10px 5px;
    font-size: 13px;
    margin-bottom: 2px;
}

.form_tbl {
    width: 450px;
    padding: 3%;
    margin: 3% auto;
    text-align: left;
    color: #1d1d1d;
}

.form_tbl table {
    width: 95%;
    margin: 0 auto;
    border: none;
    padding: 5% 4%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #ffffff;
}

.form_tbl th {
    display: block;
    width: 100%;
    border: none !important;
    padding: 5px 0px 5px 5px;
    color: #1d1d1d;
    font-size: 16px;
    text-align: left;
    margin-bottom: 5px;
}

.form_tbl td {
    display: block;
    width: 100%;
    border: none !important;
    margin-bottom: 13px;
    color: #1d1d1d;
}

.form_tbl tr .min {
    font-size: 0.7rem;
    margin-bottom: 5px;
    font-weight: normal;
}

.form_tbl input,
select,
textarea {
    text-indent: 1em;
    padding: 10px 0;
    width: 100%;
}

input[type="radio" i] {
    margin: 3px 3px 0px 25%;
}

input[type="radio" i]:first-child {
    margin: 3px 3px 0px 0px;
}

input[type="checkbox" i] {
    margin: 3px 3px 2% 0;
}

input[type="checkbox" i]:first-child {
    margin: 3px 3px 0px 0px;
}
@media screen and (min-width:768px) and ( max-width:1500px) {
    .form_tbl {
        width: 70%;
        min-width: 600px;
        margin: 0 auto;
        padding: 2% 2%;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px #ffffff;
    }
}
@media screen and (min-width: 1501px) {
    .form_tbl {
        width: 50%;
        min-width: 600px;
        margin: 0 auto;
        padding: 2% 2%;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0 0 5px #ffffff;
    }

    .form_tbl table {
        display: table;
        width: 100%;
    }

    .form_tbl tr {
        display: table-row;
    }

    .form_tbl th,
    .form_tbl td {
        display: table-cell;
        vertical-align: center;
        padding: 5px;
    }

    .form_tbl th {
        width: 1%;
        white-space: nowrap;
        text-align: left;
    }

    .form_tbl td {
        width: 70%;
    }

    .form_tbl input[type="text"],
    .form_tbl input[type="tel"],
    .form_tbl input[type="email"],
    .form_tbl select,
    .form_tbl textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .form_tbl input#tel1,
    .form_tbl input#tel2,
    .form_tbl input#tel3 {
        width: 28%;
        min-width: 70px;
    }

    .form_tbl .zip-wrapper input {
        width: 40% !important;
    }

}
.form_tbl input#tel1,
.form_tbl input#tel2,
.form_tbl input#tel3 {
    text-indent: 1em;
    padding: 10px 0;
    width: 27%;
}

.form_tbl input#zip {
    text-indent: 1em;
    padding: 10px 0;
    width: 30%;
}

.form_tbl input,
select,
textarea {
    border: 1.5px solid #cacaca;
    border-radius: 5px;
}

label span.must {
    font-size: 70%;
    margin-left: 10px;
    color: #fff;
    background: #df0006;
    padding: 4px 10px 3px;
    font-size: 13px;
    margin-bottom: 2px;
}

.submitbtn {
    text-align: center;
    margin-top: 0;
    margin-bottom: 28px;
}

input[type=submit] {
    width: auto !important;
    padding: 13px 25px 13px 6px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #FFF;
    background: linear-gradient(to bottom, #ff5800, #fd0000);
    border-radius: 100px;
    font-size: 20px;
    font-weight: bold;
    appearance: none;
}

body {
    margin: 0px;
}

@media (max-width: 767px) {

    .form_tbl {
        width: 98%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    input[type="checkbox" i] {
        margin: 5px 3px 0px 0px;
    }

    .form_tbl input#tel1,
    .form_tbl input#tel2,
    .form_tbl input#tel3 {
        text-indent: 0.5em;
    }

    .form_tbl input#time1 {
        width: 65%;
        text-indent: 0.2em;
    }
}

textarea {
    resize: vertical;
}


#wrapper.step01 {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
}

.step01 h1 {
    background: #fe3100;
    padding: 30px 0;
    margin-top: 0;
    color: #fff;
    text-align: center;
}

#wrapper.step01 th {
    background: #ececec;
}

#wrapper.step01 #content {
    background-color: #fff;
}

#wrapper.step01 .header {
    width: 100%;
    height: auto;
}

#wrapper.step01 .h-bg {
    width: 100%;
    background: #fff;
}

@media (min-width: 1920px) {
    #wrapper.step01 {
        width: 1920px;
    }

    #wrapper.step01 .header {
        width: 1920px;
        height: auto;
    }
}

@media (max-width: 767px) {
    .submitbtn {
    margin-top: 49px;
}
}