@charset "utf-8";

/* contact-wrapper
---------------------------------------------------*/
.contact-wrapper {
    background-color: #fcf9f7;
}
.contact-wrapper .inner {
    padding: 100px 0;
}
.contact-wrapper .page-heading {
    text-align: center;
}

.contact-wrapper .contact-heading {
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 60px;
}

/* dl_table */
.contact-wrapper .dl_table {
    margin-bottom: 50px;
}
.contact-wrapper .column p.mini {
    font-size: 0.9em;
}

.contact-wrapper .btn_group {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.contact-wrapper .btn_group > p {
    margin-right: 24px;
}
.contact-wrapper .btn_group > p:last-of-type {
    margin-right: 0;
}


/* confirm */
#confirm_box .dl_table dl {
    display: -webkit-flex;
    display: flex;
    line-height: 1.4em;
    border-bottom: 1px solid #000;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
#confirm_box .dl_table dt {
    width: 40%;
    margin-bottom: 0;
}
#confirm_box .dl_table dt label{
    font-weight: 500;
}
#confirm_box .dl_table dd {
    width: 60%;
    margin-bottom: 0;
}

/* complete */
#complete_box .complete_message {
    margin-bottom: 60px;
}
#complete_box .complete_message p {
    line-height: 1.6em;
    text-align: center;
}

/* < 768px */
@media screen and (min-width:1px) and (max-width: 768px) {
    .contact-wrapper .inner {
        padding: 16.66vw 0;
    }

    .contact-wrapper .contact-heading {
        margin-bottom: 13.88vw;
    }

    /* dl_table */
    .contact-wrapper .dl_table {
        margin-bottom: 19.44vw;
    }

    .contact-wrapper .btn_group {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contact-wrapper .btn_group > p {
        width: 100%;
        margin-right: 0;
    }
    .contact-wrapper .btn_group > p:last-of-type {
        margin-right: 0;
    }
    .contact-wrapper .btn_group > p:nth-child(1) {
        order: 2;
    }
    .contact-wrapper .btn_group > p:nth-child(2) {
        order: 1;
        margin-bottom: 4.72vw;
    }


    /* confirm */
    #confirm_box .confirm_message {
        margin-bottom: 5.55vw;
    }

    /* complete */
    #complete_box .complete_message {
        margin-bottom: 5.55vw;
    }

}