@charset "UTF-8";


:root {
    --vw-large: 1360;
    /* PC */
    --vw-small: 390;
    /* SP */
}

/* main {
    background-image: url(../img/common/main-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
} */

.mv {
    width: calc((100vw / var(--vw-large))*1260);
    padding: calc((100vw / var(--vw-large))*100) 0 calc((100vw / var(--vw-large))*100);
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .mv {
        width: 100%;
        padding: calc((100vw / var(--vw-small))*80) 0 calc((100vw / var(--vw-small))*40);
        margin: 0 auto;
    }
}


/* concept */

.concept {
    margin: 0 auto calc((100vw / var(--vw-large))*100);

    .flex {
        width: calc((100vw / var(--vw-large))*1200);
        margin: 0 auto;

        .img {
            width: calc((100vw / var(--vw-large))*608);
        }

        .description {
            text-align: left;
            width: calc((100vw / var(--vw-large))*552);

            h2 {
                letter-spacing: 0;
                margin: 0 auto calc((100vw / var(--vw-large))*24);
            }

            p {
                font-size: calc((100vw / var(--vw-large))*18);
                letter-spacing: calc((100vw / var(--vw-large))*0.8);
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .concept {
        margin: 0 auto calc((100vw / var(--vw-small))*40);

        .flex {
            flex-direction: column-reverse;
            width: calc((100vw / var(--vw-small))*360);

            .img {
                width: calc((100vw / var(--vw-small))*360);
                position: relative;
                right: calc((100vw / var(--vw-small))*-15);
            }

            .description {
                width: calc((100vw / var(--vw-small))*342);
                margin: 0 auto calc((100vw / var(--vw-small))*40);

                h2 {
                    letter-spacing: 0;
                    margin: 0 auto calc((100vw / var(--vw-small))*24);
                }

                p {
                    font-size: calc((100vw / var(--vw-small))*14);
                    letter-spacing: calc((100vw / var(--vw-small))*0.6);
                }
            }
        }
    }
}

/* worries */

.worries {
    padding: calc((100vw / var(--vw-large))*50) 0 0;

    .title-wrap {
        margin: 0 auto calc((100vw / var(--vw-large))*24);

        .img {
            display: inline-block;
            width: calc((100vw / var(--vw-large))*220);
            margin: 0 auto calc((100vw / var(--vw-large))*8);
        }

        h2 {
            font-size: calc((100vw / var(--vw-large))*40);
        }
    }

    ul {
        width: calc((100vw / var(--vw-large))*492);
        margin: 0 auto;

        li {
            gap: calc((100vw / var(--vw-large))*8);
            justify-content: center;
            margin: 0 auto calc((100vw / var(--vw-large))*24);

            &:last-child {
                margin: 0;
            }

            img {
                width: calc((100vw / var(--vw-large))*24);
            }

            p {
                font-size: calc((100vw / var(--vw-large))*22);
                letter-spacing: calc((100vw / var(--vw-large))*-2);
            }
        }
    }
}


@media screen and (max-width: 768px) {
    .worries {
        padding: calc((100vw / var(--vw-small))*50) 0 0;

        .title-wrap {
            margin: 0 auto calc((100vw / var(--vw-small))*16);

            .img {
                display: inline-block;
                width: calc((100vw / var(--vw-small))*184);
                margin: 0 auto calc((100vw / var(--vw-small))*8);
            }

            h2 {
                font-size: calc((100vw / var(--vw-small))*32);
            }
        }

        ul {
            width: calc((100vw / var(--vw-small))*322);
            margin: 0 auto;

            li {
                gap: calc((100vw / var(--vw-small))*8);
                margin: 0 auto calc((100vw / var(--vw-small))*16);

                &:last-child {
                    margin: 0;
                }

                img {
                    width: calc((100vw / var(--vw-small))*24);
                }

                p {
                    font-size: calc((100vw / var(--vw-small))*18);
                    letter-spacing: calc((100vw / var(--vw-small))*-2);
                    text-align: left;
                    line-height: 133%;
                }
            }
        }
    }

}

/* reason */

.reason {
    margin: calc((100vw / var(--vw-large))*-43) auto 0;

    .reason-top {
        margin: calc((100vw / var(--vw-large))*-56) auto 0;
        padding: 0 0 calc((100vw / var(--vw-large))*100);

        ul {
            width: calc((100vw / var(--vw-large))*960);
            margin: 0 auto;

            li {
                width: calc((100vw / var(--vw-large))*300);
            }
        }
    }

    .reason-bottom {
        ul {
            margin: calc((100vw / var(--vw-large))*80) auto 0;
            padding: 0 0 calc((100vw / var(--vw-large))*100);

            li {
                width: calc((100vw / var(--vw-large))*1280);
                height: calc((100vw / var(--vw-large))*624);
                margin: 0 0 0 auto;

                &:nth-of-type(2n) {
                    margin: 0 auto 0 0;

                    .description {
                        margin: 0 auto 0 calc((100vw / var(--vw-large))*40);

                    }
                }

                .img {
                    width: calc((100vw / var(--vw-large))*680);
                }

                .description {
                    text-align: left;
                    width: calc((100vw / var(--vw-large))*540);
                    margin: 0 calc((100vw / var(--vw-large))*40) 0 auto;

                    h2 {
                        letter-spacing: 0;
                        position: relative;
                        margin: 0 auto calc((100vw / var(--vw-large))*24);
                    }

                    p {
                        font-size: calc((100vw / var(--vw-large))*18);
                        letter-spacing: calc((100vw / var(--vw-large))*0.8);
                        position: relative;
                        z-index: 2;

                    }

                    .number {
                        font-size: calc((100vw / var(--vw-large))*76);
                        opacity: 0.2;
                        position: relative;
                        left: calc((100vw / var(--vw-large))*-20);
                        bottom: calc((100vw / var(--vw-large))*-20);
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .reason {
        margin: 0 auto;

        .reason-top {
            margin: 0 auto;
            padding: 0 0 calc((100vw / var(--vw-small))*40);

            ul {
                width: initial;
                margin: 0 auto;

                li {
                    width: initial;
                }
            }
        }

        .reason-bottom {
            ul {
                margin: 0 auto 0;
                padding: calc((100vw / var(--vw-small))*80) 0 calc((100vw / var(--vw-small))*60);

                li {
                    width: calc((100vw / var(--vw-small))*360);
                    height: initial;
                    padding: calc((100vw / var(--vw-small))*40) 0 calc((100vw / var(--vw-small))*40);
                    margin: 0 0 0 auto;
                    flex-direction: column;
                    align-items: flex-start;

                    &:first-child {
                        padding-top: 0;
                    }

                    &:last-child {
                        padding-bottom: 0;
                    }

                    &:nth-of-type(2n) {
                        flex-direction: column-reverse;
                        margin: 0 0 0 auto;

                        .description {
                            margin: 0 auto calc((100vw / var(--vw-small))*40) 0;
                        }

                        .img {
                            position: relative;
                            left: calc((100vw / var(--vw-small))*-30);
                        }
                    }

                    .img {
                        width: calc((100vw / var(--vw-small))*360);
                    }

                    .description {
                        width: calc((100vw / var(--vw-small))*342);
                        margin: 0 auto calc((100vw / var(--vw-small))*40) 0;

                        h2 {
                            margin: 0 auto calc((100vw / var(--vw-small))*24);
                        }

                        p {
                            font-size: calc((100vw / var(--vw-small))*14);
                            letter-spacing: calc((100vw / var(--vw-small))*0.6);
                        }

                        .number {
                            font-size: calc((100vw / var(--vw-small))*76);
                            left: calc((100vw / var(--vw-small))*-6);
                            bottom: calc((100vw / var(--vw-small))*-20);
                        }
                    }
                }
            }
        }
    }

}

/* flow */

.flow {
    padding: calc((100vw / var(--vw-large))*100) 0;
    background-color: #F6FDFF;

    .title-wrap {
        margin: 0 auto calc((100vw / var(--vw-large))*40);

        h2 {
            font-size: calc((100vw / var(--vw-large))*56);
            margin: 0 auto calc((100vw / var(--vw-large))*16);
            display: inline-block;
            line-height: 85.714%;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                left: 50%;
                bottom: -16px;
                /*線の上下位置*/
                display: inline-block;
                width: calc((100vw / var(--vw-large))*40);
                /*線の長さ*/
                height: calc((100vw / var(--vw-large))*4);
                /*線の太さ*/
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                /*位置調整*/
                background-color: #00A0E9;
                /*線の色*/
            }
        }

        span {
            margin: calc((100vw / var(--vw-large))*16) auto 0;
            display: block;
        }
    }

    img {
        width: calc((100vw / var(--vw-large))*988);
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) {
    .flow {
        padding: calc((100vw / var(--vw-small))*60) 0 calc((100vw / var(--vw-small))*100);

        .title-wrap {
            margin: 0 auto calc((100vw / var(--vw-small))*24);

            h2 {
                font-size: calc((100vw / var(--vw-small))*40);
                margin: 0 auto calc((100vw / var(--vw-small))*16);

                &::after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: calc((100vw / var(--vw-small))*-16);
                    /*線の上下位置*/
                    display: inline-block;
                    width: calc((100vw / var(--vw-small))*40);
                    /*線の長さ*/
                    height: calc((100vw / var(--vw-small))*4);
                    /*線の太さ*/
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    /*位置調整*/
                    background-color: #00A0E9;
                    /*線の色*/
                }
            }

            span {
                margin: calc((100vw / var(--vw-small))*16) auto 0;
                display: block;
            }
        }

        img {
            width: 100%;
            margin: 0 auto;
        }

    }

}

/* form */

.request-form {
    background-color: #fff;
    padding: calc((100vw / var(--vw-large))*100) 0 calc((100vw / var(--vw-large))*150);

    .title-wrap {
        margin: 0 auto calc((100vw / var(--vw-large))*40);

        h2 {
            font-size: calc((100vw / var(--vw-large))*56);
            margin: 0 auto calc((100vw / var(--vw-large))*16);
            display: inline-block;
            line-height: 85.714%;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                left: 50%;
                bottom: calc((100vw / var(--vw-large))*-16);
                /*線の上下位置*/
                display: inline-block;
                width: calc((100vw / var(--vw-large))*40);
                /*線の長さ*/
                height: calc((100vw / var(--vw-large))*4);
                /*線の太さ*/
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                /*位置調整*/
                background-color: #00A0E9;
                /*線の色*/
            }
        }

        span {
            margin: calc((100vw / var(--vw-large))*16) auto 0;
            display: block;
        }
    }

    /*form*/

    form {
        text-align: left;
        width: calc((100vw / var(--vw-large))*768);
        margin: 0 auto;
        /* padding-bottom: calc((100vw / var(--vw-large))*150); */
    }

    .cat {
        padding: 0 calc((100vw / var(--vw-large))*20);
    }

    .big-title_wrap {
        justify-content: flex-start;
        padding-bottom: calc((100vw / var(--vw-large))*20);
        border-bottom: #333333 solid 1px;
        margin-bottom: calc((100vw / var(--vw-large))*14);
    }

    .big-title {
        font-size: calc((100vw / var(--vw-large))*18);
        font-weight: 700;
    }

    .line_wrap {
        color: #333;
        margin: 0 auto calc((100vw / var(--vw-large))*32) 0;
        padding: 0 calc((100vw / var(--vw-large))*20);
    }

    .textarea_wrap {
        color: #333;
        margin: 0 auto calc((100vw / var(--vw-large))*32) 0;
        padding: 0 calc((100vw / var(--vw-large))*40);
    }

    .block {
        display: block !important;
    }

    .form_th,
    .any {
        align-items: center;
        display: flex;
        margin: 0 auto calc((100vw / var(--vw-large))*17) 0;
        font-size: calc((100vw / var(--vw-large))*16);
    }

    .add_txx {
        font-size: calc((100vw / var(--vw-large))*16);
    }

    .form_td {
        display: flex;
        align-items: center;
    }

    .name-wrap {
        justify-content: space-between;

        input[type="text" i] {
            width: 95% !important;
        }
    }

    .form_td.form_add {
        display: block;
    }

    #address01 {
        width: calc((100vw / var(--vw-large))*250);
        margin: 0 auto calc((100vw / var(--vw-large))*8);
    }

    .block_p {
        width: 75%;
        padding-left: 0;
    }

    span.wpcf7-list-item-label,
    .block_p {
        font-size: calc((100vw / var(--vw-large))*16);
        color: #333333;
    }

    .line_wrap .block_p {
        display: block;
        width: 100%;
    }

    form span.havto {
        font-size: calc((100vw / var(--vw-large))*18);
        color: #BE0123;
    }

    input {
        background: #F5F5F5;
        border: 1px solid #E0E0E0;
        height: calc((100vw / var(--vw-large))*38);
    }

    #manufacturer,
    #car-name {
        margin: 0 auto calc((100vw / var(--vw-large))*8);
    }

    /* file_button */

    .wpcf7 input[type="file"] {
        background: initial;
        transform: translate(0, 20%);
    }

    input[type="file"] {
        display: none;
    }

    .file_wrap {
        padding: calc((100vw / var(--vw-large))*8) calc((100vw / var(--vw-large))*15);
        border: #574E3B 1px solid;
        background-color: #DEDEDE;
        cursor: pointer;
        font-size: calc((100vw / var(--vw-large))*16);
    }

    .file-title {
        width: calc((100vw / var(--vw-large))*128);
        font-size: calc((100vw / var(--vw-large))*16);
    }

    .file_tex {
        margin: 0 calc((100vw / var(--vw-large))*8);
        font-size: calc((100vw / var(--vw-large))*16);
    }

    textarea#inquiry {
        width: 100%;
        background: #F5F5F5;
        border: 1px solid #E0E0E0;
        padding: calc((100vw / var(--vw-large))*10);
    }

    #history-note {
        width: 100%;
    }

    input[type="text" i],
    input[type="email"] {
        padding-left: calc((100vw / var(--vw-large))*10);
        font-size: calc((100vw / var(--vw-large))*16);
        width: 100%;
        color: #333;
    }

    select {
        padding-left: calc((100vw / var(--vw-large)) * 10);
        font-size: calc((100vw / var(--vw-large)) * 16);
        width: 100%;
        color: #333;
        background: #F5F5F5;
        border: 1px solid #E0E0E0;
        height: calc((100vw / var(--vw-large)) * 38);
    }

    input::-webkit-input-placeholder,
    ::-webkit-input-placeholder {
        color: #BDBDBD;
        font-weight: 400;
    }

    #inquiry::placeholder {
        color: #BDBDBD;
        font-weight: 400;
    }

    h4.contact_h4 {
        font-size: calc((100vw / var(--vw-large))*18);
        line-height: 1.5;
        margin: calc((100vw / var(--vw-large))*32) auto calc((100vw / var(--vw-large))*24);
        text-align: center;
    }

    p.p_p {
        width: calc((100vw / var(--vw-large))*500);
        margin: 0 auto calc((100vw / var(--vw-large))*24);
        line-height: 1.5;
    }

    .pp_box {
        margin: auto;
        padding: calc((100vw / var(--vw-large))*40) calc((100vw / var(--vw-large))*30);
        width: calc((100vw / var(--vw-large))*500);
        background: #F5F5F5;
        border: 1px solid #E0E0E0;
        height: calc((100vw / var(--vw-large))*200);
        overflow: scroll;
        overflow-x: hidden;
    }

    .pp_box::-webkit-scrollbar {
        width: calc((100vw / var(--vw-large))*6);
    }

    .pp_box::-webkit-scrollbar-track {
        background-color: #fafafa;
    }

    .pp_box::-webkit-scrollbar-thumb {
        background-color: #212121;
        border-radius: calc((100vw / var(--vw-large))*10);
        -webkit-border-radius: calc((100vw / var(--vw-large))*10);
        -moz-border-radius: calc((100vw / var(--vw-large))*10);
        -ms-border-radius: calc((100vw / var(--vw-large))*10);
        -o-border-radius: calc((100vw / var(--vw-large))*10);
    }

    .pp_box p {
        line-height: 1.5;
        word-break: break-all;
    }

    .acceptance {
        margin: calc((100vw / var(--vw-large))*20) auto calc((100vw / var(--vw-large))*60);
        text-align: center;
        border-bottom: none;

        .wpcf7-list-item {
            display: inline-block !important;
        }
    }

    .btn_wrap {
        text-align: center;
        border-bottom: none;
    }

    /* 送信ボタン */

    .send_btn {
        width: calc((100vw / var(--vw-large))*316);
        margin: 0 auto;

        input {
            width: 100%;
            height: auto;
            border: none;
        }
    }

    .send_btn_input {
        background-color: initial;
    }

    .send_btn_input:hover {
        opacity: 0.5;
    }

    .wpcf7-response-output {
        color: red;
        margin-top: calc((100vw / var(--vw-large))*20);
    }

    .screen-reader-response {
        color: red;
        margin-bottom: calc((100vw / var(--vw-large))*20);
    }

    .screen-reader-response ul {
        display: none;
    }

    span.wpcf7-not-valid-tip {
        color: red;
        font-size: calc((100vw / var(--vw-large))*14);
    }

    /* details_radio */

    /* デフォルトのボタン */
    input[type="radio"] {
        opacity: 0;
        /* デフォルトのボタンを非表示 */
        position: absolute;
    }

    .wpcf7-list-item {
        /* display: block !important; */
        margin: 0 auto calc((100vw / var(--vw-large))*16) 0 !important;
    }

    .period .wpcf7-list-item-label:before,
    .engine .wpcf7-list-item-label:before,
    .transmission .wpcf7-list-item-label:before,
    .history .wpcf7-list-item-label:before,
    .seat .wpcf7-list-item-label:before,
    .drive .wpcf7-list-item-label:before,
    .sun .wpcf7-list-item-label:before,
    .wheel .wpcf7-list-item-label:before,
    .size .wpcf7-list-item-label:before,
    .drive-nav .wpcf7-list-item-label:before,
    .drive-nav-size .wpcf7-list-item-label:before,
    .camera .wpcf7-list-item-label:before {
        content: '';
        background: #fff;
        border-radius: 100%;
        border: 1px solid #333333;
        display: inline-block;
        width: calc((100vw / var(--vw-large))*24);
        height: calc((100vw / var(--vw-large))*24);
        position: relative;
        top: -0.2em;
        margin-right: calc((100vw / var(--vw-large))*10);
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
    }

    /* チェック後のボタン */
    input[type="radio"]:checked+.wpcf7-list-item-label::before {
        background-color: #212121;
        /* チェック後の中心の色 */
        box-shadow: inset 0 0 0 5px #fff;
        /* 中心の色のスタイル */
    }

    span.wpcf7-list-item-label,
    .block_p {
        margin-right: calc((100vw / var(--vw-large))*37);
    }

    /* sex_radio */

    .sex .wpcf7-list-item-label:before {
        content: '';
        background: #fff;
        border-radius: 100%;
        border: 1px solid #333333;
        display: inline-block;
        width: calc((100vw / var(--vw-large))*244);
        height: calc((100vw / var(--vw-large))*244);
        position: relative;
        top: -0.2em;
        margin-right: calc((100vw / var(--vw-large))*10);
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
    }

    /* Checkboxes styles */

    input[type="checkbox"] {
        display: none;
    }

    input[type="checkbox"]+.wpcf7-list-item-label {
        display: block;
        position: relative;
        padding-left: calc((100vw / var(--vw-large))*35);
        margin-bottom: calc((100vw / var(--vw-large))*20);
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        font-size: calc((100vw / var(--vw-large))*18);
    }

    input[type="checkbox"]+.wpcf7-list-item-label:last-child {
        margin-bottom: 0;
    }

    input[type="checkbox"]+.wpcf7-list-item-label:before {
        content: '';
        display: block;
        color: #212121;
        width: calc((100vw / var(--vw-large))*20);
        height: calc((100vw / var(--vw-large))*20);
        border: 1px solid #212121;
        position: absolute;
        left: 0;
        top: 50%;
        opacity: .6;
        -webkit-transition: all .12s, border-color .08s;
        transition: all .12s, border-color .08s;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    input[type="checkbox"]:checked+.wpcf7-list-item-label:before {
        width: calc((100vw / var(--vw-large))*10);
        top: calc((100vw / var(--vw-large))*-7);
        left: calc((100vw / var(--vw-large))*5);
        border: solid calc((100vw / var(--vw-large))*2);
        border-radius: 0;
        opacity: 1;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

}


@media screen and (max-width: 768px) {
    .request-form {
        background-color: #fff;
        padding: calc((100vw / var(--vw-small))*60) 0 calc((100vw / var(--vw-small))*80);

        .title-wrap {
            margin: 0 auto calc((100vw / var(--vw-small))*40);

            h2 {
                font-size: calc((100vw / var(--vw-small))*40);
                margin: 0 auto calc((100vw / var(--vw-small))*16);

                &::after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    bottom: calc((100vw / var(--vw-small))*-16);
                    /*線の上下位置*/
                    display: inline-block;
                    width: calc((100vw / var(--vw-small))*40);
                    /*線の長さ*/
                    height: calc((100vw / var(--vw-small))*4);
                }
            }

            span {
                margin: calc((100vw / var(--vw-small))*16) auto 0;
            }
        }

        /* form */

        form {
            width: calc((100vw / var(--vw-small))*342);
        }

        .cat {
            padding: 0
        }

        .big-title_wrap {
            padding-bottom: calc((100vw / var(--vw-small))*20);
            margin-bottom: calc((100vw / var(--vw-small))*14);
        }

        .big-title {
            font-size: calc((100vw / var(--vw-small))*18);
        }

        .line_wrap {
            margin: 0 auto calc((100vw / var(--vw-small))*32) 0;
            padding: 0 calc((100vw / var(--vw-small))*20);
        }

        .textarea_wrap {
            margin: 0 auto calc((100vw / var(--vw-small))*32) 0;
            padding: 0 calc((100vw / var(--vw-small))*20);
        }

        .form_th,
        .any {
            margin: 0 auto calc((100vw / var(--vw-small))*17) 0;
            font-size: calc((100vw / var(--vw-small))*16);
        }

        .add_txx {
            font-size: calc((100vw / var(--vw-small))*16);
        }

        .name-wrap {
            justify-content: space-between;

            input[type="text" i] {
                width: calc((100vw / var(--vw-small))*131) !important;
            }
        }

        #address01 {
            width: calc((100vw / var(--vw-small))*243);
            margin: 0 auto calc((100vw / var(--vw-small))*8);
        }

        .block_p {
            width: 75%;
            padding-left: 0;
        }

        span.wpcf7-list-item-label,
        .block_p {
            font-size: calc((100vw / var(--vw-small))*16);
            color: #333333;
        }

        .line_wrap .block_p {
            display: block;
            width: 100%;
        }

        form span.havto {
            font-size: calc((100vw / var(--vw-small))*18);
            color: #BE0123;
        }

        input {
            background: #F5F5F5;
            border: 1px solid #E0E0E0;
            height: calc((100vw / var(--vw-small))*42);
        }

        #manufacturer,
        #car-name {
            margin: 0 auto calc((100vw / var(--vw-small))*8);
        }

        /* file_button */

        .wpcf7 input[type="file"] {
            background: initial;
            transform: translate(0, 20%);
        }

        input[type="file"] {
            display: none;
        }

        .file_wrap {
            padding: calc((100vw / var(--vw-small))*16) calc((100vw / var(--vw-small))*14);
            border: #574E3B 1px solid;
            background-color: #DEDEDE;
            cursor: pointer;
            letter-spacing: calc((100vw / var(--vw-small))*0.6);
            line-height: 0;
            font-size: calc((100vw / var(--vw-small))*16);
            /* margin: 0 auto 0 0; */
        }

        .file-title {
            width: 100%;
            font-size: calc((100vw / var(--vw-small))*16);
            /* margin: 0 auto 0 0; */
        }

        .file_tex {
            margin: 0 0 0 calc((100vw / var(--vw-small))*8);
            font-size: calc((100vw / var(--vw-small))*14);
            /* margin: 0 auto 0 0; */
        }

        .file_flex {
            flex-wrap: wrap;
        }

        textarea#inquiry {
            padding: calc((100vw / var(--vw-small))*10);
            width: calc((100vw / var(--vw-small))*280);

        }

        #history-note {
            width: 100%;
        }

        input[type="text" i],
        input[type="email"] {
            padding-left: calc((100vw / var(--vw-small))*10);
            font-size: calc((100vw / var(--vw-small))*16);
            width: calc((100vw / var(--vw-small))*290);

        }

        select {
            padding-left: calc((100vw / var(--vw-small)) * 10);
            font-size: calc((100vw / var(--vw-small)) * 16);
            height: calc((100vw / var(--vw-small)) * 38);
        }

        h4.contact_h4 {
            font-size: calc((100vw / var(--vw-small))*18);
            margin: calc((100vw / var(--vw-large))*32) auto calc((100vw / var(--vw-small))*24);
        }

        p.p_p {
            width: calc((100vw / var(--vw-small))*302);
            margin: 0 auto calc((100vw / var(--vw-small))*24);
        }

        .pp_box {
            margin: auto;
            padding: calc((100vw / var(--vw-small))*10);
            width: calc((100vw / var(--vw-small))*290);
            height: calc((100vw / var(--vw-small))*200);
        }

        .pp_box::-webkit-scrollbar {
            width: calc((100vw / var(--vw-small))*6);
        }

        .pp_box::-webkit-scrollbar-thumb {
            background-color: #212121;
            border-radius: calc((100vw / var(--vw-small))*10);
            -webkit-border-radius: calc((100vw / var(--vw-small))*10);
            -moz-border-radius: calc((100vw / var(--vw-small))*10);
            -ms-border-radius: calc((100vw / var(--vw-small))*10);
            -o-border-radius: calc((100vw / var(--vw-small))*10);
        }

        .pp_box p {
            font-size: calc((100vw / var(--vw-small))*14);
        }

        .acceptance {
            margin: calc((100vw / var(--vw-small))*24) auto;
            text-align: left;
            border-bottom: none;

            .wpcf7-list-item {
                display: inline-block !important;
            }
        }

        .btn_wrap {
            text-align: center;
            border-bottom: none;
        }

        /* 送信ボタン */

        .send_btn {
            width: calc((100vw / var(--vw-small))*292);
            margin: 0 auto;

            input {
                width: 100%;
                height: auto;
            }
        }

        .send_btn_input {
            background-color: initial;
        }

        .send_btn_input:hover {
            opacity: 0.5;
        }

        .wpcf7-response-output {
            color: red;
            margin-top: calc((100vw / var(--vw-small))*20);
        }

        .screen-reader-response {
            color: red;
            margin-bottom: calc((100vw / var(--vw-small))*20);
        }

        .screen-reader-response ul {
            display: none;
        }

        span.wpcf7-not-valid-tip {
            color: red;
            font-size: calc((100vw / var(--vw-small))*14);
        }

        /* details_radio */

        /* デフォルトのボタン */
        input[type="radio"] {
            opacity: 0;
            /* デフォルトのボタンを非表示 */
            position: absolute;
        }

        .wpcf7-list-item {
            /* display: block !important; */
            margin: 0 auto calc((100vw / var(--vw-small))*16) 0 !important;
        }

        .period .wpcf7-list-item-label:before,
        .engine .wpcf7-list-item-label:before,
        .transmission .wpcf7-list-item-label:before,
        .history .wpcf7-list-item-label:before,
        .seat .wpcf7-list-item-label:before,
        .drive .wpcf7-list-item-label:before,
        .sun .wpcf7-list-item-label:before,
        .wheel .wpcf7-list-item-label:before,
        .size .wpcf7-list-item-label:before,
        .drive-nav .wpcf7-list-item-label:before,
        .drive-nav-size .wpcf7-list-item-label:before,
        .camera .wpcf7-list-item-label:before {
            content: '';
            background: #fff;
            border-radius: 100%;
            border: 1px solid #333333;
            display: inline-block;
            width: calc((100vw / var(--vw-small))*24);
            height: calc((100vw / var(--vw-small))*24);
            position: relative;
            top: -0.2em;
            margin-right: calc((100vw / var(--vw-small))*10);
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        /* チェック後のボタン */
        input[type="radio"]:checked+.wpcf7-list-item-label::before {
            background-color: #212121;
            /* チェック後の中心の色 */
            box-shadow: inset 0 0 0 5px #fff;
            /* 中心の色のスタイル */
        }

        span.wpcf7-list-item-label,
        .block_p {
            margin-right: calc((100vw / var(--vw-small))*13);
        }

        /* sex_radio */

        .sex .wpcf7-list-item-label:before {
            content: '';
            background: #fff;
            border-radius: 100%;
            border: 1px solid #333333;
            display: inline-block;
            width: calc((100vw / var(--vw-small))*24);
            height: calc((100vw / var(--vw-small))*24);
            position: relative;
            top: -0.2em;
            margin-right: calc((100vw / var(--vw-small))*10);
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            transition: all 250ms ease;
        }

        /* Checkboxes styles */

        input[type="checkbox"] {
            display: none;
        }

        input[type="checkbox"]+.wpcf7-list-item-label {
            display: block;
            position: relative;
            padding-left: calc((100vw / var(--vw-small))*30);
            margin-bottom: calc((100vw / var(--vw-small))*20);
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            font-size: calc((100vw / var(--vw-small))*16);
        }

        input[type="checkbox"]+.wpcf7-list-item-label:last-child {
            /* margin-bottom: 0;
            text-align: left;
            font-size: calc((100vw / var(--vw-small))*14);
            padding-left: calc((100vw / var(--vw-small))*30);
            width: calc((100vw / var(--vw-small))*322);
            margin: 0 auto 0 calc((100vw / var(--vw-small))*-20); */
        }

        input[type="checkbox"]+.wpcf7-list-item-label:before {
            content: '';
            display: block;
            color: #212121;
            width: calc((100vw / var(--vw-small))*20);
            height: calc((100vw / var(--vw-small))*20);
            border: 1px solid #212121;
            position: absolute;
            left: 0;
            top: 50%;
            opacity: .6;
            -webkit-transition: all .12s, border-color .08s;
            transition: all .12s, border-color .08s;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        input[type="checkbox"]:checked+.wpcf7-list-item-label:before {
            width: calc((100vw / var(--vw-small))*10);
            top: calc((100vw / var(--vw-small))*-7);
            left: calc((100vw / var(--vw-small))*5);
            border: solid calc((100vw / var(--vw-small))*2);
            border-radius: 0;
            opacity: 1;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    }

}