@charset "UTF-8";
.displayNone {
    display: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.hide {
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.indent {
    margin-left: 20px;
}

.indent-pl-50 {
    padding-left: 50px !important;
}

.makerName {
    margin-bottom: 13px;
    font-size: 1.4rem;
    text-align: center;
}

.makers .carcard {
    width: 170px;
}



@media screen and (max-width: 750px) {
    .makers .carcard {
        width: 100%;
    }
}

.progressbar-ul {
    display: none;
}

.progressbar-ul.slick-initialized {
    display: block; /*slick-initializedが付与されたら表示*/
}

.progressbar-item-text-next {
    -webkit-animation: progressbar-item-text-next 0.65s ease-in-out infinite alternate;
    animation: progressbar-item-text-next 0.65s ease-in-out infinite alternate;
}

@-webkit-keyframes progressbar-item-text-next {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes progressbar-item-text-next {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.form-1 .bi.bi-check-lg {
    top: -1px !important;
}

/*20220113*/
.headerwrap-logo p {
    font-size: 1.2rem;
    border-bottom: 1px solid #F09324;
}

.headerwrap-logo p span {
    font-size: 1.35rem;
    color: #F09324;
}

.topmenu-h2 {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 750px) {
    .form-1 .bi.bi-check-lg {
        top: -5px !important;
    }

    .headerwrap {
        position: relative !important;
    }

    /*20220113*/
    .headerwrap-logo {
        width: 195px !important;
    }

    .headerwrap-logo img {
        max-width: 135px;
    }

    .headerwrap-link {
        width: 130px;
        font-size: 1rem;
    }

    .headerwrap-logo p {
        font-size: 1rem;
        letter-spacing: -0.05em;
        border-bottom: 1px solid #F09324;
    }

    .headerwrap-logo p span {
        font-size: 1.2rem;
        color: #F09324;
    }

    .topmenu-h2 {
        width: 38%;
        right: 5px;
    }

    .topmenu-h2-img {
        width: 100%;
    }
}

#__next {
    height: 100%;
}

.modelwrap .bi.bi-check-lg {
    top: 3px !important;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .model .bi.bi-check-lg {
        top: 3px !important;
    }
}

#total-price-margin {
    margin-bottom: 0;
    height: 18px;
}

#total-original-price {
    font-size: 0.7em;
}

/* global_nav */
@media screen and (max-width: 750px) {
    #global-navi {
        position: fixed;
        padding: 8px 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 66px;
        top: 0;
        z-index: 5;
        background: url(../img/parts/nav/nav_bg.png) no-repeat center left, #fff;
        background-size: 100% 100%;
        z-index: 10000001;
    }

    #global-navi .nav_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #global-navi .nav_content .logo {
        max-width: 60px;
    }

    #global-navi .nav_content .prev, #global-navi .nav_content .next {
        max-width: 70px;
        width: 100%;
    }

    #global-navi .nav_content .page_name p {
        font-size: 1.2rem;
        color: #fff;
    }

    #global-navi .nav_content .page_name p.nav_open {
        width: 12px;
        height: 5px;
        margin: 5px auto 0;
        background: url(../img/parts/nav/nav_aco_open.svg) no-repeat center/cover;
    }

    #global-navi .nav_content .page_name p.nav_open.open {
        background: url(../img/parts/nav/nav_aco_close.svg) no-repeat center/cover;
    }

    .slider {
        padding-top: 66px;
    }

    .model-carname {
        top: 80px;
    }

    .modelwrap-img .slider button {
        top: 50%;
    }

    .modelwrap-img .slider button {
        top: 50% !important;
        position: absolute;
    }

    .scroll-block-top {
        position: static;
    }

    .model .scroll-block-bottom {
        padding-top: 60px !important;
    }

    .aero .tab, .model .tab {
        position: static;
        top: 0;
    }
}

/* price-tag */
@media screen and (max-width: 750px) {
    #price-tag {
        background: url(../img/price-bg.png) no-repeat center left/cover;
        position: fixed;
        padding: 8px 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        /*height: 66px;*/
        bottom: 0;
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        z-index: 100;
        /*bottom: env(safe-area-inset-bottom);*/
        /*margin-bottom: env(safe-area-inset-bottom);*/
        /*padding-bottom: calc(env(safe-area-inset-bottom) + 40px);*/
    }

    #price-tag .discount,
    #price-tag .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3px 10px 3px 3px;
    }

    #price-tag .discount p,
    #price-tag .total p {
        text-align: center;
        font-weight: normal;
    }

    #price-tag .left {
        width: 40%;
    }

    #price-tag .right {
        width: 60%;
    }

    #price-tag .discount {
        font-size: 13px;
    }

    #price-tag .total {
        border-top: 1px solid #707070;
        font-size: 15px;
    }

    #price-tag p.left span {
        display: block;
        padding: 1px 0;
    }

    #price-tag p.price {
        font-size: 18px;
    }

    #price-tag span.small {
        font-size: 10px;
    }

    #price-tag span.medium {
        font-size: 15px;
    }

    #price-tag span.arrow-open {
        width: 27px;
        position: fixed;
        bottom: 10px;
        right: 10px;
    }

    .model .scroll-block-bottom {
        padding-top: 120px !important;
        padding-bottom: 60px !important;
    }

    .aero .scroll-block-bottom {
        padding-top: 0 !important;
    }

    .kv-sp-wrap {
        position: static;
    }

    .model header,
    .complete header,
    .grade header,
    .color header,
    .aero header {
        height: 275px;
    }
}

/* overlay */
@media screen and (max-width: 750px) {
    body.fixed {
        overflow: hidden;
    }

    #overlay {
        position: fixed;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    #overlay.open {
        position: fixed;
        bottom: 0;
        height: 70vh;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        background: url(../img/overlay.png) no-repeat center/cover;
        padding: 30px 20px 66px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MSPゴシック", sans-serif;
        z-index: 2000000;
    }

    #overlay.open .overlay-content {
        overflow-y: scroll;
        height: 100%;
        padding-top: 30px;
        padding-bottom: 60px;
    }

    #overlay.open .discount,
    #overlay.open .total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3px 10px 5px 3px;
    }

    #overlay.open .discount p,
    #overlay.open .total p {
        text-align: center;
        font-weight: normal;
    }

    #overlay.open .left {
        width: 40%;
    }

    #overlay.open .right {
        width: 60%;
    }

    #overlay.open .discount {
        font-size: 13px;
    }

    #overlay.open .total {
        border-top: 1px solid #707070;
        font-size: 15px;
    }

    #overlay.open p.left span {
        display: block;
        padding: 1px 0;
    }

    #overlay.open p.price {
        font-size: 21px;
    }

    #overlay.open span.small {
        font-size: 10px;
    }

    #overlay.open span.medium {
        font-size: 15px;
    }

    #overlay.open .arrow-close {
        width: 27px;
        margin-left: auto;
    }

    #overlay.open .caution {
        margin-top: 26px;
        font-size: 10px;
        font-weight: 300;
        line-height: calc(17 / 10);
        text-align: center;
    }

    #overlay.open .caution p:nth-child(1) {
        font-weight: 700;
    }

    #overlay.open dl {
        width: 90%;
        margin: 40px auto;
    }

    #overlay.open dt, #overlay.open dd {
        font-size: 17px;
        border-bottom: 1px solid #707070;
        line-height: calc(18 / 17);
    }

    #overlay.open dt {
        padding-bottom: 10px;
        margin-top: 60px;
    }

    #overlay.open dd {
        padding-top: 20px;
        padding-bottom: 5px;
    }

    #nav_overlay {
        z-index: 10000000;
        display: none;
        margin: 0 auto;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    #nav_overlay .menu {
        margin-top: 8px;
        padding-bottom: 44px;
        background: url(../img/parts/nav/nav_aco_bg.png) no-repeat center top;
        background-size: 100% 100%;
        padding-top: 24px;
        padding-left: 0;
    }

    #nav_overlay .menu li {
        display: block;
        margin-bottom: 5px;
        font-weight: 200;
        counter-increment: cnt;
        max-width: 240px;
        margin: 0 auto;
        margin-bottom: 1px;
    }

    #nav_overlay .menu li.selected {
        font-weight: 600;
        border-bottom: 1px solid red;
    }

    #nav_overlay .menu a {
        display: inline-block;
        font-size: 1.6rem;
        line-height: 2;
        letter-spacing: 0.25rem;
        list-style-type: none;
        position: relative;
        width: 100%;
        padding-left: 2em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #nav_overlay .menu a::before {
        content: counter(cnt) ". ";
        display: inline-block;
        width: 2em;
        /* サイトに合せて調整 */
        text-align: right;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 2;
    }

    #nav_overlay.open {
        display: block;
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 58px;
        right: 0;
        left: 0;
    }
    
    .vrarva-logo-img {
        height: 35px;
        margin-top: 13px;
    }
}

@media screen and (max-width: 750px) {
    .main {
        overflow: scroll;
    }

    .color {
        overflow: hidden;
    }

    .aero {
        overflow: hidden;
    }

    .model .scroll-block-bottom {
        overflow: unset;
    }

    .scroll-block-bottom {
        overflow: unset;
    }
}

@media screen and (max-width: 750px) {
    /* car/index.htmlに対する処理 */
    .model .scroll-block-bottom {
        overflow: unset;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    /*
    1/index.html,
    1/2/index.html
    1/2/3/index.html
    に対する処理 */
    .scroll-block-bottom {
        overflow: unset;
        padding-top: 0 !important;
    }

    /*
    parts/1/2/3/10/index.html
    parts/1/2/3/20/index.html
    parts/1/2/3/30/index.html
    に対する処理 */
    .aero .scroll-block-bottom {
        overflow: unset;
        padding-top: 0 !important;
    }

    /* 全ページに対する処理 */
    .kv-sp-wrap {
        position: static;
    }

    /* headerのheight変更 */
    /* model(車種選択) = car/index.html */
    /* complete(コンプリートカー) = 1/index.html */
    /* grade(グレード) = 1/2/index.html */
    /* color(カラー) = 1/2/3/index.html */
    /* aero(電装品) = parts/1/2/3/10/index.html */
    /* aero(電装品) = parts/1/2/3/20/index.html */
    /* aero(電装品) = parts/1/2/3/30/index.html */
    .model header,
    .complete header,
    .grade header,
    .color header,
    .aero header {
        height: 275px;
    }

    /* footerロゴ追加 */
    footer {
        padding-bottom: 10px;
    }

    .toppage footer {
        padding-bottom: 0;
    }

    .footer-inner-right {
        padding-top: 0;
    }

    .footer-inner-right .logo-footer {
        margin-bottom: 20px;
    }

    /* TOPへ戻るボタン追加 */
    #toTop {
        width: 50px;
        position: fixed;
        bottom: 110px;
        right: 10px;
        z-index: 1;
    }
}

@media screen and (max-width: 750px) {
    .form-box__td:nth-of-type(2) {
        height: auto !important;
    }
}

.headerwrap {
    position: absolute;
}

.relative-position {
    position: relative;
}

.model-carprice-subtext {
    position: relative;
    bottom: 0;
    margin-top: 100px;
}

/* #55660 */
.scroll-block-bottom {
    overflow-y: initial;
}

/* #55661 */
.result-02 .result-tr.-head {
    position: static;
}

/* #55663 */
.result-table-02 {
    position: relative;
}

#modal-confirm-01 .result-tr.-head {
    position: static;
}

/* #55665 */
*:-webkit-direct-focus {
    outline-style: none;
}

*:focus {
    outline-style: none;
}

.progressbar-wrap {
    z-index: 2;
}

