.fv-contents__detail {
    height: 146px;
    padding-top: 170px;
}

@media screen and (max-width: 640px) {
    .fv-contents__detail {
        height: calc(100vw / 5.2);
        padding-top: 26.5vw;;
    }
}


.fv-contents__title__main span {
    margin: 0 2px 0 0;
    font-size: 42px;
    height: 58px;
    width: 58px;
    line-height: 54px;
}

.fv-contents__title__sub__next {
    font-size: 12px;
    padding: 0 2px 0 4px;
}



@media screen and (max-width: 640px) {
    .fv-contents__title__main span {
        margin: 0 2px 0 0;
        font-size: calc(100vw / 15);
        height: calc(100vw / 11.2);
        width: calc(100vw / 10.9);
        line-height: calc(100vw / 11.7);
    }
}


@media screen and (max-width: 640px) {
    .fv-contents__title__sub__support {
        font-size: calc(100vw / 18);
        margin: -3px 0 0 0;
        line-height: calc(100vw / 14);
    }
}

@media screen and (max-width: 640px) {
    .fv-contents__title__sub__next {
        font-size: calc(36vw / 19);
        padding: 0 2px 0 4px;
    }
}


/* FVメインテキスト - 〇〇申請サポート */

/* 受給事例cssベース-共通部分 */

h2.case-title {
    font-size: 42px;
    font-weight: 900;
    display: flex;
    align-items: flex-end;
}

span.case-title__decoration {
    font-size: 23px;
    font-weight: 900;
    margin: 0 2px;
    padding: 0 0 1px 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: #EF6A26;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    h2.case-title {
        font-size: calc(100vw / 15);
        font-weight: 900;
        display: flex;
        align-items: flex-end;
    }
}

@media screen and (max-width: 640px) {
    span.case-title__decoration {
        font-size: calc(100vw / 26);
        font-weight: 900;
        margin: 0 2px;
        padding: 0 0 calc(100vw / 200) 0;
        width: calc(100vw / 18);
        height: calc(100vw / 18);
        line-height: calc(100vw / 18);
        background-color: #EF6A26;
        color: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


@media screen and (max-width: 480px) {
    h2.case-title {
        font-size: calc(100vw / 12);
        font-weight: 900;
        display: flex;
        align-items: flex-end;
    }
}

@media screen and (max-width: 480px) {
    span.case-title__decoration {
        font-size: calc(100vw / 22);
        font-weight: 900;
        margin: 0 2px;
        padding: 0 0 calc(100vw / 200);
        width: calc(100vw / 16);
        height: calc(100vw / 16);
        line-height: calc(100vw / 18);
        background-color: #EF6A26;
        color: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ===== FVバッジ表示調整（oct_001p6より横展開） ===== */
/* FVバッジ（相談実績60万件 / 受給最短1ヶ月 / 専門家監修） */
/* 「400万円」テキスト下の余白を縮めて画像エリア全体を上に */
.fv-img {
    margin-top: -7%;
    z-index: 1;
    /* ウエンツ画像をFV下端まで密着させる */
    padding-bottom: 0;
}
/* fv-contents と fv-note を画像エリアより前面に出す */
.fv-contents {
    position: relative;
    z-index: 3;
}
.fv-note {
    position: relative;
    z-index: 3;
}
/* ウエンツ画像を右寄せ＋画像エリアの下端まで引き伸ばす */
.fv-img__uentsu {
    width: 84%;
    padding-top: 4%;
    padding-bottom: 0;
    margin: 0 0 0 auto;
    transform: translateX(4.5%);
}
.fv-badges {
    position: absolute;
    left: 3%;
    top: 3%;
    width: 30%;
    z-index: 11;
    pointer-events: none;
}
.fv-badges img {
    width: 100%;
    height: auto;
    display: block;
}
/* appeal テキストを下部に配置（バッジと重ならないよう下げる。コンテナは左3%基準で注釈の左端を他要素に揃える） */
.fv-image__appeal {
    left: 3%;
    width: 94%;
    bottom: 2.5%;
    z-index: 6;
}
/* 「仕事を辞めても」白ボックスは右へずらし・大きく・左右余白を増やす（上下の行間・余白は元のまま） */
.fv-image__appeal__text {
    font-size: clamp(26px, 6.8vw, 44px);
    margin-left: 6%;
    padding-left: 7%;
    padding-right: 7%;
}
/* 2行目（生活水準〜）の下マージンを除去し、注釈をテキスト直下に寄せる */
.fv-image__appeal__text + .fv-image__appeal__text {
    margin-bottom: 0;
}
/* appeal テキストの下に注釈を左揃えで配置（絶対配置を解除して通常フロー化・左端は3%で他要素に揃える） */
.fv-note-bottom {
    position: relative;
    z-index: 10; /* .fv-img::before(z-index:5)より前面 */
    text-align: left;
    padding: 0;
    margin-top: 6px;
    margin-bottom: 0;
    margin-left: 7%;
    font-size: clamp(10px, 2.4vw, 14px);
    line-height: 1.1;
    color: #5f5f5f;
}
/* 画面幅375px以下ではバッジを少し小さく表示 */
@media screen and (max-width: 375px) {
    .fv-badges {
        width: 28%;
    }
}

/* 受給事例cssベース-共通部分 */