:root {
            --default-text-font-size: 15px;
            --base-text-font-size: 16px;
            --heading-font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            --heading-font-weight: 400;
            --heading-font-style: normal;
            --text-font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            --text-font-weight: 400;
            --text-font-style: normal;
            --text-font-bolder-weight: bolder;
            --text-link-decoration: underline;
            --text-color: #1a1311;
            --text-color-rgb: 26, 19, 17;
            --heading-color: #1a1311;
            --border-color: #ebebeb;
            --border-color-rgb: 235, 235, 235;
            --form-border-color: #dedede;
            --accent-color: #d03521;
            --accent-color-rgb: 208, 53, 33;
            --link-color: #d03521;
            --link-color-hover: #8e2417;
            --background: #ffffff;
            --secondary-background: #ffffff;
            --secondary-background-rgb: 255, 255, 255;
            --accent-background: rgba(208, 53, 33, 0.08);
            --input-background: #ffffff;
            --error-color: #ff0000;
            --error-background: rgba(255, 0, 0, 0.07);
            --success-color: #00aa00;
            --success-background: rgba(0, 170, 0, 0.11);
            --primary-button-background: #d03521;
            --primary-button-background-rgb: 208, 53, 33;
            --primary-button-text-color: #ffffff;
            --secondary-button-background: #1a1311;
            --secondary-button-background-rgb: 26, 19, 17;
            --secondary-button-text-color: #ffffff;
            --header-background: #ffffff;
            --header-text-color: #1a1311;
            --header-light-text-color: #1a1311;
            --header-border-color: rgba(26, 19, 17, 0.3);
            --header-accent-color: #d03521;
            --footer-background-color: #2b2b2b;
            --footer-heading-text-color: #ffffff;
            --footer-body-text-color: #ffffff;
            --footer-body-text-color-rgb: 255, 255, 255;
            --footer-accent-color: #d03521;
            --footer-accent-color-rgb: 208, 53, 33;
            --footer-border: none;
            --flickity-arrow-color: #b8b8b8;
            --product-on-sale-accent: #d03521;
            --product-on-sale-accent-rgb: 208, 53, 33;
            --product-on-sale-color: #ffffff;
            --product-in-stock-color: #008a00;
            --product-low-stock-color: #d03521;
            --product-sold-out-color: #8a9297;
            --product-custom-label-1-background: #008a00;
            --product-custom-label-1-color: #ffffff;
            --product-custom-label-2-background: #00a500;
            --product-custom-label-2-color: #ffffff;
            --product-review-star-color: #d03521;
            /* --mobile-container-gutter: 20px; */
            --mobile-container-gutter: 18px;
            --desktop-container-gutter: 40px;
            --payment-terms-background-color: #ffffff;
        }

        .c-simulation-inputs {
            margin-bottom: 20px;
        }

        .c-simulation-inputs div {
            margin-bottom: 10px;
        }

        .c-simulation-inputs label {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
            color: var(--text-color);
        }

        .c-simulation-inputs input[type="text"],
        .c-simulation-inputs input[type="tel"] {
            width: 100%;
            padding: 8px;
            border: 1px solid var(--form-border-color);
            border-radius: 4px;
            font-size: 14px;
            color: var(--text-color);
            background-color: var(--input-background);
            box-sizing: border-box;
        }

        .c-simulation-inputs input[type="text"]:focus,
        .c-simulation-inputs input[type="tel"]:focus {
            border-color: var(--accent-color);
            outline: none;
        }

        /* ============ カーマット検索 ============ */

        .c-search-carmat {
            padding: 80px 130px;
            background: #FFF;
            position: relative;
            z-index: 1;
        }

        .c-search-carmat__item+.c-search-carmat__item {
            background-image: linear-gradient(to right, #898989 2px, transparent 2px);
            background-size: 8px 2px;
            background-repeat: repeat-x;
            background-position: left top;
            margin-top: 50px;
            padding-top: 50px;
        }

        @media screen and (max-width: 1400px) {
            .c-search-carmat {
                padding: 80px;
            }
        }

        @media screen and (max-width: 1000px) {
            .c-search-carmat {
                padding: 40px;
            }
        }

        @media screen and (max-width: 740px) {
            .c-search-carmat {
                padding: 28px 24px 36px 24px;
                border-radius: 10px;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
            }

            .c-search-carmat--small {
                padding: 25px 18px 22px 18px;
            }

            .c-search-carmat__item+.c-search-carmat__item {
                margin-top: 40px;
                padding-top: 40px;
            }
        }

        @media screen and (min-width: 641px) {
            .c-search-carmat--small {
                padding-top: 60px;
                padding-bottom: 60px;
            }
        }


        .c-search-carmat-gallery {
            max-width: 970px;
            margin: 0 auto 70px;
        }

        .c-search-carmat-gallery .c-search-carmat__form {
            background: #F7F7F7;
            padding: 22px 28px;
            border-radius: 60px;
        }

        @media screen and (max-width: 1300px) {
            .c-search-carmat-gallery {
                border-radius: 10px;
            }
        }

        @media screen and (max-width: 640px) {
            .c-search-carmat-gallery {
                margin-bottom: 24px;
                background: #F7F7F7;
                padding: 26px 40px;
                border-radius: 10px;
            }

            .c-search-carmat-gallery .c-search-carmat__form {
                border-radius: 0;
                padding: 0;
            }
        }

        @media screen and (max-width: 320px) {
            .c-search-carmat-gallery {
                padding: 24px;
            }
        }


        .c-search-carmat__title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 20px 0;
        }

        .c-search-carmat__title:not(.c-search-carmat__title--small):before {
            content: "";
            display: block;
            width: 13px;
            height: 1px;
            background: currentcolor;
        }

        .c-search-carmat__title--center {
            justify-content: center;
        }

        .c-search-carmat__title--small {
            font-size: 22px;
            margin-bottom: 25px;
        }

        @media screen and (max-width: 640px) {
            .c-search-carmat__title {
                font-size: 15px;
                justify-content: center;
                margin-bottom: 18px;
            }

            .c-search-carmat__title:not(.c-search-carmat__title--small):before {
                display: none;
            }

            .c-search-carmat__title--small {
                font-size: 15px;
                margin-bottom: 20px;
            }
        }

        /* 詳細を指定して探す */
        .c-search-carmat__form {
            /* display: flex; */
            flex-wrap: wrap;
            gap: 16px;
        }

        .c-search-carmat__form-selects {
            display: flex;
            align-items: center;
            gap: 12px;
            width: calc(100% - 266px);
        }

        .c-search-carmat__form-selects select {
            /* width: calc( 100% / 3 - ( 12px - 12px / 3 ) ); */
            width: 100%;
            height: 64px;
            font-size: 18px;
            padding-left: 78px;
            background-size: 45px;
            background-position: 12px;
            border-radius: 32px;
            cursor: pointer;
            border-color: #D8D8D8;
            background-color: #FFF;
            appearance: none;
        }

        .c-search-carmat__form-selects select:disabled {
            opacity: 1;
            cursor: unset;
        }

        .c-search-carmat__form-selects select[name="maker"] {
            background: #FFF url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cg%20transform%3D%22translate(-190%20-1144)%22%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%20transform%3D%22translate(190%201144)%22%20fill%3D%22%23d03521%22%2F%3E%3Cg%20transform%3D%22translate(202%201155.621)%22%3E%3Cg%20transform%3D%22translate(0.981%200.981)%22%3E%3Cpath%20d%3D%22M5.625%2C125.625h5.836v5.836%22%20transform%3D%22translate(-5.625%20-110.062)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M23.134%2C27.024V5.625H5.625V21.188l5.836%2C5.836Z%22%20transform%3D%22translate(-5.625%20-5.625)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cline%20x1%3D%223.891%22%20transform%3D%22translate(10.708%2018.489)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x1%3D%225.836%22%20transform%3D%22translate(4.872%208.762)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x1%3D%225.836%22%20transform%3D%22translate(4.872%2012.653)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x1%3D%225.836%22%20transform%3D%22translate(4.872%204.872)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x2%3D%220.019%22%20transform%3D%22translate(14.585%204.87)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x2%3D%220.019%22%20transform%3D%22translate(14.585%208.76)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x2%3D%220.019%22%20transform%3D%22translate(14.585%2012.651)%22%20fill%3D%22none%22%20stroke%3D%22%23f7f7f7%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
            background-size: 45px;
            background-position: 12px;
        }

        .c-search-carmat__form-selects select[name="model"] {
            background: #FFF url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cg%20transform%3D%22translate(-534%20-1157)%22%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%20transform%3D%22translate(534%201157)%22%20fill%3D%22%23d03521%22%2F%3E%3Cg%20transform%3D%22translate(542.864%201169.281)%22%3E%3Cg%20transform%3D%22translate(0.667%200.667)%22%3E%3Cpath%20d%3D%22M22.6%2C6.071a95.956%2C95.956%2C0%2C0%2C1-19.1%2C0%22%20transform%3D%22translate(-0.129%200.19)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M20.871%2C15.124V16.81a1.124%2C1.124%2C0%2C0%2C1-1.124%2C1.124H18.624A1.124%2C1.124%2C0%2C0%2C1%2C17.5%2C16.81V14%22%20transform%3D%22translate(1.605%201.172)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M3.5%2C15.124V16.81a1.124%2C1.124%2C0%2C0%2C0%2C1.124%2C1.124H5.748A1.124%2C1.124%2C0%2C0%2C0%2C6.871%2C16.81V14%22%20transform%3D%22translate(-0.129%201.172)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x2%3D%227.867%22%20transform%3D%22translate(8.991%2012.362)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M6%2C11.624H4.442A1.114%2C1.114%2C0%2C0%2C1%2C3.5%2C10.5%22%20transform%3D%22translate(-0.129%200.738)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M18.5%2C11.624h1.554A1.114%2C1.114%2C0%2C0%2C0%2C21%2C10.5%22%20transform%3D%22translate(1.481%200.738)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M3.31%2C6.748H1.624A1.114%2C1.114%2C0%2C0%2C1%2C.5%2C5.806C.5%2C5.163.5%2C4.5%2C1.624%2C4.5h2.81%22%20transform%3D%22translate(-0.5%20-0.005)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M21.124%2C6.748H22.9a1.114%2C1.114%2C0%2C0%2C0%2C1.124-.942c0-.643%2C0-1.306-1.124-1.306H20%22%20transform%3D%22translate(1.915%20-0.005)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M25.1%2C10.776a3.4%2C3.4%2C0%2C0%2C0-.768-2.139%2C13.563%2C13.563%2C0%2C0%2C1-3.021-6.243C21.013.653%2C18.676.5%2C16.859.5H9.741C7.924.5%2C5.587.653%2C5.288%2C2.395%2C5.079%2C4.513%2C3.48%2C7.142%2C2.256%2C8.651A3.374%2C3.374%2C0%2C0%2C0%2C1.5%2C10.776V15.03c0%2C.665%2C1.144%2C1.2%2C1.828%2C1.2H23.272c.684%2C0%2C1.828-.538%2C1.828-1.2Z%22%20transform%3D%22translate(-0.376%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
            background-size: 45px;
            background-position: 12px;
        }

        .c-search-carmat__form-selects select[name="grade"] {
            background: #FFF url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%3Cg%20transform%3D%22translate(-310%20-2210)%22%3E%3Ccircle%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%20transform%3D%22translate(310%202210)%22%20fill%3D%22%23d03521%22%2F%3E%3Cg%20transform%3D%22translate(322.435%202221.796)%22%3E%3Cg%20transform%3D%22translate(-1.5%200.5)%22%3E%3Cg%20transform%3D%22translate(0%2010.127)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%225.941%22%20height%3D%229.283%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%224.441%22%20height%3D%227.783%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(7.595%205.485)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%225.941%22%20height%3D%2213.924%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%224.441%22%20height%3D%2212.424%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(15.19)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Crect%20width%3D%225.941%22%20height%3D%2219.409%22%20stroke%3D%22none%22%2F%3E%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%224.441%22%20height%3D%2217.909%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
            background-size: 45px;
            background-position: 12px;
        }

        .c-search-carmat__form-selects select.is-focus {
            border: 2px solid #D03521;
            color: #D03521;
        }

        .c-search-carmat__form-selects select:disabled {
            color: #A0A0A0;
        }

        .c-search-carmat__form-selects span {
            content: "";
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
            width: 8px;
            height: 8px;
            min-width: 8px;
            border: 2px solid #A0A0A0;
            border-left: 0;
            border-bottom: 0;
            box-sizing: border-box;
            transform: translate(-25%) rotate(45deg);
        }

        .c-search-carmat__form-action {
            width: 250px;
        }

        .c-search-carmat__form-action button {
            background: #D03521;
            color: #FFF;
            width: 100%;
            height: 64px;
            border-radius: 32px;
            font-weight: 700;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            transition: all 0.15s;
        }

        .c-search-carmat__form-action button:hover {
            opacity: 0.75;
        }

        .c-search-carmat__form-action button svg {
            width: 18px;
        }

        @media screen and (max-width: 1600px) {
            .c-search-carmat__form-selects select {
                padding-left: 68px;
                font-size: 16px;
            }

            .c-search-carmat__form-action button {
                font-size: 16px;
            }
        }

        @media screen and (max-width: 1300px) {
            .c-search-carmat__form-selects {
                width: 100%;
            }

            .c-search-carmat__form-selects select {
                padding-left: 58px;
                font-size: 15px;
            }

            .c-search-carmat__form-selects select[name="maker"],
            .c-search-carmat__form-selects select[name="model"],
            .c-search-carmat__form-selects select[name="grade"] {
                background-size: 35px;
            }

            .c-search-carmat__form-action {
                width: 100%;
            }
        }

        @media screen and (max-width: 900px) {
            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects {
                flex-wrap: wrap;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects select {
                width: 100%;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects span {
                border: none;
                background: url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.581%22%20height%3D%2215.568%22%20viewBox%3D%220%200%208.581%2015.568%22%3E%3Cg%20transform%3D%22translate(-63.63%20-665.943)%22%3E%3Cpath%20d%3D%22M7416.691-12759.778l3.23%2C3.229%2C3.229-3.229%22%20transform%3D%22translate(-7352%2013437)%22%20fill%3D%22none%22%20stroke%3D%22%23b1b1b1%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20y2%3D%2210.278%22%20transform%3D%22translate(67.921%20666.943)%22%20fill%3D%22none%22%20stroke%3D%22%23b1b1b1%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%220.1%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')no-repeat;
                width: 7px;
                height: 14px;
                background-size: contain;
                transform: none;
                margin-left: 26px;
            }
        }

        @media screen and (max-width: 640px) {
            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form {
                gap: 26px;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects {
                gap: 6px;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects select {
                padding-left: 55px;
                font-size: 12px;
                height: 50px;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects select[name="maker"],
            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects select[name="model"],
            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects select[name="grade"] {
                background-size: 33px;
                background-position: 9px;
            }

            .c-search-carmat__form:not(.c-search-carmat__form--column-mobile) .c-search-carmat__form-selects span {
                margin-left: 23px;
            }

            .c-search-carmat__form .c-search-carmat__form-action {
                width: 100%;
            }

            .c-search-carmat__form .c-search-carmat__form-action button {
                font-size: 12px;
                height: 42px;
                max-width: 224px;
                margin: 0 auto;
                gap: 8px;
            }

            .c-search-carmat__form .c-search-carmat__form-action button svg {
                width: 11px;
            }
        }

        /* layout column */
        @media screen and (max-width: 640px) {
            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects {
                gap: 6px;
            }

            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select {
                font-size: 12px;
                line-height: 1.3;
                border-radius: 9px;
                padding: 50px 5px 5px 5px;
                height: 100px;
                white-space: normal;
                text-align: center;
            }

            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects option {
                white-space: normal;
                word-wrap: break-word;
            }

            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select[name=maker],
            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select[name=model],
            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select[name=grade] {
                background-size: 34px;
                background-position: 50% 12px;
            }

            .c-search-carmat__form-selects span {
                width: 6px;
                min-width: 6px;
                height: 6px;
                border-width: 1px;
                border-color: #707070;
            }

            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select.is-focus {
                border-width: 3px;
            }
        }

        @media screen and (max-width: 320px) {
            .c-search-carmat__form--column-mobile .c-search-carmat__form-selects select {
                font-size: 10px;
            }
        }


        /* メーカーから探す */
        .c-search-carmat__maker {
            display: flex;
            align-items: center;
            width: 100%;
            gap: 40px;
        }

        .c-search-carmat__maker+.c-search-carmat__maker {
            position: relative;
            margin-top: 34px;
            padding-top: 34px;
        }

        .c-search-carmat__maker+.c-search-carmat__maker:before {
            content: "";
            display: block;
            height: 2px;
            width: 270px;
            background-image: linear-gradient(to right, #898989 2px, transparent 2px);
            background-size: 8px 2px;
            background-repeat: repeat-x;
            background-position: left top;
            position: absolute;
            top: 0;
        }

        .c-search-carmat__maker-head {
            width: 130px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }

        .c-search-carmat__maker-head p {
            font-weight: 700;
            font-size: 16px;
            width: 100%;
            text-align: center;
        }

        .c-search-carmat__maker-content {
            width: calc(100% - 130px);
        }

        .c-search-carmat__maker-content ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 22px;
        }

        .c-search-carmat__maker-content li {
            width: calc(100% / 4 - (22px - 22px / 4));
        }

        .c-search-carmat__maker-content a {
            width: 100%;
            display: block;
            border: 1px solid #D8D8D8;
            border-radius: 32px;
            font-size: 18px;
            padding: 14.5px 10px;
            line-height: 1.5;
            text-align: center;
            transition: all 0.15s;
        }

        .c-search-carmat__maker-content a:hover {
            background: #D03521;
            border-color: #D03521;
            color: #FFF;
        }

        @media screen and (max-width: 1400px) {
            .c-search-carmat__maker-content ul {
                gap: 16px;
            }

            .c-search-carmat__maker-content li {
                width: calc(100% / 3 - (16px - 16px / 3));
            }

            .c-search-carmat__maker-content a {
                font-size: 16px;
            }
        }

        @media screen and (max-width: 900px) {
            .c-search-carmat__maker-content a {
                font-size: 14px;
            }
        }

        @media screen and (max-width: 740px) {
            .c-search-carmat__maker {
                gap: 16px;
                flex-wrap: wrap;
            }

            .c-search-carmat__maker+.c-search-carmat__maker {
                margin-top: 24px;
                padding-top: 0;
            }

            .c-search-carmat__maker+.c-search-carmat__maker:before {
                display: none;
            }

            .c-search-carmat__maker-head {
                width: 100%;
                gap: 0;
            }

            .c-search-carmat__maker-head svg {
                max-width: 40px;
            }

            .c-search-carmat__maker-head p {
                font-size: 14px;
            }

            .c-search-carmat__maker-content {
                width: 100%;
            }

            .c-search-carmat__maker-content ul {
                gap: 10px;
            }

            .c-search-carmat__maker-content li {
                width: calc(100% / 2 - (10px - 10px / 2));
            }

            .c-search-carmat__maker-content a {
                font-size: 13px;
                padding: 10px;
            }
        }

        /* section header */
        .c-section-header {
            position: relative;
            padding: 0 120px;
            text-align: center;
            margin-bottom: 30px;
        }

        .c-section-header__title {
            font-weight: 700;
            font-size: 34px;
            margin: 0;
        }

        .c-section-header__link {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0%, -50%);
            display: flex;
            align-items: center;
        }

        @media screen and (max-width: 999px) {
            .c-section-header {
                padding: 0;
            }

            .c-section-header__title {
                font-size: 26px;
            }

            .c-section-header__link {
                display: none;
            }
        }

        @media screen and (max-width: 640px) {
            .c-section-header {
                margin-bottom: 24px;
            }

            .c-section-header__title {
                font-size: 20px;
            }
        }

        /* section footer */
        .c-section-footer {
            text-align: center;
            margin-top: 30px;
        }

        input {
            display: block;
            height: 41px;
            padding: 10px 12px;
            color: #000;
            background-color: #f1f1f1;
            border-radius: 2px;
            font-size: var(--gfb-form-default-font-size);
            position: relative;
            flex: 1 1 auto;
            margin-bottom: 0;
            width: 100%;
            box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
            transition: box-shadow .15s ease;
            outline: none;
            background-image: none !important;
        }
        .lock-all {
                    touch-action: none;
                    overflow: hidden;
                }

                .jsSimulationOpen {
                    background: #1A1311;
                    color: #FFF;
                    min-height: 76px;
                    width: 100%;
                    border-radius: 38px;
                    padding: 10px 24px;
                    font-size: 18px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 9px;
                    transition: opacity .25s ease-in-out, color .25s ease-in-out, box-shadow .25s ease-in-out;
                    margin-top: 16px;
                }

                .jsSimulationOpen:hover {
                    opacity: 0.8;
                }

                .jsSimulationOpen span {
                    width: 32px;
                    height: 28px;
                    display: inline-block;
                    background: url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232.12%22%20height%3D%2227.462%22%20viewBox%3D%220%200%2032.12%2027.462%22%3E%3Cg%20transform%3D%22translate(0%200.973)%22%3E%3Cg%20transform%3D%22translate(0%20-0.973)%22%3E%3Cg%20transform%3D%22translate(1.393%203.21)%22%3E%3Ccircle%20cx%3D%222.873%22%20cy%3D%222.873%22%20r%3D%222.873%22%20transform%3D%22translate(11.492)%22%20fill%3D%22%23c92d2d%22%2F%3E%3Ccircle%20cx%3D%222.873%22%20cy%3D%222.873%22%20r%3D%222.873%22%20transform%3D%22translate(0%205.027)%22%20fill%3D%22%23c92d2d%22%2F%3E%3Ccircle%20cx%3D%222.873%22%20cy%3D%222.873%22%20r%3D%222.873%22%20transform%3D%22translate(2.068%2012.123)%22%20fill%3D%22%23c79d4e%22%2F%3E%3Ccircle%20cx%3D%222.873%22%20cy%3D%222.873%22%20r%3D%222.873%22%20transform%3D%22translate(4.309)%22%20fill%3D%22%23c79d4e%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16.828%2C3.976a2.139%2C2.139%2C0%2C1%2C0%2C.523%2C2.989%2C2.135%2C2.135%2C0%2C0%2C0-.523-2.989M8.374%2C19.823a2.139%2C2.139%2C0%2C1%2C0-2.989.523%2C2.139%2C2.139%2C0%2C0%2C0%2C2.989-.523M10.225%2C7.2a2.139%2C2.139%2C0%2C1%2C0-2.991.515A2.139%2C2.139%2C0%2C0%2C0%2C10.225%2C7.2m-4.084%2C5.85a2.139%2C2.139%2C0%2C1%2C0-2.991.515%2C2.14%2C2.14%2C0%2C0%2C0%2C2.991-.515m14.053-.139a14.562%2C14.562%2C0%2C0%2C0-.981%2C1.428%2C1.959%2C1.959%2C0%2C0%2C0%2C.167%2C2.156%2C2.044%2C2.044%2C0%2C0%2C0%2C1.975.9A2.14%2C2.14%2C0%2C0%2C1%2C23.37%2C20.77a12.511%2C12.511%2C0%2C0%2C1-10.458%2C5.449A12.8%2C12.8%2C0%2C0%2C1%2C1.112%2C8.276%2C12.993%2C12.993%2C0%2C0%2C1%2C11.92.247%2C10.04%2C10.04%2C0%2C0%2C1%2C19.1%2C2.083a7.107%2C7.107%2C0%2C0%2C1%2C2.08%2C9.287c-.3.527-.691%2C1-1.04%2C1.5l.055.038%22%20transform%3D%22translate(0%20-0.167)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M195.49%2C18.247a.437.437%2C0%2C0%2C1-.008-.075c.046-4.685-.079-8.856-.381-12.75v0c-.081-.817-.49-4.907-.615-5.238a.271.271%2C0%2C0%2C0-.521.04%2C128.261%2C128.261%2C0%2C0%2C0-1.784%2C18.021.271.271%2C0%2C0%2C0%2C.267.284l2.772.04h0a.271.271%2C0%2C0%2C0%2C.267-.317%22%20transform%3D%22translate(-164.173%200)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M185.712%2C172.974a6.573%2C6.573%2C0%2C0%2C0-1.3-2.96%2C8.034%2C8.034%2C0%2C0%2C1-.606-1.238%2C3.02%2C3.02%2C0%2C0%2C1%2C.528-2.855.533.533%2C0%2C0%2C1%2C.53-.266c.957.037%2C1.914.049%2C2.872.061a.336.336%2C0%2C0%2C1%2C.34.209%2C5.032%2C5.032%2C0%2C0%2C1%2C.687%2C2.978%2C4.386%2C4.386%2C0%2C0%2C1-1.047%2C2.347%2C8.546%2C8.546%2C0%2C0%2C1-2.007%2C1.723%22%20transform%3D%22translate(-156.672%20-145.513)%22%20fill%3D%22%23c79d4e%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')no-repeat;
                    background-size: contain;
                }

                @media screen and (max-width: 640px) {
                    .jsSimulationOpen {
                        min-height: 55px;
                        font-size: 13px;
                        gap: 12px;
                        margin-top: 12px;
                    }

                    .jsSimulationOpen span {
                        width: 26px;
                        height: 22px;
                    }
                }

                .c-simulation {
                    height: 100%;
                    display: flex;
                    margin: 0 auto;
                }

                @media screen and (max-width: 1024px) {
                    .c-simulation {
                        height: calc(100dvh - 20px);
                        display: block;
                    }
                }

                /* Preview*/
                .c-simulation-preview {
                    width: calc(100% - 424px);
                    position: relative;
                    margin-bottom: 50px;
                }

                .c-simulation-preview div {
                    width: 100%;
                    height: 100%;
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                }

                .c-simulation-preview div[data-layer="1"] {
                    z-index: 1;
                }

                .c-simulation-preview:before {
                    content: "※图片仅供参考。实际形状可能因车型而异。根据屏幕的类型和设置，显示的颜色可能与实际颜色不同。";
                    font-size: 12px;
                    position: absolute;
                    bottom: -60px;
                    z-index: 10;
                    line-height: 1.3;
                }

                @media screen and (max-width: 1300px) {
                    .c-simulation-preview {
                        width: calc(100% - 380px);
                        position: relative;
                    }
                }

                @media screen and (max-width: 1024px) {
                    .c-simulation-preview {
                        width: 100%;
                        height: calc(50vh - 10px);
                        margin-bottom: 0;
                    }

                    .c-simulation-preview:before {
                        bottom: 0;
                        z-index: 1;
                        font-size: 9px;
                    }
                }

                @media screen and (max-width: 767px) {
                    .c-simulation-preview {
                        touch-action: auto;
                    }

                    .c-simulation-preview:before {
                        font-size: 10px;
                        bottom: -38px;
                        height: 30px;
                    }
                }

                @media screen and (max-width: 320px) {
                    .c-simulation-preview:before {
                        font-size: 9px;
                    }
                }

                /* Form */
                .c-simulation-form {
                    width: 424px;
                    padding-left: 24px;
                }

                .c-simulation__content {}

                .c-simulation__content:not([data-layer="1"]) {
                    display: none;
                }

                .c-simulation__content-head {
                    height: 50px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    padding: 0 10px 10px 0;
                    font-weight: 700;
                    border-bottom: 1px solid var(--border-color);
                }

                .c-simulation__variants {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    overflow-y: scroll;
                    height: calc(100dvh - 248px);
                }

                .c-simulation__variants::-webkit-scrollbar {
                    background: #F5F5F5;
                    width: 7px;
                    height: 7px;
                    border-radius: 20px;
                }

                .c-simulation__variants::-webkit-scrollbar-thumb {
                    background-color: var(--accent-color);
                    border-radius: 20px;
                }

                .c-simulation__variant {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    cursor: pointer;
                    position: relative;
                    padding: 8px 40px 8px 0px;
                    border-bottom: 1px solid var(--border-color);
                }

                .c-simulation__variant:after {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    color: currentColor;
                    line-height: 1;
                    width: 5px;
                    height: 5px;
                    border: 1px solid currentColor;
                    border-left: 0;
                    border-bottom: 0;
                    box-sizing: border-box;
                    transform: translate(-25%) rotate(45deg);
                    position: absolute;
                    right: 18px;
                    top: calc(50% - 2px);
                }

                .c-simulation__variant--default .c-simulation__variant-title:after {
                    content: "標準色";
                    padding: 2px 10px;
                    margin-left: 12px;
                    font-size: 13px;
                    border: 1px solid currentColor;
                    border-radius: 30px;
                }

                .c-simulation__variant input {
                    display: none;
                }

                .c-simulation__variant input:checked+.c-simulation__variant-image:before {
                    content: "";
                    display: block;
                    width: 5px;
                    height: 5px;
                    background: #000;
                    border-radius: 50%;
                    margin-right: 15px;
                }

                .c-simulation__variant-image {
                    display: flex;
                    align-items: center;
                }

                .c-simulation__variant-image img {
                    width: 70px;
                    display: block;
                }

                .c-simulation__variant-image span {
                    width: 20px;
                    height: 20px;
                }

                .c-simulation__variant-title {
                    font-size: 14px;
                }

                .c-simulation__content-result {
                    list-style: none;
                    height: calc(100dvh - 248px);
                    overflow-y: scroll;
                }

                .c-simulation__content-result::-webkit-scrollbar {
                    background: #F5F5F5;
                    width: 7px;
                    height: 7px;
                    border-radius: 20px;
                }

                .c-simulation__content-result::-webkit-scrollbar-thumb {
                    background-color: var(--accent-color);
                    border-radius: 20px;
                }

                .c-simulation__content-result li {
                    display: flex;
                    justify-content: space-between;
                    gap: 24px;
                    border-bottom: 1px solid var(--border-color);
                    padding: 12px 12px 12px 0;
                    font-size: 14px;
                }

                .c-simulation__content-result span {}

                .c-simulation__content-bottom {
                    height: 60px;
                    padding-top: 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .c-simulation__content-bottom button {
                    background: #BBB;
                    color: #FFF;
                    padding: 5px 20px;
                    border-radius: 30px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    font-size: 14px;
                }

                .c-simulation__content-bottom button:hover {
                    opacity: 0.9;
                }

                @media screen and (max-width: 1300px) {
                    .c-simulation-form {
                        width: 380px;
                        padding-left: 24px;
                    }
                }

                @media screen and (max-width: 1024px) {
                    .c-simulation-form {
                        width: 100%;
                        height: calc(50vh - 10px);
                        padding-left: 0;
                    }

                    .c-simulation__content-head {
                        font-size: 14px;
                        padding: 0 10px 0 0;
                    }

                    .c-simulation__variants {
                        height: calc(50vh - 134px);
                    }

                    .c-simulation__variant {
                        padding: 4px 40px 4px 0px;
                    }

                    .c-simulation__variant--default .c-simulation__variant-title:after {
                        font-size: 11px;
                    }

                    .c-simulation__variant-image img {
                        width: 50px;
                        display: block;
                    }

                    .c-simulation__variant-title {
                        font-size: 14px;
                    }

                    .c-simulation__content-result {
                        height: calc(50vh - 134px);
                    }

                    .c-simulation__content-result li {
                        padding: 8px 12px 8px 0;
                    }

                    .c-simulation__content-bottom {
                        height: 60px;
                        padding-top: 20px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                }

                @media screen and (max-width: 767px) {
                    .c-simulation-form {
                        height: calc(50vh - 40px);
                        padding-top: 40px;
                    }

                    .c-simulation__content-head {
                        height: 40px;
                    }

                    .c-simulation__variants {
                        height: calc(50vh - 144px);
                    }

                    .c-simulation__variant-image img {
                        width: 40px;
                    }

                    .c-simulation__variant-title {
                        font-size: 13px;
                    }

                    .c-simulation__content-result {
                        height: calc(50vh - 144px);
                    }

                    .c-simulation__content-result li {
                        font-size: 13px;
                    }

                    .c-simulation__content-bottom {
                        height: 50px;
                        padding-top: 10px;
                    }

                    .c-simulation__content-bottom button {
                        height: 36px;
                        font-size: 12px;
                    }
                }

                @media screen and (max-width: 375px) {
                    .c-simulation__variant-title {
                        font-size: 12px;
                    }
                }


                .c-simulation-popup {
                    position: fixed;
                    z-index: 11;
                    transition: visibility .25s ease-in-out;
                    display: flex;
                    top: 0;
                    left: 0;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                }

                .c-simulation-popup[hidden] {
                    visibility: hidden;
                }

                .c-simulation-popup__overlay {
                    content: "";
                    height: 100vh;
                    width: 100vw;
                    bottom: calc(100% - 10px);
                    background: #000000;
                    opacity: 0;
                    visibility: hidden;
                    transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
                    position: fixed;
                    top: 0;
                    bottom: auto;
                }

                .c-simulation-popup:not([hidden])>.c-simulation-popup__overlay {
                    visibility: visible;
                    opacity: 0.7;
                }

                .c-simulation-popup__wrap {
                    position: relative;
                    background: #FFF;
                    border-radius: 0;
                    height: 100%;
                    width: 100%;
                    transform: scale(.8);
                    opacity: 0;
                    transition: transform .3s cubic-bezier(.75, 0, .175, 1), opacity .3s cubic-bezier(.75, 0, .175, 1);
                    will-change: transform;
                    padding: 50px 50px 40px 40px;
                    overflow-y: auto;
                }

                .c-simulation-popup__wrap::-webkit-scrollbar {
                    background: #DDD;
                    width: 3px;
                }

                .c-simulation-popup__wrap::-webkit-scrollbar-thumb {
                    background-color: #000;
                }

                .c-simulation-popup:not([hidden]) .c-simulation-popup__wrap {
                    transform: scale(1);
                    opacity: 1;
                }

                .c-simulation-popup__head {
                    padding: 20px 40px;
                    gap: 16px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid rgba(var(--border-color), 1);
                }

                .c-simulation-popup__head-title {
                    font-size: 14px;
                    font-weight: 600;
                }

                .c-simulation-popup__close {
                    border: 1px solid #E8E8E8;
                    border-radius: 50%;
                    width: 40px;
                    height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    z-index: 1;
                    background: #FFF url('data:image/svg+xml;charset=utf8,%0A%3Csvg%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%225.25781%22%20y%3D%224.55029%22%20width%3D%2213%22%20height%3D%221%22%20transform%3D%22rotate(45%205.25781%204.55029)%22%20fill%3D%22black%22%2F%3E%0A%3Crect%20x%3D%2214.4492%22%20y%3D%225.25732%22%20width%3D%2213%22%20height%3D%221%22%20transform%3D%22rotate(135%2014.4492%205.25732)%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A')no-repeat center center;
                    cursor: pointer;
                }

                .c-simulation-popup__body {
                    padding: 40px;
                    text-align: left;
                    height: 100%;
                    height: -webkit-fill-available;
                    overflow: auto;
                }

                @media screen and (max-width: 1000px) {
                    .c-simulation-popup__body {
                        padding: 24px;
                    }
                }

                @media screen and (max-width: 1024px) {
                    .c-simulation-popup {
                        align-items: flex-end;
                        padding: 0;
                    }

                    .c-simulation-popup__wrap {
                        margin: 0;
                        height: 100%;
                        width: 100%;
                        max-height: unset;
                        padding: 10px 24px;
                    }

                    .c-simulation-popup__head {
                        padding: 18px 20px;
                        height: 58px;
                    }

                    .c-simulation-popup__head-title {
                        font-size: 12px;
                    }

                    .c-simulation-popup__head .c-simulation-popup__close svg {
                        width: 18px;
                        height: 18px;
                    }

                    .c-simulation-popup__body {
                        padding: 20px;
                        height: calc(100vh - 58px);
                    }
                }

                @media screen and (max-width: 320px) {
                    .c-simulation-popup__wrap {
                        padding: 10px;
                    }
                }