@charset "utf-8";

@media only screen and (max-width: 767px) {

    body {
        -webkit-text-size-adjust: 100% !important;
    }

    .form-horizontal .form-group {
        margin-right: -6px !important;
        margin-left: -6px !important;
    }

    .form-control {
        display: inline-block;
        font-size: 16px !important;
    }

    .form-checkbox {
        width: 7% !important;
        margin-left: 5px !important;
    }

    .form-year {
        width: 150px !important;
        padding: 0 !important;
    }

    .form-month-day {
        width: 70px !important;
        padding: 0 !important;
    }

    #pc-layout {
        display: none;
    }

    #sp-layout {
        display: block;
    }

    .email-progress-bar .item,
    .application-progress-bar .item {
        font-size: 12px;
        line-height: 1.1;
        padding-left: 20px;
    }

    .adjust-padding {
        padding-left: 0px !important;
    }

    .email-progress-bar .item:not(:last-child)::before,
    .email-progress-bar .item:not(:last-child)::after {
        border-width: 26px;
        border-left-width: 16px;
    }

    .application-progress-bar .item:not(:last-child)::before,
    .application-progress-bar .item:not(:last-child)::after {
        border-width: 32px;
        border-left-width: 16px;
    }

}