.optioncard {
    text-align: center;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.option_wrap {
    width: auto;
    margin: 0 18px;
}

.option_wrap .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.option_wrap .optioncard.options {
    width: 48%;
    padding: 5px 0;
    margin-bottom: 13px;
    min-height: 50px;
    padding-left: 40px;
    background: none;
    background: none;
    border: 1px solid #fff;
}

.option_wrap .optioncard.options.-wide {
    width: 100%;
}

.option_wrap .optioncard.options.-wide .carcard-ename {
    font-size: 1.4rem;
}

.option_wrap .optioncard.options.-active {
    border: 1px solid #ED0C2A;
}

.option_wrap .optioncard.options.-active:before {
    border-bottom: 1px solid #ED0C2A;
}

.option_wrap .optioncard.options.-active:after {
    border-top: 1px solid #ED0C2A;
}

.option_wrap .optioncard.options .carcard-text {
    margin: 0;
    text-align: center;
}

.option_wrap .optioncard.options .carcard-text p {
    line-height: 1.3;
}

.option_wrap .optioncard.options .carcard-ename {
    font-size: 1.3rem;
}

.option_wrap .optioncard.options:nth-child(even) {
    margin-left: auto;
}

.option_wrap .optioncard.options:before, .option_wrap .optioncard.options:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 46px;
    height: 25px;
    background-color: #000;
    z-index: 1;
}

.option_wrap .optioncard.options:before {
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #fff;
}

.option_wrap .optioncard.options:after {
    bottom: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-top: 1px solid #fff;
}

.optioncard.options:before {
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #fff;
}

.optioncard.options:after {
    bottom: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-top: 1px solid #fff;
}

@media screen and (max-width: 750px) {
    .model .model-gradient-bottom, .complete .model-gradient-bottom, .grade .model-gradient-bottom, .color .model-gradient-bottom, .aero .model-gradient-bottom, .form-1 .model-gradient-bottom, .form-2 .model-gradient-bottom, .result-02 .model-gradient-bottom, .result-01 .model-gradient-bottom {
        background: none;
    }
}

@media screen and (min-width: 751px) {
    .aero .scroll-block-bottom, .model .scroll-block-bottom {
        margin-top: 540px;
    }
}

@media screen and (max-width: 750px) {
    .aero .scroll-block-bottom, .model .scroll-block-bottom {
        margin-top: 0;
    }

    .aero-img-a {
        min-width: 96px;
    }
}

#aero-wrap-pc {
    width: 100% !important;
    margin: 0 100px !important;
    opacity: 1 !important;
}

#aero-card-pc {
    width: 46% !important;
    padding: 10px 0 !important;
    padding-left: 0px !important;
}

#aero-circle-pc {
    margin: 0 10px 0 25px !important;
}

@media screen and (min-width: 900px) and (max-width: 1000px) {
    #aero-wrap-pc {
        margin: 0 18px !important;
    }

    #aero-card-pc {
        width: 60% !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1100px) {
    #aero-wrap-pc {
        margin: 0 18px !important;
    }

    #aero-card-pc {
        width: 55% !important;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
    #aero-wrap-pc {
        margin: 0 78px !important;
    }

    #aero-card-pc {
        width: 50% !important;
    }
}

@media screen and (min-width: 801px) and (max-width: 899px) {
    #aero-wrap-pc {
        margin: 0 18px !important;
    }

    #aero-card-pc {
        width: 68% !important;
    }
}

@media screen and (min-width: 751px) and (max-width: 800px) {
    #aero-wrap-pc {
        margin: 0 18px !important;
    }

    #aero-card-pc {
        width: 70% !important;
    }
}

.used-carcard {
    width: calc(33.3333333% - 30px);
    max-width: 315px;
    margin: 0 15px 32px;
    padding: 43px 28px 30px;
    text-align: center;
    background: #262626;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.used-carcard:before, .used-carcard:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 56px;
    height: 35px;
    background-color: #000;
    z-index: 1;
}

