/* FV専用。画像は比率を保ち、フォームの高さで後続コンテンツを押し下げる。 */
.carhoo-fv {
    margin-top: 60px;
    width: 100%;
    padding: 0;
}

.carhoo-fv__inner {
    display: flex;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: none;
    margin: 0;
}

.carhoo-fv__visual {
    flex: 1 1 0;
    min-width: 0;
    background: radial-gradient(circle, #fff, #aacfdd);
}

.carhoo-fv__picture,
.carhoo-fv__image {
    display: block;
    width: 100%;
}

.carhoo-fv__image {
    height: auto;
}

.carhoo-fv__form {
    flex: 0 0 390px;
    width: 390px;
    min-width: 0;
    max-width: 100%;
    background: #fff;
}

.carhoo-fv__form > .wpcf7 {
    width: 100%;
}

/* 既存のフォームの絶対配置・固定高・TikTok用全幅指定をFV内で解除する。 */
.carhoo-fv .carhoo-fv__form .wpcf7-form {
    box-sizing: border-box;
    position: static;
    inset: auto;
    z-index: auto;
    float: none;
    transform: none;
    width: 100%;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 56px 20px 32px;
}

.carhoo-fv__form .form-inner {
    width: 100%;
    max-width: none;
}

.carhoo-fv__form .tiktok-form .wpcf7-submit,
.carhoo-fv__form .tiktok-form button.showCheckContent {
    width: 100%;
}

.carhoo-fv__intro {
    margin-bottom: 32px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

/* TikTok版はPCでも画像の下にフォームを置く。 */
.carhoo-fv[data-variant="tiktok"] .carhoo-fv__inner {
    flex-direction: column;
    align-items: center;
}

.carhoo-fv[data-variant="tiktok"] .carhoo-fv__visual {
    flex: 0 0 auto;
    width: 100%;
}

.carhoo-fv[data-variant="tiktok"] .carhoo-fv__form {
    flex: 0 0 auto;
}

@media (min-width: 769px) {
    .carhoo-fv[data-variant="tiktok"] .carhoo-fv__form {
        width: 100%;
        max-width: 750px;
    }
}

@media (max-width: 768px) {
    .carhoo-fv__inner {
        flex-direction: column;
        align-items: center;
    }

    .carhoo-fv__visual {
        flex: 0 0 auto;
        width: 100%;
    }

    .carhoo-fv__form {
        flex: 0 0 auto;
        width: 100%;
    }
}