@charset "UTF-8";
/* ==========================================================
 font
========================================================== */
/* ==========================================================
 color
========================================================== */
/* color theme
---------------------------------------------------------- */
/* clearfix
---------------------------------------------------------- */
.box-clear {
    clear: both;
}

*:focus {
    outline: none;
}

.contents-main {
    position: relative;
    padding: 0 15px;
}

/* box-table-center
---------------------------------------------------------- */
.box-table-center-01 {
    display: table;
    width: 100%;
    height: 100%;
}

    .box-table-center-01 > .inner {
        display: table-cell;
        vertical-align: middle;
    }

/* header
---------------------------------------------------------- */
.header-enquete-01 {
    display: block;
    width: 100%;
    height: 49px;
    border-bottom: 2px solid #d5d5d5;
}

    .header-enquete-01 .header-in-enquete-01 {
        width: 100%;
        padding: 0 0;
        text-align: left;
        height: 100%;
    }

        .header-enquete-01 .header-in-enquete-01 img {
            width: 99px;
            margin: 6px 0 5px 14px;
        }

/* ==========================================================
 step-01 page
========================================================== */
/* hero-enquete-01
---------------------------------------------------------- */
.hero-enquete-01 {
    position: relative;
    color: #fff;
    width: 100%;
}

    .hero-enquete-01 img {
        width: 100%;
        max-width: 100%;
    }

    .hero-enquete-01 .hero-enquete-title {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

        .hero-enquete-01 .hero-enquete-title .title {
            font-size: 59%;
            margin-top: 6px;
        }

        .hero-enquete-01 .hero-enquete-title > .description {
            font-size: 67%;
            font-weight: 300;
            position: absolute;
            left: 14px;
            top: 10px;
            line-height: 2.2;
        }

/* ttl-enquete-01
---------------------------------------------------------- */
.ttl-enquete-01 {
    font-size: 125%;
    font-weight: bold;
}

/* txt-enquete-01
---------------------------------------------------------- */
.txt-enquete-01 {
    font-size: 125%;
    font-weight: normal;
}

/* box-enquete-01
---------------------------------------------------------- */
.box-enquete-01 {
    width: 100%;
    padding: 15px 0;
}

    .box-enquete-01 > .text {
        margin-top: 6px;
        display: inline-block;
    }

    .box-enquete-01.step-04 {
        padding: 10px 0 0;
    }

        .box-enquete-01.step-04 .ttl-enquete-01 {
            padding: 25px 0;
        }

        .box-enquete-01.step-04 > .text {
            margin-top: 9px;
        }

/* box-form-enquete-01
---------------------------------------------------------- */
.box-form-enquete-01 {
    position: relative;
    padding: 12px 0 21px;
}

    .box-form-enquete-01 [rel] {
        color: #9e9493;
    }

    .box-form-enquete-01.step-04 {
        padding: 19px 0 21px;
    }

/* txt-require-01
---------------------------------------------------------- */
.txt-require-01 {
    font-size: 67%;
    color: #fff;
    background-color: #e91616;
    padding: 0 5px;
    font-weight: normal;
    position: relative;
    left: 4px;
    top: -1px;
}

.txt-validation-01 {
    font-size: 109%;
    width: 100%;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    background-color: #e91616;
    margin-top: 6px;
    position: relative;
    letter-spacing: -0.02em;
}

    .txt-validation-01:before {
        content: '';
        width: 10px;
        height: 8px;
        display: block;
        background: url(/asserts/img/sp/enquete/ico_cmn_arrow_error_01.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        position: absolute;
        top: -8px;
        left: 19px;
    }

.txt-validation-02 {
    font-size: 109%;
    width: 100%;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    background-color: #e91616;
    margin-top: 6px;
    position: relative;
}

    .txt-validation-02:before {
        content: '';
        width: 10px;
        height: 10px;
        display: block;
        background: url(/asserts/img/sp/enquete/ico_cmn_arrow_error_01.png) no-repeat;
        position: absolute;
        top: -10px;
        left: 20px;
    }

/* input-txt-enquete-01
---------------------------------------------------------- */
.input-txt-enquete-01 {
    width: 100%;
    font-size: 109%;
    padding: 6px 10px;
    border: 1px solid #c7c7c7;
}

.formError {
    width: 100%;
    padding-top: 12px;
    left: 0 !important;
}

    .formError + .input-txt-enquete-01,
    .formError + .input-txt-enquete-02 {
        background-color: #fbe9e7;
    }

    .formError .formErrorArrowBottom {
        position: relative;
    }

        .formError .formErrorArrowBottom div {
            display: none;
        }

    .formError .formErrorContent {
        position: relative;
        min-width: inherit;
        padding: 6px 10px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        background-color: #e91616;
        font-size: 109%;
    }

        .formError .formErrorContent:before {
            content: '';
            width: 10px;
            height: 10px;
            display: block;
            background: url(/asserts/img/sp/enquete/ico_cmn_arrow_error_01.png) no-repeat;
            -webkit-background-size: 10px 10px;
            background-size: 10px;
            position: absolute;
            top: -8px;
            left: 10px;
            opacity: 1 !important;
        }

/* input-txt-enquete-02
---------------------------------------------------------- */
.input-txt-enquete-02 {
    width: 100%;
    font-size: 109%;
    padding: 6px 10px;
    border: 1px solid #c7c7c7;
    display: block;
}

/* box-form-row-01
---------------------------------------------------------- */
.box-form-row-01 {
    margin-top: 67px;
}

    .box-form-row-01:first-child {
        margin-top: 0;
    }

    .box-form-row-01 .ttl-enquete-01 {
        position: relative;
        margin-bottom: 10px;
    }

/* box-enquete-input-01
---------------------------------------------------------- */
.box-enquete-input-01 {
    position: relative;
    margin-top: 50px;
}

    .box-enquete-input-01:first-child {
        margin-top: 0;
    }

    .box-enquete-input-01.is-checkbox-02 {
        overflow: hidden;
    }
/* box-form-input-01
---------------------------------------------------------- */
.box-form-input-01 {
    width: 100%;
    margin-top: 17px;
}

    .box-form-input-01 .box-inner-01 {
        display: table;
        width: 100%;
        margin-top: 50px;
    }

        .box-form-input-01 .box-inner-01 > .link {
            color: #005baa;
            padding-bottom: 0;
            line-height: 2;
            display: -webkit-inline-box;
            text-decoration: underline;
        }

        .box-form-input-01 .box-inner-01 > .box-input-radio {
            display: table-cell;
            position: relative;
            vertical-align: middle;
            width: 40px;
            padding-right: 17px;
        }

        .box-form-input-01 .box-inner-01 > .box-enquete-input-01 {
            display: table-cell;
            padding-left: 11px;
        }

        .box-form-input-01 .box-inner-01 .checkmark {
            margin-top: 3px;
        }

    .box-form-input-01 .extra-text-01 {
        font-size: 75%;
        padding: 5px 0 6px;
        padding-bottom: 6px;
        color: #666666;
    }

    .box-form-input-01 .extra-text-02 {
        padding: 6px 0;
        color: #666666;
    }

/* box-form-title-01
---------------------------------------------------------- */
.box-form-title-01 {
    width: 100%;
}

    .box-form-title-01 > .text {
        margin-top: -3px;
    }

/* box-input-radio
---------------------------------------------------------- */
.box-input-radio {
    cursor: pointer;
}

    .box-input-radio .input-radio-enquete-01 {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        top: 10px;
    }

    .box-input-radio .checkmark {
        display: inline-block;
        background: url(/asserts/img/sp/enquete/ico_cmn_radio_off.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
        vertical-align: top;
        color: #1f2127;
        word-break: break-all;
        width: 14px;
        height: 14px;
        margin: -13px 0 0 8px;
    }

    .box-input-radio .checkmark-01 {
        display: inline-block;
        background: url(/asserts/img/sp/enquete/ico_cmn_radio_off.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
        vertical-align: top;
        color: #1f2127;
        word-break: break-all;
        width: 14px;
        height: 14px;
        margin: 3px 5px 3px 5px;
    }

    .box-input-radio .input-radio-enquete-01:checked + .checkmark {
        background: url(/asserts/img/sp/enquete/ico_cmn_radio_on.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
    }

    .box-input-radio .input-radio-enquete-01:checked + .checkmark-01 {
        background: url(/asserts/img/sp/enquete/ico_cmn_radio_on.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
    }


/* box-input-checkbox
---------------------------------------------------------- */
.box-input-checkbox {
    cursor: pointer;
}

    .box-input-checkbox .input-checkbox-enquete-01 {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .box-input-checkbox .checkmark {
        display: inline-block;
        background: url(/asserts/img/sp/enquete/ico_cmn_check_off_active.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
        vertical-align: top;
        color: #1f2127;
        word-break: break-all;
        width: 14px;
        height: 14px;
    }

    .box-input-checkbox .input-checkbox-enquete-01:checked + .checkmark {
        background: url(/asserts/img/sp/enquete/ico_cmn_check_on_active.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
    }

    .box-input-checkbox .un-checkmark {
        display: inline-block;
        background: url(/asserts/img/sp/enquete/ico_cmn_check_off.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
        vertical-align: top;
        color: #1f2127;
        word-break: break-all;
        width: 14px;
        height: 14px;
    }

    .box-input-checkbox .input-checkbox-enquete-01:checked + .un-checkmark {
        background: url(/asserts/img/sp/enquete/ico_cmn_check_on.png) no-repeat;
        -webkit-background-size: 14px 14px;
        background-size: 14px;
    }

/* box-input-checkbox-02
---------------------------------------------------------- */
.is-checkbox-02 {
    border-top: 1px solid #c7c7c7;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

    .is-checkbox-02 .box-input-checkbox-02 {
        cursor: pointer;
        width: 50%;
        display: table;
        float: left;
        text-align: center;
        border-bottom: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

        .is-checkbox-02 .box-input-checkbox-02:first-child {
            border-left: 1px solid #c7c7c7;
            -webkit-border-top-left-radius: 2px;
            border-top-left-radius: 2px;
            -webkit-border-bottom-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .is-checkbox-02 .box-input-checkbox-02 .input-checkbox-enquete-01 {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        .is-checkbox-02 .box-input-checkbox-02 .text {
            display: table-cell;
            background: #fff;
            color: #1f2127;
            word-break: break-all;
            width: 100%;
            padding: 9px 10px;
            vertical-align: middle;
        }

        .is-checkbox-02 .box-input-checkbox-02 .input-checkbox-enquete-01:checked + .text {
            background: #eef5fb;
            font-weight: bold;
            color: #005baa;
        }

        .is-checkbox-02 .box-input-checkbox-02.is-active .text {
            background: #eef5fb;
        }

        .is-checkbox-02 .box-input-checkbox-02 .formError {
            padding-top: 0 !important;
            margin-top: 0 !important;
            top: auto !important;
            bottom: 0 !important;
        }

/* box-form-step
---------------------------------------------------------- */
.box-form-step {
    width: 74px;
    height: 74px;
    position: absolute;
    right: 14px;
    top: 10px;
}

    .box-form-step.step-01 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_01.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        top: -57px;
        right: 13px;
    }

    .box-form-step.step-01-02 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_01-2.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        top: -57px;
        right: 13px;
    }

    .box-form-step.step-01-03 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_01-3.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        top: -57px;
        right: 13px;
    }

    .box-form-step.step-02 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_02.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        right: 12px;
    }

    .box-form-step.step-02-02 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_02-2.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        right: 12px;
    }

    .box-form-step.step-02-03 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_02-3.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        right: 12px;
    }

    .box-form-step.step-03 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_03.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        right: 13px;
    }

    .box-form-step.step-03-03 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_03-3.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
        right: 13px;
    }

    .box-form-step.step-04 {
        background: url(/asserts/img/sp/enquete/img_cmn_enquete_step_04.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        display: block;
    }

    .box-form-step > .title {
        font-size: 67%;
        color: #005baa;
        font-weight: bold;
        margin-top: 16px;
    }

    .box-form-step .box-txt-step {
        width: 16px;
        height: 16px;
        margin: 6px 10px 0 32px;
        display: block;
        background: url(/asserts/img/sp/enquete/ico_line_step_01.png) no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        position: relative;
    }

        .box-form-step .box-txt-step .step-no-01 {
            font-size: 150%;
            font-weight: bold;
            color: #005baa;
            position: absolute;
            left: -8px;
            top: -13px;
        }

        .box-form-step .box-txt-step .step-no-02 {
            font-size: 92%;
            font-weight: bold;
            color: #005baa;
            position: absolute;
            right: 0px;
            bottom: -5px;
        }

/* box-form-accept-01
---------------------------------------------------------- */
.box-form-accept-01 {
    background: #f3f3f3;
    border: 1px solid #c7c7c7;
    padding: 21px 15px 15px 0;
    font-size: 92%;
    line-height: 1.2;
    margin-top: 65px;
    position: relative;
    z-index: 1;
}

    .box-form-accept-01 .box-form-accept-in-01 {
        display: table;
        width: 100%;
    }

    .box-form-accept-01 .box-accept-input-01 {
        width: 38px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: relative;
    }

    .box-form-accept-01 .box-accept-text-01 {
        width: 100%;
    }

        .box-form-accept-01 .box-accept-text-01 .text {
            line-height: 1.5;
            position: relative;
        }

    .box-form-accept-01 .text-link {
        margin-left: 38px;
    }

    .box-form-accept-01 .text-link-01 .link {
        position: relative;
        z-index: 10;
        color: #005baa;
        padding-bottom: 0;
        line-height: 1.2;
        display: -webkit-inline-box;
        text-decoration: underline;
    }

        .box-form-accept-01 .text-link-01 .link:hover {
            opacity: 0.8;
            line-height: 1.2;
        }

    .box-form-accept-01 .text-link-01 .link {
        position: relative;
        z-index: 10;
        color: #005baa;
        padding-bottom: 0;
        line-height: 1.2;
        display: -webkit-inline-box;
        text-decoration: underline;
    }

        .box-form-accept-01 .text-link-01 .link:hover {
            opacity: 0.8;
            line-height: 1.2;
        }

    .box-form-accept-01 .text-link .link {
        position: relative;
        z-index: 10;
        color: #005baa;
        padding-bottom: 0;
        line-height: 1.2;
        display: -webkit-inline-box;
        text-decoration: underline;
    }

        .box-form-accept-01 .text-link .link:hover {
            opacity: 0.8;
            line-height: 1.2;
        }

/* box-enquete-btn
---------------------------------------------------------- */
.box-enquete-btn {
    margin: 70px 0 20px;
}

    .box-enquete-btn .btn-cmn {
        width: 150px;
        height: 32px;
        line-height: 28px;
        font-size: 92%;
        border-color: #005baa;
        color: #005baa;
        background: #fff url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png) 92% 49% no-repeat;
        -webkit-background-size: 5px auto;
        background-size: 5px auto;
    }

        .box-enquete-btn .btn-cmn.back {
            border-color: #333;
            color: #333;
            background: #fff url(/asserts/common/sp/img/ico_arrow_left_06_enquete.png) 8% 49% no-repeat;
            -webkit-background-size: 5px 8px;
            background-size: 5px 8px;
        }

.SumoSelect {
    width: 100%;
    font-size: 117%;
    background: url(/asserts/img/sp/enquete/ico_select_arrow_01.png) 94.5% center no-repeat;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
    border: 0;
    outline: none;
    color: #333;
}

    .SumoSelect.is-error {
        background-color: #fbe9e7;
    }

    .SumoSelect > .CaptionCont > label {
        width: 100%;
    }

        .SumoSelect > .CaptionCont > label i {
            display: none;
        }

    .SumoSelect > .CaptionCont {
        background: none;
        font-size: 93%;
        border-color: #c7c7c7;
    }

    .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border-color: #c7c7c7;
    }

    .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont {
        border-color: #c7c7c7;
    }

    .SumoSelect > .optWrapper > .options li.opt:hover {
        background: #f7dad7;
    }

/* ==========================================================
 complete page
========================================================== */
.box-complete {
    padding: 0 10px;
    border: 1px solid #c7c7c7;
}

.box-complete-item {
    margin-bottom: 25px;
    border-top: 1px solid #c7c7c7;
}

    .box-complete-item:first-child {
        border-top: none;
    }

.box-complete .btn {
    margin-top: 15px;
    text-align: center;
}

    .box-complete .btn .btn-back {
        display: inline-block;
        width: 138px;
        height: 30px;
        border: 1px solid #ccc;
        background: url(/asserts/common/sp/img/ico_arrow_left_05.png) 7% 49% no-repeat;
        -webkit-background-size: auto 8px;
        background-size: auto 8px;
        font-size: 92%;
        text-align: center;
        line-height: 28px;
    }

.box-complete.is-scroll-bar {
    height: 500px;
    overflow:auto; 
    white-space: nowrap /* 自動改行させない */
}

.table-complete {
    width: 100%;
}

    .table-complete th,
    .table-complete td {
        display: block;
        font-size: 109%;
        line-height: 1.85;
    }

    .table-complete th {
        padding: 18px 0 0;
        font-weight: bold;
    }

    .table-complete td {
        padding: 3px 0 4px;
        word-break: break-word;
    }

.box-form-accept-01.step-04 {
    padding: 14px 15px;
}

/* ==========================================================
 comfirm page
========================================================== */
.box-enquete-confirm {
    padding: 50px 15px 35px;
    text-align: center;
}

    .box-enquete-confirm.type-01 {
        padding: 0 0 35px;
    }

    .box-enquete-confirm .ttl {
        margin-bottom: 10px;
        font-size: 125%;
        font-weight: bold;
        line-height: 1;
        color: #005baa;
    }

    .box-enquete-confirm .txt {
        line-height: 1.67;
    }

    .box-enquete-confirm .btn {
        margin-top: 20px;
    }

.box-enquete-family .title {
    padding: 35px 0;
    background-color: #f3f3f3;
    text-align: center;
}

    .box-enquete-family .title .ttl {
        margin-bottom: 13px;
        font-size: 125%;
        line-height: 1;
        font-weight: bold;
    }

    .box-enquete-family .title .btn {
        margin: 0;
    }

.box-enquete-family .img {
    margin: 55px 0 50px;
    padding: 0 25px;
}

    .box-enquete-family .img img {
        width: 100%;
        height: auto;
    }

.box-enquete-infor-wrap {
    margin-bottom: 233px;
}

    .box-enquete-infor-wrap .box-enquete-infor {
        background-color: #eef5fb;
    }

        .box-enquete-infor-wrap .box-enquete-infor .text {
            padding: 3px 0;
            font-size: 125%;
        }

    .box-enquete-infor-wrap .box-enquete-btn {
        margin-top: 47px;
    }

/* ==========================================================
 step-01 page
========================================================== */
.step-01 .box-form-input-01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .step-01 .box-form-input-01 .box-inner-01 > .box-enquete-input-01 {
        padding-left: 0;
    }

.box-inner-01.type-01 > .box-enquete-input-01 .formErrorContent {
    font-size: 93%;
}

.step-01 .box-form-input-01.col-03 .box-inner-01 {
    width: 31%;
}

    .step-01 .box-form-input-01.col-03 .box-inner-01 .text-02 {
        padding: 6px 0 0 3px;
        display: inline-block;
    }

.step-01 .box-form-input-01.col-03 .txt-validation-01:before {
    left: 27%;
}

.step-01 .box-form-input-01 .box-enquete-input-01 {
    width: 100%;
}

.step-01 .box-type-01 .box-form-input-01 {
    margin-top: 27px;
}

    .step-01 .box-type-01 .box-form-input-01 .box-inner-01 {
        margin: 0 0 35px;
    }

        .step-01 .box-type-01 .box-form-input-01 .box-inner-01:first-of-type {
            margin: 0 0 42px;
        }

        .step-01 .box-type-01 .box-form-input-01 .box-inner-01 > .box-enquete-input-01 {
            padding-left: 4px;
            position: relative;
            top: -2px;
            word-break: break-word;
        }

    .step-01 .box-type-01 .box-form-input-01 .box-input-radio {
        width: 32px;
        padding-left: 3px;
        padding-right: 7px;
    }

        .step-01 .box-type-01 .box-form-input-01 .box-input-radio .checkmark {
            margin-top: 0;
        }

/* ==========================================================
 step-02 page
========================================================== */
.step-02 .box-form-row-01 {
    margin-top: 44px;
}

    .step-02 .box-form-row-01:first-of-type {
        margin-top: 0;
    }

    .step-02 .box-form-row-01 .box-form-title-01 {
        margin-bottom: 17px;
    }

.step-02 .box-enquete-01 {
    padding: 33px 0 20px;
}

    .step-02 .box-enquete-01 > .text {
        margin-top: 36px;
    }

.step-02 .box-form-enquete-01 {
    position: relative;
}

    .step-02 .box-form-enquete-01 .ttl-enquete-01 {
        font-size: 125%;
    }

.step-02 .box-input-radio .text {
    display: inline-block;
    width: 30px;
    margin-top: -25px;
}

.step-02 .box-enquete-input-01 .pt {
    display: inline-block;
    padding-top: 7px;
}

.step-02 .box-input-radio .checkmark {
    margin-top: 0;
}

.step-02 .box-form-input-01 {
    margin-top: 0;
}

    .step-02 .box-form-input-01 p {
        word-break: break-word;
    }

    .step-02 .box-form-input-01 .box-inner-01:first-of-type {
        margin-top: 0;
    }

    .step-02 .box-form-input-01 .box-inner-01 > .box-input-radio {
        vertical-align: top;
        width: 35px;
        padding-top: 7px;
        padding-right: 5px;
        padding-left: 20px;
    }

    .step-02 .box-form-input-01 .box-inner-01 .box-enquete-input-01 {
        padding-left: 0;
    }

        .step-02 .box-form-input-01 .box-inner-01 .box-enquete-input-01 .input-txt-enquete-02 {
            width: 100%;
        }

            .step-02 .box-form-input-01 .box-inner-01 .box-enquete-input-01 .input-txt-enquete-02.input-phone {
                width: 100%;
            }

        .step-02 .box-form-input-01 .box-inner-01 .box-enquete-input-01 .txt-validation-02 {
            width: 100%;
            margin-top: 6px;
        }

    .step-02 .box-form-input-01 .box-inner-01 .txt-validation-02.col-03 {
        width: 100%;
    }

    .step-02 .box-form-input-01 .box-link {
        display: table-cell;
    }

    .step-02 .box-form-input-01.box-phone .box-enquete-input-01 {
        position: relative;
    }

    .step-02 .box-form-input-01.box-phone .extra-text-03 {
        position: relative;
    }

        .step-02 .box-form-input-01.box-phone .extra-text-03.link {
            color: #005baa;
            padding-bottom: 0;
            line-height: 2;
            display: -webkit-inline-box;
            text-decoration: underline;
        }

            .step-02 .box-form-input-01.box-phone .extra-text-03.link:hover {
                opacity: 0.8;
                line-height: 2;
            }

    .step-02 .box-form-input-01.box-zip .box-enquete-input-01 {
        position: relative;
    }

    .step-02 .box-form-input-01.box-zip .extra-text-03 {
        position: relative;
    }

        .step-02 .box-form-input-01.box-zip .extra-text-03.link {
            color: #005baa;
            padding-bottom: 0;
            line-height: 2;
            display: -webkit-inline-box;
            text-decoration: underline;
        }

            .step-02 .box-form-input-01.box-zip .extra-text-03.link:hover {
                opacity: 0.8;
                line-height: 2;
            }

    .step-02 .box-form-input-01.col-03 .box-inner-01 .box-enquete-input-01 {
        width: 72%;
        margin-left: 9px;
    }

        .step-02 .box-form-input-01.col-03 .box-inner-01 .box-enquete-input-01 .formErrorContent {
            padding: 5px;
            font-size: 84%
        }

    .step-02 .box-form-input-01.col-03 .box-inner-01:first-of-type .box-enquete-input-01 {
        width: 83%;
        margin-left: 0;
    }

    .step-02 .box-form-input-01.col-03 .box-input-radio {
        width: 17% !important;
    }

.step-02 .SumoSelect > .CaptionCont {
    width: 100%;
    float: left;
}

    .step-02 .SumoSelect > .CaptionCont.empty {
        color: rgba(51, 51, 51, 0.5);
    }

.step-02 .box-enquete-btn {
    text-align: center;
    margin-top: 56px;
}

    .step-02 .box-enquete-btn .btn-cmn {
        display: inline-block;
        margin: 0px 13px;
        position: relative;
        width: 40%;
    }

.step-02 .box-form-input-01.col-03 .box-inner-01 .text-02 {
    padding-left: 3px;
}

.step-02 .is-checkbox-02 .box-input-checkbox-02 .text {
    padding: 6px 10px 5px;
}

.step-02 .box-zip .box-enquete-input-01 {
    left: -15px;
}

  .step-02 .box-zip .box-enquete-input-01 .input-txt-enquete-02.input-phone {
        width: 80% !important;
    }

    .step-02 .box-zip .box-enquete-input-01 .txt-validation-02 {
        position: relative;
        left: -20px;
    }

.step-02 .box-zip .extra-text-03.link {
    margin-top: 34px;
}

.step-02 .box-phone .box-enquete-input-01 {
    left: 15px;
}

    .step-02 .box-phone .box-enquete-input-01 .input-txt-enquete-02.input-phone {
        width: 80% !important;
    }

    .step-02 .box-phone .box-enquete-input-01 .txt-validation-02 {
        position: relative;
        left: -20px;
    }

.step-02 .box-phone .extra-text-03.link {
    margin-top: 34px;
}

.step-02 .SelectBox {
    padding: 5px 4px 5px 8px;
}

.box-form-input-01.col-03 .box-inner-01 {
    display: block;
    float: left;
    width: 33.33%;
    margin-top: 0;
}

    .box-form-input-01.col-03 .box-inner-01:first-of-type {
        margin-left: 0;
    }

    .box-form-input-01.col-03 .box-inner-01.last {
        width: 30%;
    }

    .box-form-input-01.col-03 .box-inner-01 .box-enquete-input-01 {
        padding-left: 0;
    }

    .box-form-input-01.col-03 .box-inner-01 .text-02 {
        padding-left: 18px;
    }

    .box-form-input-01.col-03 .box-inner-01 .box-enquete-input-01 {
        display: block;
        float: left;
        width: 80%;
    }

    .box-form-input-01.col-03 .box-inner-01 .box-input-radio {
        display: block;
        float: left;
        width: 20%;
    }

.box-form-input-01.col-03 .SumoSelect {
    background: url(/asserts/img/sp/enquete/ico_select_arrow_01.png) 85% center no-repeat;
    -webkit-background-size: 10px 6px;
    background-size: 10px 6px;
}

    .box-form-input-01.col-03 .SumoSelect.is-error {
        background-color: #fbe9e7;
    }

        .box-form-input-01.col-03 .SumoSelect.is-error .formError .formErrorContent {
            padding: 5px;
            font-size: 84%;
        }

        .box-form-input-01.col-03 .SumoSelect.is-error .formError .formErrorContent {
            padding: 5px;
            font-size: 84%;
        }

/* ==========================================================
 protective page
========================================================== */
.box-protective-01 > .inner {
    width: 100%;
    padding: 20px 15px 44px;
    background: url(/asserts/img/sp/enquete/bg_protective_01.png);
    -webkit-background-size: cover;
    background-size: cover;
}

.box-protective-01.firstlogin-bg > .inner {
    background: #fff;
}
    .box-protective-01.firstlogin-bg > .inner .box-protective-02 {
            background: #f3f9fc;
            border: 1px solid #c7c7c7;
    }

.box-protective-02 {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 18px 15px 31px;
}

    .box-protective-02 .inner > .title {
        font-size: 150%;
        font-weight: bold;
    }

    .box-protective-02 .inner > .text {
        line-height: 1.8;
        margin-top: 4px;
    }

.box-protective-03 {
    background: #fff;
    padding: 8px 4px 18px 15px;
    border: 1px solid #c7c7c7;
    margin-top: 18px;
    height: 245px;
}

    .box-protective-03 .text {
        line-height: 1.7;
        color: #333;
        padding-right: 0;
        padding-bottom: 10px;
    }

    .box-protective-03 .box-input-checkbox .text {
        display: inline-block;
    }

.box-protective-04 {
    display: block;
    padding: 14px;
    background: #f3f3f3;
    border: solid #c7c7c7;
    border-width: 0 1px 1px;
    position: relative;
  margin-bottom: 3em;
}

    .box-protective-04 .formError {
        top: 39px !important;
        color: #fff;
    }

    .box-protective-04 .text {
        font-size: 84%;
        line-height: 1.8;
        color: #333;
        padding-left: 9px;
    }

    .box-protective-04 .checkmark {
        margin-top: 3px;
        width: 12px;
        height: 12px;
        -webkit-background-size: 100% 100% !important;
        background-size: 100% !important;
    }

    .box-protective-04 .un-checkmark {
        margin-top: 3px;
        width: 12px;
        height: 12px;
        -webkit-background-size: 100% 100% !important;
        background-size: 100% !important;
    }


    .box-protective-04 .input-checkbox-enquete-01 {
        left: 26px;
    }

.box-protective-05 {
    margin-top: 62px;
}

    .box-protective-05 .btn-cmn {
        width: 136px;
        height: 31px;
        font-size: 92%;
        line-height: 28px;
        background: url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png) 92% 49% no-repeat #fff;
        -webkit-background-size: auto 8px;
        background-size: auto 8px;
    }

.content-protective1 .box-form-enquete-01 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

    .content-protective1 .box-form-enquete-01 .box-enquete-input-01 {
        position: relative;
        width: 100%;
        background-color: #fff;
    }

        .content-protective1 .box-form-enquete-01 .box-enquete-input-01 .formError {
            top: 25px !important;
            z-index: 3;
        }

            .content-protective1 .box-form-enquete-01 .box-enquete-input-01 .formError .formErrorContent {
                color: #fff;
                font-size: 100%;
            }

        .content-protective1 .box-form-enquete-01 .box-enquete-input-01 .SumoSelect > .CaptionCont.empty {
            color: rgba(51, 51, 51, 0.5);
        }

    .content-protective1 .box-form-enquete-01 .box-form-input-01 {
        width: 190px;
        margin: 17px auto 0;
    }

    .content-protective1 .box-form-enquete-01 .box-inner-01 {
        width: 88px;
        margin-right: 5px;
    }

        .content-protective1 .box-form-enquete-01 .box-inner-01 .box-input-radio {
            margin-top: 6px;
            padding-right: 0;
        }

            .content-protective1 .box-form-enquete-01 .box-inner-01 .box-input-radio .text-02 {
                padding-left: 5px;
            }

/* mCSB_scrollTools
---------------------------------------------------------- */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #cccccc;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background: #cccccc;
    }

.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background: transparent;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #cccccc;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

/* ==========================================================
 step-03 page
========================================================== */
.step-03 .ttl-enquete-01 {
    font-size: 150%;
}

.step-03 .box-enquete-01 {
    padding: 31px 0 9px;
}

    .step-03 .box-enquete-01 > .text {
        margin-top: 31px;
        font-size: 109%;
    }

.step-03 .box-form-enquete-01 {
    position: relative;
}

    .step-03 .box-form-enquete-01 .ttl-enquete-01 {
        font-size: 125%;
        top: 0;
    }

    .step-03 .box-form-enquete-01 .box-form-row-01 {
        margin-top: 38px;
    }

        .step-03 .box-form-enquete-01 .box-form-row-01:first-child {
            margin-top: 0;
        }

        .step-03 .box-form-enquete-01 .box-form-row-01 .box-form-title-01 > .text {
            margin-top: 6px;
        }

.step-03 .box-form-input-01 {
    margin-top: 10px;
}

    .step-03 .box-form-input-01 .box-enquete-input-01.col-3.is-checkbox-02 {
        border-top: none;
    }

    .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .inner {
        overflow: hidden;
        border: solid #c7c7c7;
        border-width: 1px 0 0 1px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-02 {
        width: 33.33%;
        border-left: none;
    }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-02 .text {
            padding: 6px 4px;
        }

    .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 {
        cursor: pointer;
        width: 50%;
        display: block;
        float: left;
        text-align: center;
        border-bottom: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
    }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .input-checkbox-enquete-01 {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .input-checkbox-enquete-01:checked + .box-check {
                background-color: #eef5fb;
                color: #005baa;
                font-weight: bold;
            }

                .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .input-checkbox-enquete-01:checked + .box-check .check {
                    background-image: url(/asserts/img/sp/enquete/ico_checkbox_checked_01.png);
                }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03.type-01 {
            width: 100%;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .box-check {
            display: table;
            width: 100%;
            height: 100%;
            min-height: 48px;
            padding: 5px 8px;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .check {
            display: table-cell;
            vertical-align: middle;
            width: 15px;
            height: 12px;
            padding-right: 3px;
            background: url(/asserts/img/sp/enquete/ico_checkbox_default_01.png) left center no-repeat;
            -webkit-background-size: 12px 12px;
            background-size: 12px;
            text-indent: -9999px;
            overflow: hidden;
            white-space: nowrap;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .icon {
            display: table-cell;
            vertical-align: middle;
            width: 26px;
            height: auto;
            padding-right: 6px;
            text-align: center;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .icon > span {
                font-size: 150%;
                color: #005baa;
            }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03 .txt-interested {
            display: table-cell;
            vertical-align: middle;
            font-size: 109%;
            text-align: left;
            line-height: 1.4;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03.is-active {
            background-color: #eef5fb;
            color: #005baa;
            font-weight: bold;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-03.is-active .check {
                background-image: url(/asserts/img/sp/enquete/ico_checkbox_checked_01.png);
            }

    .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 {
        cursor: pointer;
        width: 33.33%;
        display: block;
        float: left;
        text-align: center;
        border-bottom: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
    }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .input-checkbox-enquete-01 {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .input-checkbox-enquete-01:checked + .box-check {
                background-color: #eef5fb;
                color: #005baa;
                font-weight: bold;
            }

                .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .input-checkbox-enquete-01:checked + .box-check .check {
                    background-image: url(/asserts/img/sp/enquete/ico_checkbox_checked_01.png);
                }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04.type-01 {
            width: 100%;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .box-check {
            display: table;
            width: 100%;
            height: 100%;
            min-height: 31px;
            padding: 5px 7px;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .check {
            display: table-cell;
            vertical-align: middle;
            width: 15px;
            height: 12px;
            padding-right: 3px;
            background: url(/asserts/img/sp/enquete/ico_checkbox_default_01.png) left center no-repeat;
            -webkit-background-size: 12px 12px;
            background-size: 12px;
            text-indent: -9999px;
            overflow: hidden;
            white-space: nowrap;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .icon {
            display: table-cell;
            vertical-align: middle;
            width: 26px;
            height: auto;
            padding-right: 6px;
            text-align: center;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .icon img {
                display: block;
                max-width: 100%;
                margin: 0 auto;
                line-height: 0;
            }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04 .txt-interested {
            display: table-cell;
            vertical-align: middle;
            font-size: 109%;
            text-align: left;
            line-height: 1.4;
        }

        .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04.is-active {
            background-color: #eef5fb;
            color: #005baa;
            font-weight: bold;
        }

            .step-03 .box-form-input-01 .box-enquete-input-01.col-3 .box-input-checkbox-04.is-active .check {
                background-image: url(/asserts/img/sp/enquete/ico_checkbox_checked_01.png);
            }

    .step-03 .box-form-input-01 .box-enquete-input-01.is-error-check-01 .box-input-checkbox-03 .formError {
        padding-top: 0;
        margin-top: 0px !important;
    }

.box-input-checkbox-04 .formError {
    margin-top: 18px !important;
}

.step-03 .box-enquete-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    margin: 50px -8px 29px;
}

    .step-03 .box-enquete-btn .btn-cmn {
        position: relative;
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
    }

.box-js-show {
    display: none;
}

.text-email {
    word-break: break-all;
}

.text-email-margin {
    margin-left: 20px
}

.text-email-margin-01 {
    margin-left: 10px
}

.text-phone {
    margin-left: 50px
}

.SumoSelect > .optWrapper > .options li label {
    white-space: normal;
}

.unscroll_check_word {
    color: #EB5E00;
    font-size: 84%;
    line-height: 1.8;
}

.btn-agreement {
    display: block;
    width: 136px;
    height: 31px;
    margin: 0 auto;
    padding: 0 10px;
    background: url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png) 92% 49% no-repeat #ffffff;
    background-size: auto;
    -webkit-background-size: auto 8px;
    border: 1px solid #005baa;
    color: #005baa;
    font-size: 92%;
    text-align: center;
    line-height: 28px;
}

    .btn-agreement:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

.btn-agreement-back {
    display: block;
    width: 136px;
    height: 31px;
    margin: 0 auto;
    padding: 0 10px;
    background: url(/asserts/common/sp/img/ico_arrow_right_05.png) 92% 49% no-repeat #f3f3f3;
        background-size: auto;
    -webkit-background-size: auto 8px;
    border-radius: 2px;
    border: 1px solid #a9a9a9;
    color: #a9a9a9;
    font-size: 92%;
    text-align: center;
    line-height: 28px;
}


.box-protective-06 {
  background: #fff;
  padding: 8px;
  border: 1px solid #c7c7c7;
  margin-top: 18px;
}

.box-protective-07 {
  display: block;
  padding: 14px;
  background: #f3f3f3;
  border: solid #c7c7c7;
  border-width: 0 1px 1px;
  position: relative;
}

.box-protective-07 .text {
  font-size: 84%;
  line-height: 1.8;
  color: #333;
  padding-left: 9px;
  position: relative;
  top: -4px;
}

.box-input-checkbox-list {
}

.box-input-checkbox-list .input-checkbox-enquete-02 {
  position: absolute;
  opacity: 0;
}

.box-input-checkbox-list .checkmark {
  display: inline-block;
  background: url(/asserts/img/sp/enquete/ico_cmn_check_off_active.png) no-repeat;
  -webkit-background-size: 14px 14px;
  background-size: 14px;
  vertical-align: top;
  color: #1f2127;
  word-break: break-all;
  width: 14px;
  height: 14px;
}

.box-input-checkbox-list .input-checkbox-enquete-02:checked + .checkmark {
  background: url(/asserts/img/sp/enquete/ico_cmn_check_on_active.png) no-repeat;
  -webkit-background-size: 14px 14px;
  background-size: 14px;
}

.box-input-checkbox-list .un-checkmark {
  display: inline-block;
  background: url(/asserts/img/sp/enquete/ico_cmn_check_off.png) no-repeat;
  -webkit-background-size: 14px 14px;
  background-size: 14px;
  vertical-align: top;
  color: #1f2127;
  word-break: break-all;
  width: 14px;
  height: 14px;
}

.box-input-checkbox-list .input-checkbox-enquete-02:checked + .un-checkmark {
  background: url(/asserts/img/sp/enquete/ico_cmn_check_on.png) no-repeat;
  -webkit-background-size: 14px 14px;
  background-size: 14px;
}

/* ==========================================================
 history page
========================================================== */

.table-complete-history {
    width: 100%;
   
}

    .table-complete-history th,
    .table-complete-history td {
        padding: 20px 0;
        font-size: 100%;
        line-height: 1.7;
        vertical-align: top;
        word-break: break-word;
        display: table-cell;
        width: 25%;
        height: auto;
    }

    .table-complete-history th {
        padding-left: 10px;
        padding-right: 25px;
        font-weight: bold;
        height: auto;
    }

    .table-complete-history.table-header th,
    .table-complete-history.table-header td {
        padding: 1rem;
        border-bottom: solid 1px #ddd;
    }

    .table-complete-history.table-header th {
        position: sticky;
        top: 0;
        background-color: white;
        display: table-cell;
    }

    .table-complete-history td.is-history-browser {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* box-form-row-01
---------------------------------------------------------- */
.box-form-row-01 {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dotted #c7c7c7;
}
.box-form-row-01:first-child {
  border-top: 0;
  padding-top: 0;
}
.step-02 .box-form-row-01 {
  margin-top: 16px;
}
.box-form-row-01 .box-inner-01 {
  display: block;
}
.box-form-row-01 .box-inner-01 .box-enquete-input-01.text-email-margin-01, .box-form-row-01 .box-inner-01 .box-enquete-input-01.text-phone {
  margin-left: 27px;
}

.input-txt-enquete-03 + .box-inner-01,
.box-enquete-input-01 + .box-enquete-input-01,
.box-form-input-01 .box-inner-01,
.box-enquete-btn,
.step-02 .box-enquete-btn,
.box-form-accept-01,
.contents-main.step-01 .box-form-enquete-01 .box-link-right {
  margin-top: 16px;
}

.box-form-title-01 h3 {
  font-weight: bold;
}

.is-checkbox-02 .box-input-checkbox-02 {
  width: 33.33333%;
}

.box-center,
.step-02 .box-form-input-01.box-phone .box-inner-01 > input + .box-input-radio {
  text-align: center;
}

.box-center table {
  margin-right: auto;
  margin-left: auto;
}
.box-center + .box-enquete-btn {
  margin-top: 20px;
}

.step-02 .box-enquete-btn {
  text-align: center;
}
.step-02 .box-phone .box-enquete-input-01 {
  left: inherit;
}
.step-02 .box-phone .box-enquete-input-01 .input-txt-enquete-02.input-phone {
  width: 100% !important;
}

.step-02 .box-phone .extra-text-03.link {
  margin-top: 10px;
}

.table-complete-history td {
  height: auto;
}

.is-trusted-device:first-child {
  border-top: 1px solid #c7c7c7;
  padding-top: 20px;
}
.is-trusted-device + .is-trusted-device {
  padding-bottom: 20px;
}
tr:first-child .is-trusted-device:first-child {
  border-top: 0;
}

.box-form-input-01 .extra-text-01 {
  width: 100%;
}
.box-form-input-01.col-03 .box-inner-01 .box-input-radio {
  padding-left: 3px;
}

.step-02 .box-zip .extra-text-03.link {
  margin-top: 0;
}

.box-input-radio .checkmark {
  margin-top: 4px;
}

/* link
---------------------------------------------------------- */
.link {
  color: #005baa;
}
.contents-main.step-01 .box-form-enquete-01 .box-link-right .link:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 9px;
  background-image: url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.contents-main.step-01 .box-form-enquete-01 .box-link-right {
  display: table;
}

.box-form-input-01 .link:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 9px;
  background-image: url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.open-modal {
  color: #005baa;
  text-decoration: underline;
}
.open-modal::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 9px;
  background-image: url(/asserts/common/sp/img/ico_arrow_right_06_cobalt_enquete.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.box-form-input-01 .box-inner-01 > .link {
  padding-bottom: 5px;
}
.box-form-input-01 .box-inner-01 + .box-input-checkbox,
.box-form-input-01 .box-input-checkbox + .box-input-checkbox {
  padding-top: 5px;
  padding-bottom: 5px;
  display: table;
  width: 100%;
}

/* footer
---------------------------------------------------------- */
.footer {
  margin-top: 30px;
  border-top: 2px solid #d5d5d5;
}
.footer-copyright {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* .table-complete.signup-complete
---------------------------------------------------------- */
.table-complete.signup-complete {
    margin: 16px auto 32px;
}

.table-complete.signup-complete th {
    text-align: center;
}