.used-carcard:hover, .used-carcard.-active {
    background: linear-gradient(29deg, #212121 0%, #585858 100%);
}

.used-carcard .carcard-bar {
    bottom: -11px;
    z-index: 2;
}

.used-carcard:hover .carcard-bar, .used-carcard.-active .carcard-bar {
    display: block;
}

.used-carcard:before {
    top: -9px;
    left: -20px;
}

.used-carcard:after {
    bottom: -9px;
    right: -20px;
}

.used-carcard .carcard-name-wrap {
    margin: 25px 0 16px;
}

.used-carcard .carcard-custom-wrap {
    width: 100%;
    text-align: center;
}

.used-carcard .carcard-custom_01, .used-carcard .carcard-custom_02 {
    line-height: 1.7;
}

.used-carcard .carcard-custom_01 {
    letter-spacing: 0.08em;
}

.used-carcard .carcard-list {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px 20px 11px;
    margin: 0;
}

.used-carcard .carcard-list__item {
    list-style-type: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
}

.used-carcard .carcard-circle {
    margin: 0;
}

.used-carcard .carcard-circle {
    transform: scale(0.75);
}

.used-carcard .carcard-distance {
    font-size: 12px;
    margin-left: 10px;
}

.used-carcard .carcard-price {
    margin-bottom: 0;
    margin-left: auto;
}

@media screen and (max-width: 1120px) {
    .used-carcard {
        width: calc(33.3333333% - 30px);
        max-width: 315px;
        padding-top: 60px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 14px;
        margin-right: 14px;
    }
}

@media screen and (max-width: 900px) {
    .used-carcard {
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 750px) {
    .used-carcard {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 26px 20px 28px;
        max-width: none;
        width: 100%;
    }

    .used-carcard .carcard-img {
        margin: 0 auto 11px;
        padding: 0 14%;
        width: 100%;
    }

    .used-carcard .carcard-custom_01, .used-carcard .carcard-custom_02 {
        line-height: 1.5;
        margin: 0;
        font-size: 12px;
    }

    .used-carcard .carcard-name-wrap {
        margin-bottom: 15px;
    }

    .used-carcard .carcard-circle {
        order: 0;
        transform: scale(1)
    }

    .used-carcard:before {
        top: -18px;
        left: -29px;
    }

    .used-carcard:after {
        bottom: -18px;
        right: -29px;
    }

    .used-carcard .carcard-price {
        font-size: 12px;
    }

    .used-carcard .carcard-list__item {
        margin-bottom: 11px;
    }

    .used-carcard .carcard-list {
        padding-bottom: 5px;
    }
}

.list .scroll-block-bottom {
    /*height: 48.7vh;*/
}

.list-carcard {
    width: calc(50% - 22px);
    margin: 0 11px 32px;
    padding: 35px 25px 25px 25px;
    background: #262626;
    position: relative;
    cursor: pointer;
}

.list-carcard:before, .list-carcard:after {
    content: "";
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 60px;
    height: 32px;
    background-color: #000;
    z-index: 1;
}

.list-carcard:hover, .list-carcard.-active {
    background: linear-gradient(29deg, #212121 0%, #585858 100%);
}

.list-carcard .carcard-bar {
    bottom: -11px;
    z-index: 2;
}

.list-carcard:hover .carcard-bar, .list-carcard.-active .carcard-bar {
    display: block;
}

.list-carcard:before {
    top: -9px;
    left: -20px;
}

.list-carcard:after {
    bottom: -9px;
    right: -20px;
}

.list-carcard .carcard-top {
    display: flex;
}

.list-carcard .carcard-img-parent {
    width: 62.5%;
    margin-top: 2px;
}

.list-carcard .carcard-img {
    height: auto;
    width: 285px;
}

.list-carcard-text {
    flex: 1;
}

.list-carcard .carcard-maker {
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
}

.list-carcard .carcard-name {
    font-size: 20px;
    margin-bottom: 14px;
    letter-spacing: -0.06em;
}

.list-carcard .carcard-parts {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

.list-carcard .carcard-base {
    font-size: 10px;
    color: #a6a6a6;
    line-height: 1.8;
    letter-spacing: 0.05em;
}

.list-carcard .carcard-bottom {
    display: flex;
}

.list-carcard .carcard-price {
    margin: 32px 0 0 2px;
    flex: 1
}

.list-carcard .carcard-price__head {
    margin-bottom: 7px;
    letter-spacing: 0.02em;
}

.list-carcard .carcard-price__number {
    border-bottom: 2px solid #f00;
    letter-spacing: 0.1em;
    padding-bottom: 6px;
    display: inline-block;
}

.list-carcard .carcard-price__number span {
    font-size: 20px;
}

.list-carcard .carcard-list {
    background: rgba(0, 0, 0, 0.3);
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-wrap: wrap;
    margin: 17px 0 0;
    width: 63%;
}

.list-carcard .carcard-list__item {
    list-style-type: none;
    width: 43.5%;
    font-size: 10px;
    line-height: 1.77;
    letter-spacing: 0.11em;
}

.list-carcard .carcard-list__item:nth-of-type(2n) {
    width: 56.5%;
}

.list-carcard .carcard-bottom {
    margin-bottom: 14px;
}

.list-carcard .carcard-circle {
    transform: scale(0.9);
}

.list-carcard .bi.bi-check-lg {
    left: 5px;
}

.list-carcard .carcard-more {
    margin: 18px auto 0;
    background: #666;
    width: 200px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    position: relative;
}

.list-carcard .carcard-more::after {
    width: 8px;
    height: 10px;
    background: url(../img/arrow-right.png) no-repeat center / contain;
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .list-carcard {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 26px 20px 28px;
        max-width: none;
        width: 100%;
        margin: 0 11px 38px;
    }

    .list .scroll-block-bottom {
        padding-top: 31px !important;
    }

    .list .tab-contents {
        background: linear-gradient(to bottom, #000, #333333 100px);
    }

    .list-carcard {
        background: url(../img/bg01.png) no-repeat center / 100%;
    }

    .list-carcard:hover, .list-carcard.-active {
        background: url(../img/bg02.png) no-repeat center / 100%;
    }

    .list-carcard:before {
        content: none;
    }

    .list-carcard::after {
        content: none;
    }

    .list-carcard .carcard-top {
        display: block;
    }

    .list-carcard .carcard-img-parent {
        width: 0;
    }

    .list-carcard .carcard-img {
        order: 0;
        margin: 0 0 16px;
        width: 100%;
        padding: 0 14%;
        max-width: 100%;
    }

    .list-carcard .carcard-maker {
        font-size: 10px;
        margin-bottom: 7px;
    }

    .list-carcard .carcard-parts {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .list-carcard .carcard-base {
        line-height: 1.6;
    }

    .list-carcard .carcard-name {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .list-carcard .carcard-bottom {
        flex-direction: column-reverse;
    }

    .list-carcard .carcard-price {
        display: flex;
        font-size: 12px;
        align-items: baseline;
        margin: 8px 0 0 2px;
    }

    .list-carcard .carcard-list {
        width: 100%;
        margin: 13px 0 0;
        padding: 10.5px 16px 10.5px 16px;
    }

    .list-carcard .carcard-list__item {
        letter-spacing: 0.09em;
    }

    .list-carcard .carcard-circle {
        margin: auto;
        transform: scale(1.4);
    }

    .list-carcard .carcard-price__head {
        margin-right: 8px;
    }

    .list-carcard .carcard-price__number {
        padding-bottom: 0;
        border-bottom: 1px solid #f00;
        line-height: 1.4;
    }

    .list-carcard .bi.bi-check-lg {
        left: 3px;
    }

    .list-carcard .carcard-more {
        margin: 20px auto 0;
    }

    .list footer {
        background: linear-gradient(to bottom, #333333, #000 60px);
    }

    .list .footer-inner-link1 {

    }
}

.specialcar {
    background: url(../img/specialcar/bg01.png) no-repeat top / cover;
    position: relative;
}

.specialcar-header {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    position: absolute;
    max-width: none;
}

.specialcar-header__logo {
    width: 180px;
    margin-left: 30px;
}

.specialcar-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    width: 100%;
    margin: 20px auto 0;
}

.specialcar-header__close {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #595959;
    font-size: 13px;
    width: 180px;
    height: 40px;
    margin-right: 20px;
    position: relative;
    padding-left: 13px;
    cursor: pointer;
}

.specialcar-header__close::after {
    content: "×";
    position: absolute;
    font-size: 24px;
    font-weight: 100;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
}

.specialcar__main {
    max-width: 1000px;
    margin: auto;
    padding-top: 135px;
}

.specialcar-top {
    display: flex;
    margin-bottom: 40px;
}

.specialcar-top__left {
    width: 55%;
    margin-top: 2px;
}

.specialcar-top__img {
    display: block;
    padding: 0 9% 0 1%;
}

.specialcar-top__txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: -0.03em;
    margin-top: 36px;
}

.specialcar-top__right {
    margin-left: 0.8%;
    flex: 1;
}

.specialcar-top__maker {
    margin-bottom: 8.5px;
}

.specialcar-top__name {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.07em;
    margin-bottom: 23px;
}

.specialcar-top__parts {
    font-size: 14px;
    letter-spacing: 0.03em;
    margin-bottom: 12px;
}

.specialcar-top__base {
    font-size: 12px;
    line-height: 1.65;
    margin-bottom: 20px;
    color: #a6a6a6;
}

.specialcar-top__price {
    display: flex;
    align-items: baseline;
}

.specialcar-top__price-head {
    font-size: 14px;
    letter-spacing: -0.02em;
    margin-right: 7px;
}

.specialcar-top__price-number {
    font-size: 26px;
    border-bottom: 2px solid #bd2424;
    padding-bottom: 6px;
    letter-spacing: 0.04em;
}

.specialcar-top__price-number__yen {
    font-size: 18px;
}

.specialcar-top__price-number__tax {
    font-size: 14px;
}

.specialcar-top__list {
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0 0;
    padding: 15px 33px;
}

.specialcar-top__item {
    list-style-type: none;
    width: 44.8%;
    font-size: 12px;
    line-height: 1.84;
    letter-spacing: 0.08em;
}

.specialcar-top__item:nth-of-type(2n) {
    width: 55.2%;
}

.specialcar-select {
    margin: auto;
    font-size: 14px;
    display: flex;
    width: 280px;
    height: 50px;
    align-items: center;
    justify-content: center;
    background: #bd2424;
    margin-bottom: 50px;
    position: relative;
    letter-spacing: 0.03em;
    cursor: pointer;
}

.specialcar-select::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.specialcar-ttl {
    font-size: 16px;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    padding-bottom: 10px;
    letter-spacing: -0.01em;
}

.specialcar-option__list {
    padding: 0 0 0 20px;
    margin: 0 0 30px;
}

.specialcar-option__item {
    font-size: 14px;
    border-bottom: 1px solid #4d4d4d;
    margin: 0;
    padding: 18px 0 17px 28px;
    position: relative;
    list-style: none;
}

.specialcar-option__item::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
}

.specialcar-close {
    width: 180px;
    height: 40px;
    margin: auto;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #666666;
    margin-bottom: 61px;
    cursor: pointer;
    position: relative;
    padding-left: 14px;
}

.specialcar-close::after {
    content: "×";
    position: absolute;
    font-size: 24px;
    font-weight: 100;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
}

.specialcar-photo__list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
}

.specialcar-photo__item {
    list-style-type: none;
    width: 33%;
    margin-right: 0.5%;
    margin-bottom: 5px;
    cursor: pointer;
}

.specialcar-photo__item:nth-of-type(3n) {
    margin: 0;
}

.specialcar-photo__item p {
    display: none;
}

.specialcar-information__box {
    background: #333333;
    padding: 24px 40px 25px;
    margin-bottom: 60px;
}

.specialcar-information__ttl {
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 14px;
}

.specialcar-information__txt {
    font-size: 12px;
    color: #b2b2b2;
    line-height: 1.8;
    letter-spacing: 0.007em;
}

.specialcar-other__list {
    margin: 20px -16px 58px !important;
    max-width: none !important;
}

.specialcar-other__item {
    height: auto;
    background: linear-gradient(-45deg, rgba(38, 38, 38, 0) 5.5%, rgba(38, 38, 38, 1) 5.5%, rgba(38, 38, 38, 1) 94.5%, rgba(38, 38, 38, 0) 94.5%);
    text-align: center;
    margin: 0 16px;
    width: calc(33.333333% - 32px);
    padding: 40px 10px 41px;
    cursor: pointer;
}

img.specialcar-other__img {
    transform: none;
    margin: 0 auto 29px;
}

.specialcar-other__name {
    font-size: 20px;
    margin-bottom: 21px;
    letter-spacing: -0.04em;
}

.specialcar-other__name span {
    font-size: 12px;
    margin-right: 4px;
    letter-spacing: 0.1em;
}

.specialcar-other__parts {
    font-size: 12px;
    margin-bottom: 7px;
}

.specialcar-other__base {
    font-size: 12px;
    margin-bottom: 21px;
    letter-spacing: 0.03em;
}

.specialcar-other__price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 30px;
}

.specialcar-other__price-ttl {
    font-size: 12px;
    margin-right: 5px;
    letter-spacing: 0.04em;
}

.specialcar-other__price-numbar {
    font-size: 20px;
    border-bottom: 3px solid #bd2424;
    padding-bottom: 2px;
    letter-spacing: 0.04em;
}

.specialcar-other__price-numbar span {
    font-size: 12px;
}

.specialcar-other__more {
    max-width: 90%;
    font-size: 13px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    background: #666;
    position: relative;
}

.specialcar-other__more::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.slick-arrow {
    position: absolute;
}

.specialcar-other .slick-arrow {
    width: 20px;
    height: 0;
    padding-top: 20px;
    background: url(../img/arrow-right.png) no-repeat center;
    overflow: hidden;
    border: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    z-index: 1;
    cursor: pointer;
}

.specialcar-other .slick-prev {
    background: url(../img/arrow-left.png) no-repeat center;
    left: -10px;
}

.specialcar-footer, .suspension-footer {
    max-width: 1200px;
    margin: auto;
}

.specialcar-footer .footer-inner, .suspension-footer .footer-inner {
    padding: 9px 0 28px;
}

.specialcar-footer .footer-inner-right, .suspension-footer .footer-inner-right {
    padding: 0;
}

.specialcar-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}

.specialcar-modal__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    width: 741px;
    height: 579px;
    background: url(../img/specialcar/bg02.png) no-repeat top / cover;
}

.specialcar-modal__inner img {
    display: block;
    margin: 50px auto 0;
    width: 640px;
    height: 426px;
    max-width: 90%;
    max-height: 90%;
    object-fit: cover;
}

.specialcar-modal__inner p {
    width: 640px;
    max-width: 90%;
    margin: 9px auto 0;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 1200px) {
    .specialcar-other__list {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .specialcar {
        background: url(../img/specialcar/bg04.png) no-repeat top / contain;
    }

    .specialcar-header {
        height: 775px;
    }

    .specialcar-header__inner {
        margin: 10px auto 0;
    }

    .specialcar-header__logo {
        width: 90px;
        margin-left: 15px;
        margin-top: 2px;
    }

    .specialcar-header__close {
        width: 140px;
        height: 30px;
        font-size: 10px;
        margin-right: 10px;
    }

    .specialcar-header__close::after {
        font-size: 18px;
    }

    .specialcar__main {
        padding-top: 70px;
    }

    .specialcar-top {
        display: block;
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .specialcar-top__left {
        width: 100%;
        margin-top: 0;
        border-bottom: 1px solid #4d4d4d;
        padding-bottom: 20px;
    }

    .specialcar-top__img {
        padding: 0 13%;
    }

    .specialcar-top__txt {
        font-size: 10px;
        margin-top: 24px;
        line-height: 1.9;
    }

    .specialcar-top__right {
        margin: 23px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .specialcar-top__maker {
        font-size: 10px;
        letter-spacing: 0.09em;
        margin-bottom: 7px;
    }

    .specialcar-top__name {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .specialcar-top__parts {
        font-size: 12px;
        letter-spacing: 0.01em;
    }

    .specialcar-top__base {
        font-size: 10px;
        order: 0;
        margin-bottom: 15px;
    }

    .specialcar-top__price {
        order: 1;
    }

    .specialcar-top__list {
        margin: 0;
        padding: 11px 20px;
        margin: 0 0 18px;
    }

    .specialcar-top__item {
        font-size: 10px;
        margin: 0;
        width: 47.8%;
        letter-spacing: 0.03em;
    }

    .specialcar-top__item:nth-of-type(2n) {
        width: 52.2%;
    }

    .specialcar-top__price-head {
        font-size: 12px;
        letter-spacing: 0.01em;
    }

    .specialcar-top__price-number {
        font-size: 20px;
        border-bottom: 1px solid #bd2424;
        padding-bottom: 3px;
    }

    .specialcar-top__price-number__yen {
        font-size: 12px;
    }

    .specialcar-top__price-number__tax {
        font-size: 12px;
    }

    .specialcar-ttl {
        font-size: 14px;
        padding: 0 20px 14px;
    }

    .specialcar-option__list {
        padding: 0;
        margin: 0 0 23px;
    }

    .specialcar-option__item {
        font-size: 12px;
        padding: 10px 20px 11.5px;
        line-height: 1.5;
        letter-spacing: -0.01em;
    }

    .specialcar-option__item::before {
        content: none;
    }

    .specialcar-close {
        margin-bottom: 50px;
    }

    .specialcar-photo__list {
        padding: 0 20px;
        margin-bottom: 12px;
    }

    .specialcar-photo__item {
        width: 49.5%;
        margin-right: 1%;
        margin-bottom: 3px;
    }

    .specialcar-photo__item:nth-of-type(3n) {
        margin-right: 1%;
    }

    .specialcar-photo__item:nth-of-type(2n) {
        margin-right: 0;
    }

    .specialcar-information {
        padding: 0 20px;
    }

    .specialcar-information__box {
        padding: 20px 20px 16px;
        margin-bottom: 49px;
    }

    .specialcar-information__ttl {
        font-size: 13px;
        letter-spacing: 0.04em;
        margin-bottom: 13px;
    }

    .specialcar-information__txt {
        font-size: 10px;
        line-height: 1.9;
    }

    .specialcar-other__list {
        margin: 0 0 24px !important;
    }

    .specialcar-other__item {
        margin: 19px;
        background: linear-gradient(-45deg, rgba(38, 38, 38, 0) 3%, rgba(38, 38, 38, 1) 3%, rgba(38, 38, 38, 1) 97%, rgba(38, 38, 38, 0) 97%);
        padding: 27px 20px 29px;
        text-align: left;
    }

    img.specialcar-other__img {
        width: 72%;
        margin: 0 auto 19px;
    }

    .specialcar-other__name {
        font-size: 16px;
        margin-bottom: 11px;
    }

    .specialcar-other__name span {
        display: block;
        font-size: 10px;
        margin-bottom: 7px;
    }

    .specialcar-other__parts, .specialcar-other__base {
        font-size: 12px;
        display: inline;
        line-height: 1.5;
    }

    .specialcar-other__price {
        justify-content: flex-start;
        margin-top: 13px;
        margin-bottom: 18px;
    }

    .specialcar-other .slick-arrow {
        right: 10px;
    }

    .specialcar-other .slick-prev {
        left: 10px;
    }

    .specialcar-modal__inner {
        max-width: none;
        max-height: none;
        width: 94.67vw;
        height: 80vw;
        background: url(../img/specialcar/bg03.png) no-repeat top / cover;
    }

    .specialcar-modal__inner img {
        max-width: none;
        max-height: none;
        width: 78.67vw;
        height: 52.53vw;
        margin: 8.2% auto 0;
    }

    .specialcar-modal__inner p {
        max-width: none;
        width: 78.67vw;
        margin: 3.1% auto 0;
        font-size: 10px;
        letter-spacing: -0.01em;
    }
}

.wheel {
    background: url(../img/wheel/bg01.png) no-repeat top / cover;
}

.wheel.color-white {
    background: url(../img/wheel/bg01.png) no-repeat top / cover, linear-gradient(to bottom, #fff 40%, #000 75%);
}

.wheel header {
    margin: auto;
    height: auto;
}

.wheel main {
    height: calc(100vh - 90.72px - 73px);
}

.wheel-header__left, .wheel-header__right {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #595959;
    font-size: 13px;
    width: 220px;
    height: 40px;
    position: relative;
    cursor: pointer;
    margin-top: 30px;
    padding-left: 14px;
}

.color-white .wheel-header__left, .color-white .wheel-header__right {
    color: #595959;
}

.wheel-header__left::after, .wheel-header__right::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.wheel-header__left::after {
    background: url(../img/arrow-left.png) no-repeat center / cover;
}

.color-white .wheel-header__right::after {
    background: url(../img/wheel/icon05.png) no-repeat center / cover;
}

.color-white .wheel-header__left::after {
    background: url(../img/wheel/icon04.png) no-repeat center / cover;
}

.wheel-header {
    display: flex;
    justify-content: space-between;
}

.wheel-header__logo img {
    width: 412px;

}

.wheel-top {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
    height: calc((100vh - 90.72px - 73px) * 0.4);
}

.wheel-top__change {
    width: 95px;
}

.wheel-top__change-head {
    font-size: 13px;
    margin-left: 16px;
    letter-spacing: 0.06em;
    margin-bottom: 18px;
}

.color-white .wheel-top__change-head {
    color: #595959;
}

.wheel-top__change-color {
    display: flex;
    margin-left: 19px;
    align-items: center;
}

.wheel-top__change-black, .wheel-top__change-white {
    width: 50%;
    display: block;
    cursor: pointer;
}

.wheel-top__change-black {
    background: #282728;
    border: 2px solid #7f7f7f;
    height: 24px;
}

.wheel-top__change-white {
    background: #fff;
    height: 22px;
}

.color-white .wheel-top__change-black {
    border: none;
    height: 22px;
}

.color-white .wheel-top__change-white {
    border: 2px solid #7f7f7f;
    height: 24px;
}

.wheel-top__left {
    width: 97px;
}

.wheel-top__img {
    flex: 1;
    margin: 0 6% 0 0%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    /* justify-content: center; */
}

/* .wheel-top__img img {
    max-height: 100%;
} */

.wheel-top__right {
    width: 220px;
    padding: 6px 0 13px 11px;
    margin-left: -98px;
}

.color-white .wheel-top__right {
    background: rgba(0, 0, 0, 0.6);
}

.wheel-top__price {
    font-size: 20px;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
}

.wheel-top__price-yen {
    font-size: 14px;
}

.wheel-top__price-tax {
    font-size: 12px;
}

.wheel-top__sum {
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 11px;
}

.wheel-top__sum span {
    font-size: 12px;

}

.wheel-top__price2 {
    font-size: 28px;
    border-bottom: 3px solid #bd2424;
    padding-bottom: 5px;
    margin-left: 15px;
    letter-spacing: -0.01em;
    display: inline-block;
    margin-bottom: 29px;
}

.wheel-top__price2-yen {
    font-size: 14px;
}

.wheel-top__price2-tax {
    font-size: 12px;
}

.wheel-top__down {
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 6px;
}

.wheel-top__down-head {
    font-size: 13px;
    margin-left: 12px;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.wheel-top__down-input {
    width: 189px;
    height: 34px;
    background: #333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    padding-right: 26px;
    letter-spacing: 0.05em;
    color: #fff;
    cursor: pointer;
    border: none;
    position: relative;
}

.wheel-top__down-inner {
    margin-left: 4px;
}

.wheel-top__down-input::after {
    content: "";
    display: block;
    background: url(../img/wheel/icon03.png) no-repeat center / cover;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    pointer-events: none;
}

.wheel-top__down-list {
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 100%;
    transition: 0.3s;
    display: none;
    background: #333;
    padding: 6px 6px 0;
}

.wheel-top__down-input.open .wheel-top__down-list {
    display: block;
}


.wheel-top__down-item {
    font-size: 13px;
    list-style: none;
    width: 100%;
    height: 28px;
    background: #333;
    margin-bottom: 6px;
    margin-right: 6px;
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
}

.wheel-top__down-item.select {
    background: #595959;
}

.wheel-top__down-item.select::before {
    content: "";
    display: block;
    background: url(../img/wheel/icon08.png) no-repeat center / cover;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -2px;
    left: -2px;
}

.wheel-top__down-item.select::after {
    position: absolute;
    bottom: -3px;
    content: "";
    border-bottom: 2px solid #bd2424;
    width: 100%;
}

.wheel-top__down-control {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    margin-bottom: 4px;
}

.wheel-top__down-control-plus, .wheel-top__down-control-minus {
    width: 25px;
    height: 25px;
    border: 1px solid #595959;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
}

.wheel-top__down-control-plus {
    font-size: 17px;
}

.wheel-top__down-control-minus {
    font-size: 12px;
}

.wheel-top__color-head {
    font-size: 13px;
    margin-left: 12px;
    margin-bottom: 5px;
}

.wheel-top__color {
    width: 189px;
    height: 31px;
    background: #333;
    display: flex;
    align-items: center;
    font-size: 10px;
    margin-left: 10px;
    padding-right: 34px;
    padding-left: 5px;
    letter-spacing: 0.08em;
    position: relative;
    cursor: pointer;
}

.wheel-top__color.open {
    width: 197px;
}

.wheel-top__color::after {
    content: "";
    display: block;
    background: url(../img/wheel/icon03.png) no-repeat center / cover;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}

.wheel-top__color-inner {
    white-space: nowrap;
    overflow: hidden;
}

.wheel-top__color-list {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    position: absolute;
    margin: 0;
    padding: 0 0 0 18px;
    background: #333;
    z-index: 1;
    display: none;
    width: 100%;
    transition: 0.3s;
}

.wheel-top__color.open .wheel-top__color-list {
    display: block;
}

.wheel-top__color-item {
    list-style: none;
    display: flex;
    margin-bottom: 6px;
    line-height: 1.5;
    align-items: center;
    position: relative;
}

.wheel-top__color-item.select::before {
    content: "";
    display: block;
    background: url(../img/wheel/icon08.png) no-repeat center / cover;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -5px;
    left: -5px;
}

.wheel-top__color-item img {
    width: 46px;
    height: 46px;
    margin-right: 10px;
}

.wheel-main {
    display: flex;
    margin: auto;
    max-width: 1200px;
    height: calc((100vh - 90.72px - 73px) * 0.6);
}

.wheel-main__left {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.wheel-main__inch {
    display: flex;
    margin: 40px 0 0;
    padding: 0;
}

.wheel-main__inch-item {
    font-size: 14px;
    list-style: none;
    display: flex;
    align-items: center;
    margin-right: 39px;
    cursor: pointer;
}

.wheel .carcard-circle {
    transform: scale(0.75);
    margin-left: -3px;
    margin-right: 4px;
}

.wheel .carcard-circle-suspension {
    transform: scale(0.75);
    margin-left: -3px;
    margin-right: 4px;
}

.wheel .carcard-circle .bi.bi-check-lg {
    left: 5px;
}

.wheel .carcard-circle-suspension .bi.bi-check-lg {
    left: 5px;
}

.wheel-main__list {
    display: flex;
    flex-wrap: wrap;
    margin: 23px 0 16px;
    padding: 0;
    overflow-y: scroll;
    height: 365px;
    justify-content: flex-start;
    align-items: flex-start;
}

.wheel-main__list::-webkit-scrollbar-thumb {
    background-color: #bd2424;
}

.wheel-main__list-item {
    position: relative;
    list-style: none;
    width: 100px;
    margin: 10px 0 10px;
    margin-right: 18.5px;
}

.wheel-main__list-item p {
    display: none;
}

.wheel-main__list-item img {
    cursor: pointer;
}

.wheel-main__list-item .carcard-circle {
    position: absolute;
    right: -5px;
    bottom: -5px;
    opacity: 0;
}

.wheel-main__list-item .carcard-circle.-active {
    opacity: 1;
}

.wheel-main__list-item__plus {
    right: 84px;
    position: absolute;
    cursor: pointer;
}

.wheel-main__list-item__plus {
    width: 16px;
}

.wheel-main__note {
    font-size: 12px;
    color: #999999;
    letter-spacing: 0.04em;
    display: flex;
    margin-bottom: 16px;
}

.wheel-size__note {
    letter-spacing: 0.04em;
    padding-top: 5px;
}

.wheel-main__right {
    width: 220px;
    margin-left: 28px;
}

.wheel-main__button {
    background: url(../img/wheel/bg02.png) no-repeat center / cover;
    font-size: 12px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 6px;
    cursor: pointer;
}

.wheel-main__txt {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.04em;
    margin-left: 5px;
    margin-bottom: 7px;
}

.wheel-main__select {
    padding: 0;
    margin: 0 0 31px;
}

.wheel-main__select-item {
    font-size: 13px;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #595959;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
}

.wheel-main__select-item::before {
    content: "";
    background: url(../img/wheel/icon02.png) no-repeat center / cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
}

.wheel-main__select-item.-active::before {
    background: url(../img/wheel/icon06.png) no-repeat center / cover;
}

.wheel-main___next, .wheel-main___reset {
    font-size: 13px;
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #969696;
    position: relative;
    letter-spacing: 0.03em;
    /* pointer-events: none; */
}

.wheel-main___reset {
    background: #5d5d5d;
    margin-bottom: 15px;
    cursor: pointer;
}

.wheel-main___next.-active, .wheel-main___reset.-active {
    pointer-events: all;
    background: #bd2424;
    cursor: pointer;
}

.wheel-main___next::after, .wheel-main___reset::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.wheel-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
}

.wheel-modal__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    width: 886px;
    height: 565px;
    background: url(../img/wheel/bg07.png) no-repeat top / cover;
    padding: 68px 59px 0 43px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wheel-modal__inner img {
    display: block;
    width: 50% !important;
    height: 374px;
    max-width: 49%;
    max-height: 90%;
    object-fit: contain;
    background: #adabb6;
}

.wheel-modal__right {
    width: 50% !important;
    height: 374px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #333333;
    line-height: 3;
    letter-spacing: 0.1em;
    font-size: 13px;
    max-width: 49%;
}

.wheel-modal__inner p {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: -40px;
}

.wheel-modal__magnifying {
    background: url(../img/wheel/icon07.png) no-repeat center / cover;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 68px;
    left: 43px;
}

.wheel-main__select-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wheel-main__select-modal__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.wheel-main__select-modal__inner {
    position: relative;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    background: url(../img/wheel/bg06.png) no-repeat top / 100% 100%;
    padding: 39px 39px 41px;
}

.wheel-main__select-modal__close {
    position: absolute;
    font-size: 52px;
    font-weight: 100;
    top: 25px;
    right: 30px;
    cursor: pointer;
}

.wheel-main__select-modal__top {
    display: flex;
    border-bottom: 1px solid #4c4c4c;
    border-image: linear-gradient(to right, #bd2424 50px, #4c4c4c 50px);
    border-image-slice: 1;
    padding-bottom: 13px;
    margin-right: 87px;
}

.wheel-main__select-modal__head {
    font-size: 18px;
    font-weight: normal;
    padding-top: 3px;
    letter-spacing: -0.01em;
}

.wheel-main__select-modal__head-suspension {
    font-size: 18px;
    font-weight: normal;
    padding-top: 3px;
    letter-spacing: -0.01em;
    width: 225px;
}

.wheel-main__select-modal__select {
    display: flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.05em;
    width: 150px;
}

.wheel-main__select-modal__select:last-of-type {
    margin-right: 0;
}

.wheel-main__select-modal__list {
    margin: 0px -10px;
    padding: 33px 0 13px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.wheel-main__select-modal__list-item {
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    width: 168px;
    margin-bottom: 20px;
}

.wheel-main__select-modal__img {
    width: 168px;
    height: 168px;
}

.wheel-main__select-modal__name {
    display: flex;
    justify-content: center;
    font-size: 16px;
    padding: 20px 0 8px;
}

.wheel-main__select-modal__name-txt {
    flex: 1;
}

.wheel-main__select-modal__name .carcard-circle {
    margin: -6px 5px 0;
}

.wheel-main__select-modal__txt {
    font-size: 14px;
    line-height: 1.84;
    letter-spacing: 0.01em;
}

@media screen and (max-height: 950px) and (min-width: 751px) {

    .wheel-top__price {
        font-size: 2vh;
        margin-bottom: 2.4vh;
    }

    .wheel-top__price-yen {
        font-size: 1.4vh;
    }

    .wheel-top__price-tax {
        font-size: 1.2vh;
    }

    .wheel-top__sum {
        font-size: 1.4vh;
        margin-bottom: 1.1vh;
    }

    .wheel-top__sum span {
        font-size: 1.2vh;
    }

    .wheel-top__price2 {
        font-size: 2.8vh;
        border-bottom: 0.3vh solid #bd2424;
        padding-bottom: 0.5vh;
        margin-bottom: 2.9vh;
    }

    .wheel-top__price2-yen {
        font-size: 1.4vh;
    }

    .wheel-top__price2-tax {
        font-size: 1.2vh;
    }

    .wheel-top__down-head {
        font-size: 1.3vh;
    }

    .wheel-top__down-input {
        height: 3.4vh;
        font-size: 1.3vh;
    }

    .wheel-top__color-head {
        font-size: 1.3vh;
        margin-bottom: 0.5vh;
    }

    .wheel-top__color {
        height: 3.1vh;
        font-size: 1vh;
    }

    .wheel-main__txt {
        font-size: 1.4vh;
        margin-bottom: 0.7vh;
    }

    .wheel-main__button {
        margin-bottom: 0.6vh;
    }

    .wheel-main__select {
        margin: 0;
    }

    .wheel-main__select-item {
        font-size: 1.3vh;
        height: 4vh;
        margin-bottom: 1vh;
    }

    .wheel-main__select-item::before {
        width: 2vh;
        height: 2vh;
    }

    .wheel-main___next, .wheel-main___reset {
        font-size: 1.3vh;
        height: 4vh;
    }
}

@media screen and (max-height: 700px) and (min-width: 751px) {
    .wheel main {
        height: calc(700px - 90.72px - 73px);
    }

    .wheel-top {
        height: calc((700px - 90.72px - 73px) * 0.4);
    }

    .wheel-main {
        height: calc((700px - 90.72px - 73px) * 0.6);
    }

    .wheel-top__price {
        font-size: 14px;
        margin-bottom: 16.8px;
    }

    .wheel-top__price-yen {
        font-size: 10px;
    }

    .wheel-top__price-tax {
        font-size: 10px;
    }

    .wheel-top__sum {
        font-size: 10px;
        margin-bottom: 7.7px;
    }

    .wheel-top__sum span {
        font-size: 10px;
    }

    .wheel-top__price2 {
        font-size: 19.6px;
        border-bottom: 2.1px solid #bd2424;
        padding-bottom: 3.5px;
        margin-bottom: 20.3px;
    }

    .wheel-top__price2-yen {
        font-size: 10px;
    }

    .wheel-top__price2-tax {
        font-size: 10px;
    }

    .wheel-top__down-head {
        font-size: 10px;
    }

    .wheel-top__down-input {
        height: 23.8px;
        font-size: 10px;
    }

    .wheel-top__color-head {
        font-size: 10px;
        margin-bottom: 3.5px;
    }

    .wheel-top__color {
        height: 21.7px;
        font-size: 10px;
    }

    .wheel-main__txt {
        font-size: 10px;
        margin-bottom: 4.9px;
    }

    .wheel-main__button {
        margin-bottom: 4.2px;
    }

    .wheel-main__select-item {
        font-size: 10px;
        height: 28px;
        margin-bottom: 7px;
    }

    .wheel-main__select-item::before {
        width: 14px;
        height: 14px;
    }

    .wheel-main___next, .wheel-main___reset {
        font-size: 10px;
        height: 28px;
    }
}

@media screen and (max-width: 750px) {
    .wheel {
        background: url(../img/wheel/bg04.png) no-repeat top / contain;
    }

    .wheel main {
        height: auto;
    }

    .wheel-top {
        height: auto;
    }

    .wheel-main {
        height: auto;
    }

    .wheel.color-white {
        background: url(../img/wheel/bg05.png) no-repeat top / contain, linear-gradient(to bottom, #fff 208px, #000 208px);
    }

    .wheel-top {
        /* display: block; */
        margin: 95px 0 0;
        flex-direction: column;
    }

    .wheel-top__change {
        width: 100%;
        padding: 7px 20px 0;
    }

    .wheel-top__change-head {
        font-size: 13px;
        margin-left: 0;
        margin-bottom: 9px;
    }

    .wheel-top__change-color {
        margin: 0;
        width: 50px;
    }

    .wheel-top__change-black {
        height: 19px;
    }

    .wheel-top__change-white {
        height: 15px;
    }

    .color-white .wheel-top__change-black {
        height: 15px;
    }

    .color-white .wheel-top__change-white {
        height: 19px;
    }

    .wheel-top__img {
        padding: 15px 20px 31px;
        /*border-bottom: 2px solid #fff;*/
        margin: 0;
    }

    .wheel-top__right {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }

    .wheel-top__down {
        margin: 0;
        flex: 1;
    }

    .wheel-top__down-wrapper {
        display: flex;
        align-items: center;
        margin: 17px 0 10px;
    }

    .wheel-top__down-input {
        flex: 1;
        height: 40px;
        width: 100%;
    }

    .wheel-top__down-control {
        margin: 0;
    }

    .wheel-top__down-control-plus, .wheel-top__down-control-minus {
        width: 40px;
        height: 40px;
    }

    .wheel-top__down-head, .wheel-top__color-head, .wheel-main__inch-head {
        width: 25vw;
        margin: 0;
        text-align: center;
        font-size: 12px;
        line-height: 1.6;
    }

    .wheel-top__color-wrapper {
        display: flex;
        align-items: center;
    }

    .wheel-top__color {
        margin: 0;
        height: 40px;
        flex: 1;
        font-size: 12px;
    }

    .wheel-main__inch-item {
        width: 40px;
        height: 40px;
        background: #333;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .wheel-main__inch-item:last-of-type {
        margin: 0;
    }

    .wheel-main__inch-item.-active {
        background: #595959;
    }

    .wheel-main__inch-item.-active::after {
        position: absolute;
        bottom: -4px;
        content: "";
        border-bottom: 2px solid #bd2424;
        width: 100%;
    }

    .wheel-main {
        display: block;
    }

    .wheel-main__left {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .wheel-main__inch {
        order: 0;
        margin: 10px 0 0;
    }

    .wheel-main__list {
        order: 1;
        overflow-y: visible;
        height: auto;
        margin: 11px -20px 0 0;
    }

    .wheel-main__note {
        order: 0;
        display: flex;
        font-size: 14px;
        margin: 15px 0 0;
    }

    .wheel-main__note img {
        width: 16px;
    }

    .wheel-main__txt {
        margin: 0;
        font-size: 13px;
        display: flex;
        justify-content: space-between;
        letter-spacing: 0.09em;
        margin-top: 19px;
    }

    .wheel-main__list-item {
        margin: 10px 0 6px;
        margin-right: 17px;
    }

    /* .wheel-main__list-item:nth-of-type(3n) {
        margin-right: 0;
    } */
    .wheel-main__list-item .carcard-circle {
        transform: none;
        right: 0;
        bottom: 0;
    }

    .wheel .wheel-main__list-item .carcard-circle .bi.bi-check-lg {
        top: -1px;
    }

    .wheel-main__right {
        width: 100%;
        margin: 11px auto 0;
        padding: 0 20px;
    }

    .wheel-main__button {
        background: url(../img/wheel/bg03.png) no-repeat center / cover;
        font-size: 13px;
        height: 45px;
        max-width: 335px;
        margin-bottom: 30px;
    }

    .wheel-main__select {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 12px;
    }

    .wheel-main__select-item {
        width: 47%;
        height: 45px;
        margin-bottom: 10px;
        letter-spacing: -0.09em;
    }

    .wheel-main__select-item::before {
        left: 4px;
    }

    .wheel-main___next {
        font-size: 12px;
        height: 45px;
        margin-bottom: 20px;
    }

    .wheel-main___reset {
        font-size: 12px;
        height: 45px;
    }

    .wheel footer {
        padding-bottom: 95px;
    }

    .wheel-modal__inner {
        max-width: none;
        max-height: none;
        width: 89.33vw;
        height: 150.47vw;
        background: url(../img/wheel/bg08.png) no-repeat top / cover;
        padding: 0;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding-top: 15px;
    }

    .wheel-modal__inner img {
        max-width: none;
        max-height: none;
        width: 76vw;
        height: 50.93vw;
        margin: 0 auto 7.6%;
    }

    .wheel-modal__inner p {
        max-width: none;
        margin: 0 0 6.5%;
        padding: 0 7.6%;
        line-height: 1.3;
        font-size: 12px;
        letter-spacing: 0.09em;
        text-align: left;
    }

    .wheel-modal__right {
        width: 76.05vw;
        height: 50.35vw;
        max-width: none;
        max-height: none;
        margin: 0 auto 8.9%;
        text-align: left;
        color: #111;
        line-height: 1.6;
        letter-spacing: 0.01em;
        background: #707070;
    }

    .wheel-modal__magnifying {
        display: none;
    }

    .wheel-main__select-modal__inner {
        max-width: none;
        max-height: none;
        width: 89.33vw;
        height: 143.47vw;
        background: url(../img/wheel/bg09.png) no-repeat top / cover;
        padding: 0 6.5%;
        overflow-y: scroll;
    }

    .wheel-main__select-modal__close {
        top: -1%;
        right: 3%;
    }

    .wheel-main__select-modal__top {
        display: flex;
        border-bottom: 2px solid #4c4c4c;
        border-image: linear-gradient(to right, #bd2424 56px, #4c4c4c 56px);
        border-image-slice: 1;
        padding-bottom: 9px;
        margin-right: 0;
        margin-bottom: 49px;
        position: relative;
    }

    .wheel-main__select-modal__head {
        font-size: 14px;
        padding-top: 35px;
    }

    .wheel-main__select-modal__head-suspension {
        font-size: 14px;
        padding-top: 35px;
    }

    .wheel-main__select-modal__select {
        position: absolute;
        left: 2px;
        bottom: -30px;
        letter-spacing: -0.1em;
    }

    .wheel-main__select-modal__select:last-of-type {
        left: 88px;
    }

    .wheel-main__select-modal__select .carcard-circle {
        transform: scale(1);
        order: 0;
        margin: 0 7px 0 0;
    }

    .wheel-main__select-modal__select .carcard-circle-suspension {
        transform: scale(1);
        order: 0;
        margin: 0 7px 0 0;
    }

    .wheel-main__select-modal__list {
        padding: 0;
        display: block;
    }

    .wheel-main__select-modal__list-item {
        margin-left: 0;
        margin-right: 0;
        display: flex;
        margin-bottom: 14px;
        width: auto;
    }

    .wheel-main__select-modal__img {
        width: 45.6%;
        height: auto;
    }

    .wheel-main__select-modal__list-item:last-of-type {
        margin-right: 0;
    }

    .wheel-main__select-modal__name {
        display: flex;
        justify-content: flex-start;
        font-size: 12px;
        padding: 6px 0 0 11px;
        align-items: center;
    }

    .wheel-main__select-modal__name .carcard-circle {
        transform: scale(1);
        order: 0;
        margin: 0 12px 0 0;
    }

    .wheel-main__select-modal__txt {
        font-size: 11px;
        line-height: 1.77;
        padding: 8px 0 0 41px;
    }

    .wheel .carcard-circle .bi.bi-check-lg {
        left: 4px;
        top: 1px;
    }

    .wheel .carcard-circle-suspension .bi.bi-check-lg {
        left: 4px;
        top: 1px;
    }
}

.suspension-header__left, .suspension-header__right {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #595959;
    font-size: 13px;
    width: 220px;
    height: 40px;
    position: relative;
    cursor: pointer;
    margin-top: 30px;
    padding-left: 14px;
}

.suspension-header__left::after, .suspension-header__right::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.suspension-header__left::after {
    background: url(../img/arrow-left.png) no-repeat center / cover;
}

.suspension-header {
    display: flex;
    justify-content: space-between;
}

.suspension-header__logo img {
    width: 412px;
}

.suspension {
    background: url(../img/suspension/bg01.png) no-repeat top / cover;
}

.suspension header {
    height: auto;
    margin: auto;
}

.suspension-main {
    max-width: 1040px;
    padding: 0 20px;
    margin: -2px auto 0;
}

.suspension-head1 {
    font-size: 24px;
    font-weight: normal;
    border-bottom: 2px solid #4c4c4c;
    border-image: linear-gradient(to right, #bd2424 115px, #4c4c4c 115px);
    border-image-slice: 1;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.suspension-head2 {
    font-size: 15px;
    font-weight: normal;
    margin: 14px 0 21px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.suspension-box1 {
    margin-bottom: 48px;
}

.suspension-box2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
    flex-wrap: wrap;
}

.suspension-box__inner {
    width: 48.75%;
}

.suspension-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.suspension-list-item {
    list-style: none;
    width: 147px;
    background: linear-gradient(-45deg, transparent 12px, #262626 12px, #262626 calc(100% - 12px), transparent calc(100% - 12px));
    padding: 10px 14px 14px;
    margin-right: 23px;
    margin-bottom: 14px;
    cursor: pointer;
}

.suspension-list-item:hover, .suspension-list-item.-active {
    background: linear-gradient(-45deg, transparent 12px, #262626 12px, #595959 calc(100% - 12px), transparent calc(100% - 12px));
}

.suspension-list-item:last-of-type {
    margin-right: 0;
}

.suspension-list__name1 {
    text-align: center;
    font-size: 13px;
    line-height: 2.1;
    letter-spacing: -0.08em;
    margin-bottom: 2px;
}

.suspension-list-item .carcard-circle {
    transform: scale(0.75);
}

.suspension-list-item .bi.bi-check-lg {
    left: 5px;
}

.suspension-list-item img {
    display: flex;
    align-items: center;
    height: 119px;
    object-fit: contain;
    background: #111;
}

.suspension-list__name2 {
    font-size: 13px;
    line-height: 1.1;
    padding-top: 2px;
    letter-spacing: 0.04em;
}

.suspension-list__price {
    font-size: 13px;
    letter-spacing: 0.04em;
    text-align: center;
    margin: 11px 0 10px;
}

@media screen and (max-width: 750px) {
    .suspension {
        background: url(../img/suspension/bg02.png) no-repeat top / contain;
    }

    .suspension-main {
        margin-top: 66px;
    }

    .suspension-head1 {
        font-size: 22px;
        padding-top: 30px;
        margin-bottom: 21px;
    }

    .suspension-box__inner {
        width: 100%;
    }

    .suspension-list-item {
        width: 100%;
        margin-right: 0;
        padding: 20px 13px;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        min-height: 97px;
    }

    .suspension-list-item .carcard-circle {
        transform: scale(1);
        order: 0;
    }

    .suspension-list__name1 {
        margin: 0;
        flex: 1;
        padding-right: 11px;
        order: 1;
    }

    .suspension-list-item img {
        order: 1;
        width: 105px;
        height: 98px;
        margin: 10px;
        margin: 0 10px 0 11px;
    }

    .suspension-list__price-wrapper {
        order: 1;
        flex: 1;

    }

    .suspension-list__price {
        text-align: right;
        margin: 30px 0 0;
    }

    .suspension-head2 {
        margin: 5px 0 20px;
    }

    .suspension-box1 {
        margin-bottom: 40px;
    }

    .suspension-box__inner {
        margin-bottom: 40px;
    }

    .suspension-box2 {
        margin-bottom: 0;
    }
}

.result-more .result-form {
    padding: 0 32px 8px;
}

.result-more .result-table-01 {
    max-width: 800px;
    margin-top: 47px;
}

.result-more .result-td {
    height: 72.5px;
    width: 36.2%;
    letter-spacing: -0.02em;
}

.result-more .result-td__tradein {
    padding-right: 150px;
}

.result-more .result-p {
    margin-bottom: 0;
}

.result-more .result-td.--pb0 {
    height: 80px;
}

.result-more .table-wrap {
    max-width: 800px;
    margin-bottom: 34px;
}

.result-more .table-wrap .result-td.-head {
    padding-top: 40px;
    padding-bottom: 0;
}

.result-more .backlink.--special {
    position: absolute;
    top: 46px;
    right: 0;
}

.result-more .table-wrap-left {
    width: 56.2%;
    margin-right: 60px;
}

.result-more .table-wrap-right {
    width: auto;
    flex: 1;
}

.result-more .result-table-02 {
    margin-top: 9.5px;
}

.result-more .result-table-02:nth-of-type(3) {
    margin-top: 3px;
}

.result-more .result-table-02:nth-of-type(4) {
    margin-top: 5px;
}

.result-more .result-table-02:nth-of-type(n + 5) {
    margin-top: 0;
}

.result-more .result-more__sum-number {
    font-size: 14px;
}

.result-more .result-td.-small {
    font-size: 16px;
}

.small-text {
    font-size: 10px;
}

.result-more .table-wrap-left .result-td {
    width: auto;
}

.result-more .etc-box {
    margin-top: -5px;
}

.result-more .btn-ditail {
    width: 254px;
    padding: 18px 0;
}

.result-more .btn-ditail-arrow {
    top: 20px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.result-more .table-wrap-right .result-td.-head {
    height: 72.5px;
}

.result-more .table-wrap-right .result-td, .result-02 .table-wrap-right .result-td.-small {
    height: 55.5px;
}

.result-more .table-wrap-right .result-tr:last-of-type .result-td {
    height: 72.5px;
}

.result-more .attention {
    margin-top: 15px;
    padding-left: 8px;
}

.result-more .sumbox-intitle {
    font-size: 1.4rem;
    margin-bottom: 13px;
    letter-spacing: -1px;
}

.result-more .specialcar-other {
    max-width: 800px;
    margin: auto;
}

.result-more__specialcar-other__head {
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #fff;
    text-align: center;
    margin: 44px 0 1px;
    line-height: 1.5;
    padding-bottom: 5px;
}

.result-more .specialcar-other__item {
    padding: 25px 7px 36px;
    margin: 0 19px;
}

.result-more img.specialcar-other__img {
    padding: 0 14px;
    margin: 0 auto 15px;
}

.result-more .specialcar-other__name {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
}

.result-more .specialcar-other__name span {
    font-size: 11px;
}

.result-more .specialcar-other__parts {
    font-size: 11px;
    margin-bottom: 10px;
}

.result-more .specialcar-other__base {
    font-size: 11px;
    margin-bottom: 11px;
}

.result-more .specialcar-other__price {
    margin-bottom: 20px;
}

.result-more .specialcar-other__price-ttl {
    font-size: 11px;
}

.result-more .specialcar-other__price-numbar {
    font-size: 18px;
}

.result-more .specialcar-other__price-numbar span {
    font-size: 11px;
}

.result-more .specialcar-other__more {
    width: 185px;
    height: 37px;
}

.result-more .specialcar-other .slick-arrow {
    right: -5px;
}

.result-more .specialcar-other .slick-prev {
    left: -5px;
}

@media screen and (max-width: 750px) {
    .result-more .result-form {
        padding: 0 8px 16px;
    }

    .result-more .result-td.-head {
        width: 14.3%;
        padding-left: 0;
        height: 75.5px;
    }

    .result-more .backlink, .result-more .detaillink {
        letter-spacing: 0.06em;
        padding: 3px 10px;
    }

    .result-more .table-wrap-left {
        width: 100%;
        margin-right: 0;
    }

    .result-more .table-wrap-left .result-td.--sp.--head {
        height: 76.5px;
    }

    .result-more .table-wrap-left .result-td.--sp.--head span {
        margin-top: 43px;
    }

    .result-more .result-td__tradein {
        padding-right: 0;
    }

    .result-more .backlink.--special {
        top: 51px;
    }

    .result-more .result-table-02 {
        margin-top: 10.5px;
    }

    .result-more .table-wrap .result-td.-head {
        padding-top: 44px;
        padding-bottom: 0;
    }

    .result-more .table-wrap-left .result-td {
        width: auto;
        padding-top: 28px;
    }

    .result-more .result-td.-small {
        padding-top: 16px;
        padding-bottom: 29px;
    }

    .result-more .result-table-02:nth-of-type(3) {
        margin-top: 10.5px;
    }

    .result-more .result-td.--pb0 {
        padding-top: 21px;
    }

    .result-more .color-img-sumnail-wrap {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    .result-more .color-img-sumnail-wrap span {
        margin-top: 7px;
        letter-spacing: -0.09em;
    }

    .result-more__sp-flex {
        display: flex;
        padding-bottom: 30px;
        justify-content: space-between
    }

    .result-more__sp-flex .result-td.-small {
        padding: 0;
        margin-bottom: -3px;
        align-self: flex-end;
    }

    .result-more .result-table-02:nth-of-type(4) {
        margin-top: 10.5px;
    }

    .result-more .result-td.--none {
        padding: 4.5px 0 0;
    }

    .result-more .result-td.--last {
        padding-bottom: 9px;
        padding-top: 6px;
    }

    .result-more__sp-block .result-td.-small {
        padding-top: 0;
        padding-bottom: 27px;
    }

    .result-more .result-table-02:last-of-type {
        margin: -2px 0 -9px;
    }

    .result-more .etc-box .color-img-sumnail-wrap span {
        margin-top: 0;
        letter-spacing: 0;
    }

    .result-more .etc-box .backlink, .result-more .etc-box .detaillink {
        letter-spacing: 0.06em;
        padding: 0;
        padding-left: 21px;
    }

    .result-more .etc-box {
        margin-bottom: 0;
    }

    .result-more .table-wrap-right .result-td.-head.--cost {
        padding: 48px 0 7px;
    }

    .result-more .attention {
        margin-top: 5px;
        padding-left: 0;
        color: #b3b3b3;
        margin-bottom: 49px;
    }

    .result-more .sumbox-title {
        margin-bottom: 23px;
    }

    .result-more .sumbox-intitle {
        padding-bottom: 0;
    }

    .result-more .sumbox-inPrice {
        margin-bottom: 21px;
    }

    .result-more .center-text-sub {
        margin-bottom: 32px;
    }

    .result-more__specialcar-other__head {
        margin: 42px 0 15px;
        padding-bottom: 10px;
        line-height: 1.46;
    }

    .result-more__specialcar-other__head span {
        font-size: 14px;
    }

    .result-more .specialcar-other__item {
        margin: 0 3px;
        padding: 26px 20px 30px;
    }

    .result-more img.specialcar-other__img {
        padding: 0;
        width: 73%;
        margin: 0 auto 20px;
    }

    .result-more .specialcar-other__name {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 16px;
        margin-bottom: 11px;
    }

    .result-more .specialcar-other__name span {
        font-size: 10px;
    }

    .result-more .specialcar-other__price-ttl {
        font-size: 12px;
    }

    .result-more .specialcar-other__price {
        margin-bottom: 18px;
    }

    .result-more .specialcar-other__price-numbar {
        font-size: 20px;
    }

    .result-more .specialcar-other__price-numbar span {
        font-size: 12px;
    }

    .result-more .specialcar-other__more {
        width: 200px;
        height: 40px;
    }
}

.order-input .form-box {
    max-width: 870px;
}

.order-input__top {
    max-width: 840px;
    margin: 81px auto -5px;
    padding: 0 20px;
}

.order-input__top-note {
    background: url(../img/order/input-bg01.png) no-repeat center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 178px;
    text-align: center;
    font-size: 14px;
    line-height: 1.9;
    padding-top: 44px;
    letter-spacing: -0.01em;
}

.order-input__top-txt {
    font-size: 14px;
    text-align: center;
    margin: 25px auto 25px;
}

.order-input__top-link {
    max-width: 90%;
    font-size: 13px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 40px;
    background: #666;
    position: relative;
}

.order-input__top-link::after {
    content: "";
    background: url(../img/arrow-right.png) no-repeat center / cover;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .order-input__top {
        margin: 15px auto 14px;
    }

    .order-input__top-note {
        background: url(../img/order/input-bg02.png) no-repeat center / cover;
        height: calc((100vw - 40px) * 0.40149253731);
        font-size: 10px;
        padding-top: 35px;
        line-height: 1.75;
    }

    .order-input__top-txt {
        font-size: 10px;
        margin: 20px auto 19px;
    }
}

.filter-recommended-car {
    margin: 0;
}

.filter-item-header {
    list-style-type: none;
    width: 10.0%;
    margin-top: 10px;
    text-align: center;
    /*font-size: 12px;*/
    line-height: 1.84;
    letter-spacing: 0.08em;
}

.filter-item-body {
    list-style-type: none;
    width: 38.5%;
    /*font-size: 12px;*/
    line-height: 1.84;
    letter-spacing: 0.08em;
}

@media screen and (max-width: 750px) {
    .filter-item-header {
        margin-top: 20px;
        width: 20.0%;
    }

    .filter-item-body {
        width: 70.0%;
        margin-top: 10px;
    }

}

.pre-line {
    white-space: pre-line;
}

.bottom-20 {
    margin-bottom: 20px;
}

.topmenu {
    flex-wrap: wrap;
    max-width: 1153px;
}

.toppage.main {
    min-height: 750px;
}

.topmenu-item {
    background-size: cover;
    height: 245px;
    width: calc(100% * (370 / 1153));
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.topmenu-item:nth-of-type(1) {
    background-image: url(../img/top/bg01.png);
}


.topmenu-item:nth-of-type(2) {
    background-image: url(../img/top/bg02.png);
}


.topmenu-item:nth-of-type(3) {
    background-image: url(../img/top/bg03.png);
}

.topmenu-item:nth-of-type(4) {
    background-image: url(../img/top/bg04.png);
}


.topmenu-item:nth-of-type(5) {
    background-image: url(../img/top/bg05.png);
}


.topmenu-item:nth-of-type(6) {
    background-image: url(../img/top/bg06.png);
}

.topmenu-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.topmenu-item.comingsoon::after, .topmenu-item:hover::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.topmenu-h2 {
    right: -4px;
}

.topmenu-p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 6px;
    line-height: 1.6;
    letter-spacing: -0.03em;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    background: rgba(0, 0, 0, 0.3);
}

.topmenu-item:hover .topmenu-p {
    color: #A6A6A6;
}

.topmenu-item.comingsoon .topmenu-p {
    color: #fff;
}

.topmenu-link {
    font-size: 15px;
    margin: 0 auto;
    width: 208px;
    background-color: rgba(53, 43, 39, 0.4);
    border: 1px solid #fff;
    padding: 10px 0;
    letter-spacing: -0.03em;
}

.topmenu-item:hover .topmenu-link {
    background-color: #fff;
    color: #000;
    border-color: #000;
}

.toppage .topmenu-item:hover .headerwrap-right-arrow {
    border-color: #000;
}

.topmenu-text {
    margin-bottom: 7px;
}

.toppage .headerwrap-right-arrow {
    left: 8px;
}

.topmenu-comingsoon {
    font-size: 22px;
    text-align: right;
    margin-right: 21px;
    margin-top: 14px;
    font-weight: 300;
    letter-spacing: 0.11em;
}

.topmenu-comingsoon span {
    font-size: 26px;
}

.topmenu-item:nth-of-type(n+4) .topmenu-h2 {
    right: 1px;
    top: 8px;
}

.toppage footer {
    max-width: 1326px;
}

.toppage .footer-inner {
    padding: 7px 0 14px;
}

.toppage .footer-inner-left {
    font-size: 13px;
}

.toppage .footer-inner-right {
    padding-top: 0;
}

.toppage .footer-note {
    font-size: 13px;
    text-align: right;
}

.toppage .footer-note span {
    display: block;
    letter-spacing: 0.06em;
    padding-top: 7px;
}

.toppage .copyright {
    padding: 26px 0 16px;
    text-align: right;
    font-size: 11px;
    letter-spacing: 0.04em;
}

.toppage .footer-inner-left {
    letter-spacing: 0.04em;
}

@media screen and (max-width: 1000px) {
    .toppage {
        overflow-x: hidden;
    }

    .topmenu {
        display: block;
        width: 90.4%;
        height: auto;
    }

    .topmenu-item {
        width: 100%;
        height: 54.64vw;
        margin-bottom: 8px;
    }

    .topmenu-item:nth-of-type(1) {
        background-image: url(../img/top/bg01-sp.png);
    }


    .topmenu-item:nth-of-type(2) {
        background-image: url(../img/top/bg02-sp.png);
    }


    .topmenu-item:nth-of-type(3) {
        background-image: url(../img/top/bg03-sp.png);
    }

    .topmenu-item:nth-of-type(4) {
        background-image: url(../img/top/bg04-sp.png);
    }


    .topmenu-item:nth-of-type(5) {
        background-image: url(../img/top/bg05-sp.png);
    }


    .topmenu-item:nth-of-type(6) {
        background-image: url(../img/top/bg06-sp.png);
    }

    .topmenu-p {
        font-size: 13px;
    }

    .topmenu-wrap {
        margin-top: 75px;
    }

    .topmenu-h2 {
        width: auto;
        right: 0;
    }

    .topmenu-h2-img {
        width: auto;
        height: 37px;
    }

    .topmenu-link__sp {
        right: 2px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-23%);
    }

    .topmenu-item.comingsoon .topmenu-link__sp {
        display: none;
    }

    .footer-textbox {
        margin-top: 11.5px;
    }

    .footer-textbox span {
        letter-spacing: 0.07em;
    }

    .topmenu-item:nth-of-type(n+4) .topmenu-h2 {
        right: -1px;
        top: 3px;
    }

    .topmenu-item:nth-of-type(n+4) .topmenu-h2 .topmenu-h2-img {
        height: 31px;
    }

    .topmenu-comingsoon {
        font-size: 18px;
    }

    .toppage .footer-inner-left {
        font-size: 10px;
        width: 98%;
        margin-bottom: 0;
    }

    .toppage .footer-inner {
        padding: 31px 0 14px;
    }

    .toppage .footer-inner-right img {
        width: 155px;
        display: block;
        margin-left: 15px;
        margin-top: 3px;
    }

    .toppage .copyright {
        padding: 19px 0 16px;
        letter-spacing: 0;
    }

    .toppage footer {
        bottom: auto;
    }
}

.order-input-payment{
  margin:20px 0 40px;
}
.order-input-payment__list{
  padding-bottom: 1px;
  border-bottom: 1px solid #ccc;
}
.order-input-payment__list-item{
  border: 1px solid #707070;
  background: #212121;
  padding-left: 15px;
  margin-bottom: 18px;
  cursor: pointer;
  display: block;
}

.order-input-payment__list-item input[type="radio"] {
  display: none;
}
.order-input-payment__radio {
  background-image: url(../img/input-nocheck.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center left;
  padding-left: 25px;
  display: flex;
  height: 51.5px;
  align-items: center;
}
.order-input-payment__radio span{
  flex: 1;
}
.order-input-payment__radio img{
  height: 24px;
  margin-right: 10px;
}
.order-input-payment__list-item input[type="radio"]:checked + .order-input-payment__radio {
  background-image: url(../img/input-check.png);
}
.order-input-payment__data{
  padding-top: 15px;
}
.order-input-payment__data-item{
display: flex;
}

.order-input-payment__data-txt{
    width: 30%;
    height: 70px;
    display: flex;
    align-items: center;
}

.order-input-payment__data-input {
    height: 70px;
    flex: 1;
    display: flex;
    align-items: center;
}

.order-input-payment__data-input span {
    margin-right: 7px;
}

.order-input-payment__data-input input, .order-input-payment__data-input select {
    background: #212121;
    padding: 15px;
    border: solid 1px #808080;
    color: #fff;
    width: 100%;
    height: 51.5px;
}

.order-input-payment__data-input select {
    cursor: pointer;
}

.order-input-payment__data-select {
    width: 170px;
    margin-right: 7px;
    position: relative;
}

.order-input-payment__data-select::after {
    content: '';
    position: absolute;
    right: 14px;
    top: 23px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    font-size: 20px;
    pointer-events: none;
}

@media screen and (max-width: 1000px) {
    .order-input-payment__radio {
        flex-wrap: wrap;
        height: 80px;
        padding: 10px 0 10px 25px;
    }

    .order-input-payment__radio span {
        flex: 100%;
    }

    .order-input-payment__radio img {
        height: 17px;
        margin-right: 5px;
    }

    .order-input-payment__data-item {
        display: block;
    }

    .order-input-payment__data-txt {
        width: 100%;
        height: 40px;
    }

    .order-input-payment__data-input {
        margin-bottom: 20px;
    }
}

.loading {
    background-color: #262626;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.loading img {
    display: initial;
}

.maintenance-header {
    width: 100% !important;
    height: 185px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.loading-popup {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 30px;
}

.vrarva {
    background: url("../img/vrarva/bg01.png") center / cover no-repeat;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.vrarva-header {
    display: flex;
    height: auto;
    max-width: 1200px;
    padding: 20px 20px 0;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
}

.vrarva-header__logo-img {
    width: 230px;
    height: 34px;
    height: 79px;
}

.vrarva-header__logo-img-not-top-page {
    width: 140px;
}

.vrarva-main {
    margin: 0 auto;
    padding: 20px 20px 82px;
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.vrarva-main__link {
    display: flex;
    width: calc((100% - 28px * 2) / 3);
    height: 337px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.vrarva-main__link--complete {
    background-image: url("../img/vrarva/img01.png");
}

.vrarva-main__link--custom {
    background-image: url("../img/vrarva/img02.png");
}

.vrarva-main__link--immediate {
    background-image: url("../img/vrarva/img03.png");
}

.vrarva-main__link + .vrarva-main__link {
    margin-left: 28px;
}

.vrarva-main__link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s;
}

.vrarva-main__link:hover::after {
    background-color: rgba(0, 0, 0, 0.5);
}

.vrarva-main__link-txt {
    width: 100%;
    margin: 0 auto 24px;
}

.vrarva-main__link-txt img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.vrarva-main__link-button {
    width: 224px;
    max-width: 224px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(255, 255, 255, 0.4);
    margin-bottom: 16px;
    font-size: 15px;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
    position: relative;
    background: rgba(16, 20, 23, 0.4);
    transition: 0.3s;
    z-index: 2;
}

.vrarva-main__link:hover .vrarva-main__link-button {
    color: #000;
    background: #fff;
    border: 2px solid #fff;
}

.vrarva-main__link-button::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s;
}

.vrarva-main__link:hover .vrarva-main__link-button::after {
    border-color: #000;
}

.vrarva-footer__textbox {
    text-align: center;
    font-size: 12px;
    margin-bottom: 18px;
    line-height: 1.45;
}

.vrarva-footer__textbox span {
    letter-spacing: 0.04em;
}

.vrarva-footer__bottom {
    display: flex;
    height: auto;
    max-width: 1280px;
    padding: 25px 7px 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    align-items: flex-start;
    margin: 0 auto;
    font-size: 12px;
    flex-wrap: wrap;
}

.vrarva-footer__bottom-item {
    letter-spacing: 0.13em;
    margin-right: 26px;
}

.vrarva-footer__bottom-right {
    flex: 1;
    text-align: right;
    line-height: 1.85;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 959px) {
    .vrarva-main {
        flex-direction: column;
        align-items: center;
        padding: 40px 20px 40px;
    }

    .vrarva-main__link {
        width: 100%;
        height: auto;
        max-width: 368px;
        aspect-ratio: 368 / 337;
        padding: 20px;
    }

    .vrarva-main__link + .vrarva-main__link {
        margin-top: 20px;
        margin-left: 0;
    }

    .vrarva-main__link-button {
        width: 100%;
        margin: 0;
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) {
    .vrarva-header__logo-img {
        width: auto;
        height: 34px;
    }

    .vrarva-footer__bottom {
        justify-content: space-between;
    }

    .vrarva-footer__bottom-item {
        padding: 15px 0;
        border: 1px solid #fff;
        width: 48.5%;
        text-align: center;
        font-size: 10px;
        margin: 0 0 20px;
    }

    .vrarva-footer__bottom-right {
        width: 100%;
        text-align: center;
    }
}

.headerwrap-right {
    display: flex;
}

.headerwrap-link__login {
    background: #000;
    border: 1px solid #fff;
}

.headerwrap-link__login .headerwrap-link {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9.5px 6px 9.5px 1px;
}

.headerwrap-link__login .headerwrap-link::after {
    border-color: #fff;
}

.headerwrap-link__login .headerwrap-link::before {
    content: "";
    background: url(../img/header/icon01.png) center / cover no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    margin-right: 10px;
}

.headerwrap-link__login .headerwrap-link.--logout::before {
    background: url(../img/top/icon01.png) center / cover no-repeat;
}

.headerwrap-link__login .headerwrap-link.--logout::after {
    content: none;
}

@media screen and (max-width: 750px) {
    .headerwrap-right {
        flex-direction: column-reverse;
    }

    .headerwrap-link__login {
        margin: 5px 0 0;
    }

    .headerwrap-link__login .headerwrap-link {
        padding: 6px 6px 6px 1px;
    }

    .headerwrap-link__login .headerwrap-link::before {
        left: 14.5px;
    }
}

.c-page {
    height: 100vh;
    background-image: url(../img/BG_img.jpg);
    background-size: cover;
    background-position: center center;
    max-width: none;
    display: flex;
    flex-direction: column;
}

.c-page header {
    height: auto;
    margin: auto;
}

.c-page footer {
    max-width: 1327px;
    width: 100%;
    margin: auto;
}

.c-cont__wrap {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-cont {
    background: linear-gradient(-45deg, transparent 15px, rgba(0, 0, 0, 0.5) 15px, rgba(0, 0, 0, 0.5) calc(100% - 15px), transparent calc(100% - 15px));
    max-width: 1160px;
    width: 100%;
    padding: 49px 101px;
}

.c-cont__head {
    line-height: 1.4;
    border-left: 2px solid #fff;
    font-size: 20px;
    padding: 4px 18px 0;
}

.c-cont__form {
    border-top: 1px solid #707070;
    margin: 10px 0 0;
    padding: 28px 0 0;
}

.c-cont__input {
    margin-bottom: 38px;
}

.c-cont__input-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 19px;
}

.c-cont__input-inner {
    width: 76.2%;
    position: relative;
}

.c-cont__input-inner::placeholder {
    color: #999999;
}

.c-cont__input-main {
    height: 52px;
    padding: 0 20px;
    font-size: 18px;
    width: 100%;
}

.c-cont__input-button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
}

.c-cont__submit {
    width: 100%;
    max-width: 696px;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
}

.c-cont__submit-button, .c-cont__submit-new {
    width: 45.7%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: relative;
}

.c-cont__submit-button {
    border: 1px solid #fff;
    background: #000;
    color: #fff;
}

.c-cont__submit-button::after, .c-cont__submit-new::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}

.c-cont__submit-new {
    background: #fff;
    color: #000;
}

.c-cont__submit-new::after {
    border-color: #000;
}

.c-cont__forget {
    text-align: center;
    margin: 29px 0 35px;
}

.c-cont__forget a {
    border-bottom: 1px solid #fff;
    font-size: 14px;
    padding-bottom: 3px;
}

.c-cont__line {
    display: flex;
    width: 100%;
    height: 50px;
    max-width: 318px;
    align-items: center;
    justify-content: center;
    background: #00B94C;
    margin: auto;
    position: relative;
}

.c-cont__line::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}

.c-cont__line-icon {
    width: 27px;
    margin-right: 5px;
}

.mypage-cont__head {
    font-size: 18px;
    font-weight: 600;
}

.mypage-cont__txt {
    font-size: 15px;
}

.mypage-cont__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #707070;
    padding: 38px 0;
}

.mypage-cont__left {
    line-height: 1.6;
}

.mypage-cont {
    border-top: 1px solid #707070;
    margin: 10px 0 0;
}

.mypage .c-cont {
    padding: 44px 101px 50px;
}

.c-cont__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 318px;
    height: 50px;
    border: 1px solid #fff !important;
    background: #000;
    color: #fff;
    position: relative;
}

.c-cont__button::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
}

.mypage .c-cont__head {
    padding: 4px 33px 0;
    position: relative;
    border: none;
}

.mypage .c-cont__head::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/mypage/icon01.png) center / cover no-repeat;
    width: 22px;
    height: 23px;
}

.c-cont__form-txt {
    font-size: 15px;
    margin-bottom: 30px;
}

.password-change .c-cont__form {
    padding: 19px 0 0;
}

.password-change .c-cont__submit {
    flex-direction: column;
    align-items: center;
}

.password-change .c-cont__submit-button, .password-change .c-cont__submit-new {
    width: 318px;
}

.password-change .c-cont__submit-button {
    margin-bottom: 20px;
}

.password-change .c-cont__submit-new::after {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    right: auto;
    left: 20px;
}

.password-change .c-cont {
    padding: 46px 101px 40px;
}

.password-change .c-cont__head {
    padding: 4px 33px 0;
    position: relative;
    border: none;
}

.password-change .c-cont__head::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/password-change/icon01.png) center / cover no-repeat;
    width: 26px;
    height: 26px;
}

.member-cont {
    display: flex;
    border-top: 1px solid #707070;
    padding: 30.5px 0 0;
}

.member-cont__form {
    width: 50%;
    border-right: 1px solid #707070;
    padding-right: 30px;
    padding-bottom: 47px;
}

.member-cont__right {
    width: 50%;
    padding-left: 31px;
}

.member-cont__head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
}

.member-cont__head-2 {
    margin-bottom: 15px;
}

.member-cont__form .c-cont__button {
    margin: 68px auto 0;
}

.member-cont__right .member-cont__head {
    margin-bottom: 72px;
}

.member-cont__right .c-cont__line {
    max-width: 100%;
}

.member-cont-inner {
    position: relative;
    margin-bottom: 29px;
    display: flex;
    align-items: center;
}

.member .c-cont__form-txt {
    font-size: 14px;
    margin: 13px 0 18px;
    line-height: 1.71428571429;
}

.member .c-cont__head {
    padding: 4px 40px 0;
    position: relative;
    border: none;
}

.member .c-cont__head::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../img/member/icon01.png) center / cover no-repeat;
    width: 29px;
    height: 26px;
}

.member .c-cont {
    padding: 51px 101px 59px;
}

.forget .c-cont__input-head {
    font-size: 16px;
    font-weight: 600;
}

.forget .c-cont__submit-button {
    width: 318px;
    margin: auto;
}

.change.c-page {
    height: auto;
    overflow: scroll;
}

.change .c-cont {
    margin: 35px 0 50px;
}

.change .c-cont__submit-new::after {
    -webkit-transform: translateY(-50%) rotate(225deg);
    transform: translateY(-50%) rotate(225deg);
    right: auto;
    left: 20px;
}

.form-box__td-note {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
}

.footer-inner-link3 {
    width: 182px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #F09324;
    background: #000;
    font-size: 13px;
    position: relative;
    margin-right: 21px;
}

.footer-inner-link3::before {
    content: "";
    background: url(../img/mypage/icon01.png) center / cover no-repeat;
    width: 14px;
    height: 15px;
    margin-right: 10px;
}

.footer-inner-link3::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
}

.footer-inner-left {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-cont, .mypage .c-cont, .password-change .c-cont, .member .c-cont {
        padding: 20px;
    }

    .c-cont__input-item {
        display: block;
    }

    .c-cont__input-inner {
        width: 100%;
        margin-top: 20px;
        position: relative;
    }

    .c-cont__submit {
        display: block;
    }

    .c-cont__submit-button, .c-cont__submit-new {
        width: 100%;
        margin-bottom: 20px;
    }

    .mypage-cont__item {
        display: block;
    }

    .mypage-cont__left {
        margin-bottom: 20px;
    }

    .password-change .c-cont__submit-button, .password-change .c-cont__submit-new {
        width: 100%;
    }

    .member-cont {
        display: block;
    }

    .member-cont__form, .member-cont__right {
        width: 100%;
        border-right: none;
        padding: 0;
        margin-bottom: 40px;
    }

    .footer-inner-link1, .footer-inner-link2 {
        width: calc(50% - 7.5px);
    }

    .footer-inner-link3 {
        margin: 0 0 10px;
    }

    .no-padding {
        padding: 0 !important;
    }
}


.color-white .MuiTableCell-body {
    color: white !important;
}

.center-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.error {
    color: #f00;
    position: absolute;
    top: 56px;
}

.invert-color-show-password {
    filter: invert(1);
}

.underline-link {
    text-decoration: underline;
}

/*if there is no following code, the width is not enough.*/
/*https://i.imgur.com/x9q4nTC.png*/
/*https://i.imgur.com/hAZS1Hc.png*/
/* @media screen and (max-width: 750px) {
    .wheel {
        width: 420px !important;
    }
}