@charset "utf-8";

/* ============================================================
   fv-lux.css  ―  adoplus ファーストビュー専用
   ============================================================ */

/* --- 自ホストWebフォント（FV使用文字のみサブセット済） --- */

@font-face {
    font-family: "LuxSerifJP";
    src: url("../fonts/fv-shippori.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


:root {
    /* --- ゴールド系トークン（本家LP画像からスポイト抽出） --- */
    --lux-gold-band: linear-gradient(90deg, #cfa35a 0%, #b78c3d 10%, #c5994e 19%, #ae8334 25%, #966d13 31%, #997016 34%, #a37923 40%, #a77d27 45%, #aa822d 50%, #b38a38 60%, #b78e3c 70%, #bd9444 80%, #c59c4d 90%, #cea458 100%);
    --lux-gold-text: linear-gradient(180deg, #7c5511 0%, #9c7526 12%, #ad8735 25%, #c3a750 43%, #dccb92 52%, #cdb35a 60%, #c9a648 70%, #b98c30 84%, #94660d 100%);
    --lux-bronze: #9f6a2c;
    --lux-ink: #0b0e2d;
    --lux-navy: #0b0e2d;

    /* --- タイポ --- */
    --lux-serif: "LuxSerifJP", "Shippori Mincho B1", "Noto Serif JP", var(--font-Mincho);

    /* --- サイズ調整用（ここだけ触れば全体バランスが動きます） --- */
    --lux-hero-num: 12.4rem;
    /* 720万円 の級数（PC） */
    --lux-hero-sub: 4.55rem;
    /* サブコピー基準級数（PC） */
}


/* ------------------------------------------------------------
   1. 上部ゴールド帯
   ------------------------------------------------------------ */

.fv .lux-band {
    display: block;
    width: 100%;
    padding: 1.15rem 2rem 1.35rem;
    box-sizing: border-box;
    background: var(--lux-gold-band);
    color: #fff;
    font-family: var(--lux-serif);
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.15;
    letter-spacing: .06em;
    text-align: center;
    text-shadow: 0 .1rem .25rem rgba(60, 40, 0, .45);
}

/* 帯の上下に入る極細ハイライト（本家の“箔押し”感） */

.fv .lux-band {
    position: relative;
    overflow: hidden;
}

.fv .lux-band::before,
.fv .lux-band::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: .25rem;
    pointer-events: none;
}

.fv .lux-band::before {
    top: 0;
    background: rgba(255, 255, 255, .30);
}

.fv .lux-band::after {
    bottom: 0;
    background: rgba(90, 60, 10, .30);
}

/* 帯内の強調ワード */

.fv .lux-band .lux-band-em {
    font-size: 1.32em;
    font-style: italic;
    letter-spacing: .01em;
    padding: 0 .06em;
}


/* ------------------------------------------------------------
   2. メインコピー
   ------------------------------------------------------------ */

.fv .txt .lux-copy {
    width: 100%;
    margin: 0 0 0 auto;
    padding: 1.6rem 0 1.2rem;
    color: var(--lux-ink);
    font-family: var(--lux-serif);
    font-weight: 700;
    font-size: var(--lux-hero-sub);
    line-height: 1.14;
    letter-spacing: -.03em;
    text-align: center;
}

/* --- 2-1. アイキャッチ行（“最高月収実績” 720万円） --- */

.fv .txt .lux-eyebrow {
    display: block;
    margin-bottom: -.2rem;
    color: var(--lux-bronze);
    font-size: 2.7rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1;
}

.fv .txt .lux-eyebrow::before {
    content: "\201C";
    margin-right: .1em;
}

.fv .txt .lux-eyebrow::after {
    content: "\201D";
    margin-left: .1em;
}

.fv .txt .lux-hero {
    display: block;
    /* 影は clip:text と同一要素に置けないので、親のこの要素に掛ける。
       ただし filter はこの要素のボックスで描画範囲が決まるため、
       line-height:.94 のままだと はみ出した字形の上下左右が欠ける。
       padding で描画ボックスを広げ、同値の負マージンで見た目を戻す。 */
    filter: drop-shadow(0 .25rem .35rem rgba(0, 0, 0, .28));
    line-height: .94;
    padding: 2.4rem 2rem;
    margin: -2.4rem -2rem;
}

.fv .txt .lux-hero-num {
    display: inline-block;
    font-size: var(--lux-hero-num);
    font-style: normal;
    font-variation-settings: 'wght' 800;
    letter-spacing: -.06em;
    line-height: .94;
    padding: 0 .06em;
    margin: 0 -.06em;
}

.fv .txt .lux-hero-unit {
    display: inline-block;
    font-size: calc(var(--lux-hero-num) * .86);
    font-style: normal;
    letter-spacing: -.09em;
    margin-left: -.02em;
}

/* 金グラデ文字（共通ユーティリティ）
   padding + 同値の負マージンで「背景ボックス」だけを左右に広げる。
   これをしないと斜体のはみ出しや負のletter-spacingで
   グリフの端が background-clip の外に出て欠ける。 */

.fv .txt .lux-gold {
    padding: 0 .14em;
    margin: 0 -.14em;
    background: var(--lux-gold-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

/* 注記（※） */

.fv .txt .lux-hero-mark {
    display: inline-block;
    margin-left: .05em;
    color: var(--lux-bronze);
    -webkit-text-fill-color: var(--lux-bronze);
    font-size: .22em;
    font-style: normal;
    vertical-align: top;
    line-height: 1.3;
    letter-spacing: 0;
}

.fv .txt .lux-hero-note {
    display: block;
    margin: 1.4rem 0 2.4rem;
    padding: 0 .5rem;
    color: #1a1a1a;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: center;
}


/* --- 2-2. サブコピー（4行） --- */

.fv .txt .lux-sub {
    display: block;
    font-size: 1em;
    line-height: 1.2;
    letter-spacing: -.045em;
}

.fv .txt .lux-sub .l {
    display: block;
}

/* 抑揚：1・3行目をやや小さく、2・4行目をフルサイズに */

.fv .txt .lux-sub .l--sm {
    font-size: .80em;
    letter-spacing: -.02em;
}

/* サブコピー内のゴールド強調ワード */

.fv .txt .lux-sub .lux-gold {
    font-size: 1.06em;
    font-style: italic;
    letter-spacing: -.02em;
}


/* ------------------------------------------------------------
   3. リード文（罫線付き）
   ------------------------------------------------------------ */

.fv .txt .consult.lux-consult {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: .8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0;
    text-align: center;
}

.fv .txt .consult.lux-consult::before,
.fv .txt .consult.lux-consult::after {
    flex: 1;
}


/* ------------------------------------------------------------
   4. 募集バッジ（既存 .rimit を微調整）
   ------------------------------------------------------------ */

.fv .txt .rimit.lux-rimit {
    margin-bottom: 3.2rem;
    padding-left: 0;
}

.fv .txt .rimit.lux-rimit .rimitwrap {
    font-family: var(--lux-serif);
    font-weight: 700;
    letter-spacing: .04em;
}


/* ------------------------------------------------------------
   5. 六角形バッジ（既存 .mock-must 相当を lux 名で再定義）
   ------------------------------------------------------------ */

.fv .txt .must.lux-must {
    margin-bottom: 1.5rem;
    line-height: 1.12;
}

.fv .txt .must.lux-must .mustbox {
    box-sizing: border-box;
    padding: 2.15rem 2rem 1.7rem;
    overflow: hidden;
    font-family: var(--lux-serif);
    font-weight: 700;
}

.fv .txt .must.lux-must .lux-mb-label {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 2.05rem;
    line-height: 1.08;
    letter-spacing: 0;
    white-space: nowrap;
}

.fv .txt .must.lux-must .mustbox:first-child .lux-mb-label {
    font-size: 1.48rem;
    letter-spacing: -.07em;
}

.fv .txt .must.lux-must .mustbox .kin {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    margin-top: .25rem;
    font-size: 4.3rem;
    line-height: .95;
    letter-spacing: -.03em;
    font-style: normal;
    /* バッジは小サイズなのでDidoneのヘアラインを避け、明朝のみを使う */
    font-family: "LuxSerifJP", "Shippori Mincho B1", var(--font-Mincho);
}

/* バッジ内の数値もゴールドグラデに */

.fv .txt .must.lux-must .kin .lux-num {
    background: var(--lux-gold-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.fv .txt .must.lux-must .unit {
    margin-left: .08em;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: .36em;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0;
}

.fv .txt .must.lux-must .percent {
    font-size: .62em;
    letter-spacing: 0;
}

.fv .txt .must.lux-must .lux-mb-note {
    display: block;
    margin-top: .1rem;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
}

.fv .txt .must.lux-must .mustbox:first-child .kin {
    margin-top: .05rem;
    font-size: 5.05rem;
    letter-spacing: -.055em;
}

.fv .txt .must.lux-must .mustbox:first-child .unit {
    font-size: .31em;
}

.fv .txt .must.lux-must .mustbox:first-child .lux-mb-note {
    margin-top: -.05rem;
    font-size: .82rem;
    line-height: 1.18;
}

.fv .txt .must.lux-must .mustbox.lh .lux-mb-label {
    font-size: 2.1rem;
}

.fv .txt .must.lux-must .mustbox.lh .kin {
    font-size: 3.65rem;
    letter-spacing: -.08em;
    font-style: normal;
}

.fv .txt .must.lux-must .lux-mb-ok {
    display: block;
    color: #fff;
    font-size: 2.05rem;
    line-height: 1;
    letter-spacing: 0;
}


/* ------------------------------------------------------------
   6. 脚注
   ------------------------------------------------------------ */

.fv .lux-note {
    width: 62rem;
    margin: 0 0 0 auto;
    padding: 0 0 4rem 2rem;
    box-sizing: border-box;
    color: #1a1a1a;
    font-size: 1.2rem;
    line-height: 1.65;
}


/* ============================================================
   SP（750px以下）
   ============================================================ */

@media screen and (max-width:750px) {
    :root {
        --lux-hero-num: 9.6rem;
        --lux-hero-sub: 4.0rem;
    }
    .fv .lux-band {
        padding: 1rem 1.5rem 1.2rem;
        font-size: 2.1rem;
        letter-spacing: .02em;
        line-height: 1.45;
    }
    .fv .lux-band .lux-band-em {
        font-size: 1.22em;
    }
    .fv .txt .lux-copy {
        padding: 1.4rem 0 1rem;
        text-align: center;
    }
    .fv .txt .lux-eyebrow {
        font-size: 2.6rem;
    }
    .fv .txt .lux-hero-note {
        margin: .8rem 0 1.4rem;
        padding: 0 1.5rem;
        font-size: 1.5rem;
        text-align: center;
    }
    .fv .txt .lux-sub {
        line-height: 1.24;
    }
    .fv .txt .consult.lux-consult {
        display: block;
        padding: 1rem 1.4rem;
        background: rgba(255, 255, 255, .74);
        font-size: 2.1rem;
    }
    .fv .txt .consult.lux-consult::before,
    .fv .txt .consult.lux-consult::after {
        display: none;
    }
    .fv .txt .rimit.lux-rimit {
        margin-bottom: 2.4rem;
    }
    .fv .txt .must.lux-must .mustbox {
        padding: 2.95rem 2.55rem 2.2rem;
    }
    .fv .txt .must.lux-must .lux-mb-label {
        font-size: 2.78rem;
        line-height: 1.05;
    }
    .fv .txt .must.lux-must .mustbox:first-child .lux-mb-label {
        font-size: 1.85rem;
    }
    .fv .txt .must.lux-must .mustbox .kin {
        font-size: 5.55rem;
    }
    .fv .txt .must.lux-must .mustbox:first-child .kin {
        font-size: 6.6rem;
    }
    .fv .txt .must.lux-must .lux-mb-note {
        font-size: 1.15rem;
    }
    .fv .txt .must.lux-must .mustbox:first-child .lux-mb-note {
        font-size: 1.02rem;
        line-height: 1.15;
    }
    .fv .txt .must.lux-must .mustbox.lh .lux-mb-label {
        font-size: 2.85rem;
    }
    .fv .txt .must.lux-must .mustbox.lh .kin {
        font-size: 4.65rem;
    }
    .fv .txt .must.lux-must .lux-mb-ok {
        font-size: 2.75rem;
    }
    .fv .lux-note {
        width: auto;
        margin: 0 3%;
        padding: 1rem 1.4rem 3rem;
        background: rgba(255, 255, 255, .78);
        font-size: 1.4rem;
    }
}


/* ============================================================
   フォールバック：background-clip:text 非対応環境
   ============================================================ */

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .fv .txt .lux-gold,
    .fv .txt .must.lux-must .kin .lux-num {
        background: none;
        color: #b8912f;
        -webkit-text-fill-color: #b8912f;
    }
}


/* ============================================================
   SP：ファーストビューの高さ圧縮
   ============================================================ */

@media screen and (max-width:750px) {
    /* ロゴ周りの余白を詰める */
    .fv .advancelogo {
        padding: .8rem 1% .4rem 0;
    }
    /* 六角バッジを1列3個に。段組みをやめて高さを約100px削る */
    .fv .txt .must.lux-must {
        flex-wrap: nowrap;
        width: 100%;
        margin: 0 auto 1rem;
    }
    .fv .txt .must.lux-must .mustbox {
        width: 15.4rem;
        min-height: 13.3rem;
        padding: 1.9rem 1.2rem 1.5rem;
    }
    .fv .txt .must.lux-must .mustbox:nth-child(1) {
        margin-right: 0;
        margin-left: 0;
    }
    .fv .txt .must.lux-must .mustbox:nth-child(n+2) {
        margin-top: 0;
        margin-left: -2rem;
    }
    .fv .txt .must.lux-must .lux-mb-label {
        font-size: 1.85rem;
    }
    .fv .txt .must.lux-must .mustbox:first-child .lux-mb-label {
        font-size: 1.32rem;
    }
    .fv .txt .must.lux-must .mustbox .kin {
        font-size: 3.7rem;
    }
    .fv .txt .must.lux-must .mustbox:first-child .kin {
        font-size: 4.3rem;
    }
    .fv .txt .must.lux-must .mustbox.lh .kin {
        font-size: 3.1rem;
    }
    .fv .txt .must.lux-must .lux-mb-ok {
        font-size: 1.85rem;
    }
    .fv .txt .must.lux-must .lux-mb-note {
        font-size: .78rem;
    }
    .fv .txt .must.lux-must .mustbox:first-child .lux-mb-note {
        font-size: .72rem;
    }
    /* 縦の間隔を全体的に詰める */
    .fv .txt .lux-copy {
        padding: .8rem 0 .4rem;
    }
    .fv .txt .lux-hero-note {
        margin: 1.1rem 0 1.2rem;
    }
    .fv .txt .consult.lux-consult {
        margin-bottom: .8rem;
        padding: .7rem 1.4rem;
    }
    .fv .txt .rimit.lux-rimit {
        margin-bottom: 1.6rem;
    }
    .fv .txt {
        padding-bottom: 0;
        /* .go（人物）は absolute なので、明示しないとテキストより前面に出る */
        z-index: 2;
    }
    /* FVを縮めた分、人物写真の上部がコピーに重なる。
       写真の上側をマスクで背景に溶かし、文字の可読性を確保する。 */
    .fv .go {
        width: 30rem;
        left: -2rem;
    }
    .fv .go img {
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .05) 32%, rgba(0, 0, 0, .32) 50%, rgba(0, 0, 0, .8) 66%, #000 78%);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .05) 32%, rgba(0, 0, 0, .32) 50%, rgba(0, 0, 0, .8) 66%, #000 78%);
    }
    /* mask 非対応ブラウザでも読めるよう、白のハローを保険で入れる */
    .fv .txt .lux-copy {
        position: relative;
        z-index: 2;
        text-shadow: 0 0 .9rem rgba(255, 255, 255, .9);
    }
    .fv .txt .lux-hero,
    .fv .txt .lux-gold {
        text-shadow: none;
    }
    .fv .lux-note {
        position: relative;
        z-index: 2;
        padding: .8rem 1.4rem 1.4rem;
        background: rgba(255, 255, 255, .92);
        font-size: 1.25rem;
        line-height: 1.5;
    }
}


/* ============================================================
   ワイドモニタでの左右の余白対策
   common.css の各セクション背景が「200rem（=2000px）」固定幅のため、
   それより広いウィンドウでは左右に地色が出てしまう。
   ・元が「200rem auto」  → cover（縦横比を保ったまま全面を覆う）
   ・元が「200rem 100%」  → 100% 100%（元の縦引き伸ばし挙動を維持）
   SP（750px以下）は common_sp.css の指定が優先されるため影響なし。
   ============================================================ */

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

    /* 元が 200rem auto のセクション */
    .fv,
    .about,
    .flow {
        background-size: cover;
    }
    .fv {
        background-position: top center;
    }

    /* 元が 200rem 100% のセクション */
    .appeal,
    .media,
    .problem,
    .deepdive,
    .deepdive.for2,
    .reason .wrap,
    .recommend {
        background-size: 100% 100%;
    }
}


/* ============================================================
   v2：メインコピー主体のFV（収益額を主訴求から外した構成）
   ============================================================ */

/* 小見出し（サービス種別） */

.fv .txt .lux-eyebrow2 {
    display: block;
    margin-bottom: 1.4rem;
    color: var(--lux-bronze);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1;
}

/* H1：ページ最大の要素にする */

.fv .txt .lux-sub--hero {
    font-size: 4.7rem;
    line-height: 1.36;
    letter-spacing: -.045em;
}

.fv .txt .lux-sub--hero .l {
    display: block;
}

.fv .txt .lux-copy {
    padding: 3.4rem 0 1.2rem;
}

/* リード文を読める大きさに */

.fv .txt .consult.lux-consult {
    margin-bottom: 1.6rem;
    font-size: 2.3rem;
    line-height: 1.6;
}

.fv .txt .lux-consult-in {
    display: block;
}

.fv .txt .lux-strong {
    padding-bottom: .1em;
    border-bottom: 2px solid var(--lux-bronze);
    font-weight: 700;
}

.fv .txt .rimit.lux-rimit {
    margin-bottom: 2.8rem;
}

/* バッジ：数値訴求をやめ、事業条件の提示に変更 */

.fv .txt .must.lux-must--v2 .mustbox .kin {
    font-size: 4.2rem;
    letter-spacing: -.02em;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
    font-size: 4.2rem;
    letter-spacing: -.02em;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
    font-size: 2.05rem;
    letter-spacing: 0;
}

.fv .txt .must.lux-must--v2 .lux-mb-note {
    margin-top: .35rem;
    font-size: 1.08rem;
    line-height: 1.35;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
    font-size: 1.08rem;
    line-height: 1.35;
}

/* 脚注：打消し表示として読める大きさを確保 */

.fv .lux-note {
    padding-bottom: 3rem;
    font-size: 1.35rem;
    line-height: 1.75;
}

@media screen and (max-width:750px) {
    .fv .txt .lux-eyebrow2 {
        margin-bottom: 1rem;
        font-size: 1.75rem;
        letter-spacing: .1em;
    }
    .fv .txt .lux-sub--hero {
        font-size: 3.85rem;
        line-height: 1.3;
    }
    .fv .txt .lux-copy {
        padding: 1.8rem 0 .6rem;
    }
    .fv .txt .consult.lux-consult {
        margin-bottom: 1.4rem;
        font-size: 2.05rem;
        line-height: 1.65;
    }
    .fv .txt .must.lux-must--v2 .mustbox .kin,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
        font-size: 3.5rem;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
        font-size: 1.85rem;
    }
    .fv .txt .must.lux-must--v2 .lux-mb-note,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
        font-size: .95rem;
        line-height: 1.3;
    }
    .fv .lux-note {
        font-size: 1.4rem;
        line-height: 1.7;
    }
}

.fv .lux-note {
    width: 72rem;
}


/* ------------------------------------------------------------
   v3：720万円バッジの復帰（バッジ内のみ・主訴求にはしない）
   ------------------------------------------------------------ */

.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
    font-size: 1.5rem;
    letter-spacing: -.05em;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
    font-size: 4.6rem;
    letter-spacing: -.045em;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .unit {
    font-size: .33em;
}

/* ------------------------------------------------------------
   v3：SPで人物の顔がコピーに重ならないようにする
   FVを短くしている関係で人物が上にせり上がるため、
   顔から上をマスクで完全に消し、肩から下だけを残す。
   ------------------------------------------------------------ */

@media screen and (max-width:750px) {
    .fv .go {
        width: 27rem;
        left: -1.5rem;
    }
    .fv .go img {
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, .25) 58%, rgba(0, 0, 0, .7) 70%, #000 82%);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, .25) 58%, rgba(0, 0, 0, .7) 70%, #000 82%);
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
        font-size: 1.9rem;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
        font-size: 3.9rem;
    }
}


/* ============================================================
   v5：SP＝可読性を最優先しつつ人物の顔も見せる
   ・文字サイズは実機1倍で 12px 以上を確保（脚注も含む）
   ・テキストは全幅に戻し、人物は左下レーンに配置
   ・人物の顔がコピーに掛からない高さまでFVを確保する
   ============================================================ */

@media screen and (max-width:750px) {

    /* --- 文字サイズ：実機1倍で読める値に引き上げ --- */

    .fv .txt .lux-eyebrow2 {
        margin-bottom: .9rem;
        font-size: 2.5rem;
        letter-spacing: .05em;
    }
    .fv .txt .lux-sub--hero {
        font-size: 4.3rem;
        letter-spacing: -.06em;
        line-height: 1.34;
    }
    .fv .txt .consult.lux-consult {
        margin-bottom: 1.5rem;
        padding: .9rem 1.2rem;
        font-size: 2.7rem;
        letter-spacing: -.02em;
        line-height: 1.6;
    }
    .fv .txt .rimit.lux-rimit {
        margin-bottom: 2rem;
    }
    .fv .txt .rimit.lux-rimit .rimitwrap {
        font-size: 2.6rem;
    }

    /* --- バッジ：注記まで読める大きさに --- */

    .fv .txt .must.lux-must .mustbox {
        width: 16.8rem;
        min-height: 14.6rem;
        padding: 2rem .9rem 1.6rem;
    }
    .fv .txt .must.lux-must .mustbox:nth-child(n+2) {
        margin-left: -1.9rem;
    }
    .fv .txt .must.lux-must .lux-mb-label {
        font-size: 2.05rem;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
        font-size: 1.62rem;
        letter-spacing: -.05em;
    }
    .fv .txt .must.lux-must--v2 .mustbox .kin,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
        font-size: 3.8rem;
    }
    .fv .txt .must.lux-must .mustbox.lh .kin {
        font-size: 3.3rem;
    }
    .fv .txt .must.lux-must--v2 .lux-mb-note,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
        font-size: 1.8rem;
        line-height: 1.25;
    }

    /* --- 脚注：打消し表示として本文と同等の可読性を確保 --- */

    .fv .lux-note {
        width: auto;
        margin: 0 3%;
        padding: 1.2rem 1.6rem 1.8rem;
        background: rgba(255, 255, 255, .92);
        font-size: 2.4rem;
        line-height: 1.7;
    }

    /* --- 人物：左下。顔はコピーに掛からない位置まで下げる --- */

    .fv .go {
        width: 24rem;
        left: -1rem;
        bottom: 17rem;
    }

    /* バッジ列を右に寄せ、左下に人物の顔が入る余白をつくる */
    .fv .txt .must.lux-must {
        justify-content: flex-end;
        padding-right: .5rem;
    }
    .fv .go img {
        -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .85) 10%, #000 22%);
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .85) 10%, #000 22%);
    }

    /* テキストは全幅に戻す */
    .fv .txt {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
}


/* ============================================================
   v6：バッジ内の文字比率を調整（数値を主、ラベル・注記を従に）
   参考比率  ラベル : 数値 : 注記 = 0.34 : 1.00 : 0.19
   注記の実文言は脚注（12px）へ移し、バッジ内は出典表示のみに絞る。
   ============================================================ */

@media screen and (max-width:750px) {

    /* 六角形を一回り大きくし、数値を伸ばす余地をつくる */
    .fv .txt .must.lux-must .mustbox {
        width: 19.8rem;
        min-height: 17.2rem;
        padding: 2.3rem .9rem 2rem;
    }
    .fv .txt .must.lux-must .mustbox:nth-child(n+2) {
        margin-left: -2.4rem;
    }

    /* ラベル：数値の 0.34 */
    .fv .txt .must.lux-must .lux-mb-label {
        font-size: 1.66rem;
        letter-spacing: -.02em;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
        font-size: 1.5rem;
        letter-spacing: -.06em;
    }

    /* 数値：主役 */
    .fv .txt .must.lux-must--v2 .mustbox .kin,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
        margin-top: .4rem;
        font-size: 4.9rem;
    }
    .fv .txt .must.lux-must .mustbox.lh .kin {
        font-size: 4.2rem;
    }
    .fv .txt .must.lux-must .unit {
        font-size: .34em;
    }

    /* 注記：1行に収めて視覚的な重さを落とす */
    .fv .txt .must.lux-must--v2 .lux-mb-note,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
        margin-top: .5rem;
        color: rgba(255, 255, 255, .82);
        font-size: 1.44rem;
        line-height: 1.2;
        white-space: nowrap;
    }
}


/* ============================================================
   v7：バッジの視認性を「サイズ」ではなく「コントラスト」で上げる
   背景 #005db7 に対し
     現状ゴールド #d8b364 = 3.25:1（不足）
     クリーム   #fff4d6 = 5.90:1（AA）
   数値をクリームに、ラベルをゴールドに振り分け、
   世界観のゴールドは保ったまま可読性だけを引き上げる。
   3つとも同じ強化なので、特定の数値だけが突出することはない。
   ============================================================ */

/* 数値：縦グラデをやめ、明度の高いクリーム単色に */

.fv .txt .must.lux-must .kin .lux-num,
.fv .txt .must.lux-must .mustbox .kin {
    background: none;
    color: #fff4d6;
    -webkit-text-fill-color: #fff4d6;
    text-shadow: 0 .1rem .25rem rgba(0, 20, 50, .45);
}

.fv .txt .must.lux-must .unit,
.fv .txt .must.lux-must .percent {
    color: #fff4d6;
    -webkit-text-fill-color: #fff4d6;
}

/* ラベル：ゴールドに寄せて世界観を維持（小さいので可読性の負担が軽い） */

.fv .txt .must.lux-must .lux-mb-label {
    color: #f0d69b;
    text-shadow: 0 .1rem .2rem rgba(0, 20, 50, .4);
}

/* ラベルと数値のあいだに金のヘアライン：視線の受け皿をつくる */

.fv .txt .must.lux-must .lux-mb-label::after {
    content: "";
    display: block;
    width: 3.4rem;
    height: 1px;
    margin: .55rem auto .1rem;
    background: linear-gradient(90deg, rgba(240, 214, 155, 0) 0%, rgba(240, 214, 155, .9) 50%, rgba(240, 214, 155, 0) 100%);
}

/* 注記：白を少し落として数値との主従を明確に */

.fv .txt .must.lux-must--v2 .lux-mb-note,
.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
    color: rgba(255, 255, 255, .74);
}

/* 余白による孤立効果：バッジ群の上下を空けて図と地を分離する */

.fv .txt .must.lux-must {
    margin-top: .6rem;
    margin-bottom: 2.2rem;
}

@media screen and (max-width:750px) {
    .fv .txt .must.lux-must .lux-mb-label::after {
        width: 4.6rem;
        margin: .5rem auto .1rem;
    }
    .fv .txt .must.lux-must {
        margin-top: .4rem;
        margin-bottom: 1.6rem;
    }
}


/* ============================================================
   v8：ゴールドは維持し、六角形の背景を紺へ沈めて可読性を確保
        背景 #005db7 → 実効 #003a72 相当
        ゴールド #d8b364 とのコントラスト 3.25:1 → 5.71:1
   ============================================================ */

.fv .txt .must.lux-must .mustbox {
    position: relative;
    background: none;
}

.fv .txt .must.lux-must .mustbox::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/fv_icon_must.png) no-repeat center;
    background-size: 100% auto;
    /* 面の陰影は残したまま明度だけ落とす */
    filter: brightness(.62) saturate(1.22) hue-rotate(-4deg);
}

.fv .txt .must.lux-must .mustbox > span {
    position: relative;
    z-index: 1;
}

/* 数値：ゴールドに戻す（グラデはやめ、明度の高い単色で） */

.fv .txt .must.lux-must .kin .lux-num,
.fv .txt .must.lux-must .mustbox .kin,
.fv .txt .must.lux-must .unit,
.fv .txt .must.lux-must .percent {
    background: none;
    color: #e3c079;
    -webkit-text-fill-color: #e3c079;
    text-shadow: 0 .1rem .3rem rgba(0, 15, 40, .55);
}

/* ラベル：白に戻す（紺地なので十分に読める） */

.fv .txt .must.lux-must .lux-mb-label {
    color: #fff;
    text-shadow: 0 .1rem .2rem rgba(0, 15, 40, .5);
}

.fv .txt .must.lux-must .lux-mb-label::after {
    background: linear-gradient(90deg, rgba(227, 192, 121, 0) 0%, rgba(227, 192, 121, .85) 50%, rgba(227, 192, 121, 0) 100%);
}

.fv .txt .must.lux-must--v2 .lux-mb-note,
.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-note {
    color: rgba(255, 255, 255, .78);
}

/* ============================================================
   v8：脚注は「読めるが目立たない」へ
   白パネルをやめ、色を落とし、行数を減らす。
   可読性は白のハローで担保する。
   ============================================================ */

.fv .lux-note {
    padding-bottom: 2.6rem;
    color: #4d4d4d;
    text-shadow: 0 0 .6rem rgba(255, 255, 255, .95), 0 0 1.4rem rgba(255, 255, 255, .8);
}

@media screen and (max-width:750px) {
    .fv .lux-note {
        margin: 0 4%;
        padding: .6rem 0 2rem;
        background: none;
        font-size: 2.25rem;
        line-height: 1.62;
    }
}


/* v8：脚注が短くなった分FVが縮み、人物がせり上がるので位置を再調整 */

@media screen and (max-width:750px) {
    .fv .go {
        width: 22rem;
        left: -1.2rem;
        bottom: 2rem;
    }
    .fv .lux-note {
        font-size: 2.35rem;
    }
}


/* v8：脚注は人物の右側に寄せ、顔と重ならないようにする */

@media screen and (max-width:750px) {
    .fv .lux-note {
        margin: 0 3% 0 30%;
        padding: .4rem 0 2rem;
        font-size: 2.25rem;
        line-height: 1.6;
    }
}


/* ============================================================
   v9：PCで脚注が右に見切れる問題の修正
   .lux-note は width:72rem + margin-left:auto だったため、
   .fv（全幅）の右端に貼り付き、.wrap（最大1000px）の外へ出ていた。
   .wrap と同じ 100rem のセンター寄せコンテナにし、
   その中で .txt（73.2rem 右寄せ）と左端を揃える。
   ============================================================ */

@media screen and (min-width:751px) {
    .fv .lux-note {
        box-sizing: border-box;
        width: 100rem;
        max-width: 94%;
        margin: 0 auto;
        padding: .4rem 0 3.4rem 38.6rem;
        text-align: left;
    }
}


/* .go（人物）は absolute のため、指定しないと脚注より前面に出る */

.fv .lux-note {
    position: relative;
    z-index: 2;
}


/* v10：SPで人物とCTAのあいだにできる白い隙間を解消
        .go を 2rem 浮かせていたため下端に地色が出ていた。
        脚注は右側にインデント済みなので、bottom:0 に戻しても顔とは重ならない。 */

@media screen and (max-width:750px) {
    .fv .go {
        bottom: 0;
    }
}


/* ============================================================
   v11：体験談セクションの免責条項
   Google広告「不実表示: 信頼できない文言」の要件
   （効果は保証されず個人差がある旨を目立つ場所に明示）に対応。
   本文と同等の可読性を確保するため、薄いグレーや極小文字にはしない。
   ============================================================ */

.uv .uv-disclaimer {
    box-sizing: border-box;
    max-width: 100rem;
    margin: 3rem auto 0;
    padding: 1.8rem 2.2rem;
    border: 1px solid rgba(11, 14, 45, .18);
    background: rgba(255, 255, 255, .88);
    color: #2b2b2b;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: left;
}

@media screen and (max-width:750px) {
    .uv .uv-disclaimer {
        max-width: none;
        margin: 2.4rem 2% 0;
        padding: 1.6rem 1.8rem;
        font-size: 2.3rem;
        line-height: 1.75;
    }
}


/* ============================================================
   adoplus4：FV改訂（バッジ3種を「申請実務0／フック商材／週2日」に）
   ============================================================ */

/* 「フック商材」は5文字のため、他バッジと視覚的な重さを揃えて縮小 */

.fv .txt .must.lux-must--v2 .mustbox.is-long .kin {
    font-size: 3.1rem;
    letter-spacing: -.04em;
    white-space: nowrap;
}

.fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
    font-size: 5.6rem;
}

@media screen and (max-width:750px) {
    .fv .txt .must.lux-must--v2 .mustbox.is-long .kin {
        font-size: 3.2rem;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .kin {
        font-size: 5.8rem;
    }
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label {
        font-size: 1.66rem;
        letter-spacing: -.02em;
    }
}

/* PC：脚注を削除した分（約110px）FVが低くなり、下端固定の人物が
   ゴールド帯に被るため、余白で高さを補う。上下に振り分けてテキスト群を中央寄せに。 */

@media screen and (min-width:751px) {
    /* テキストの開始位置は公開中（3.4rem）のまま据え置き、
       人物の肩幅が広がる位置まで文字を下げない。補正は下側の余白だけで取る */
    .fv .txt {
        padding-bottom: 11rem;
    }
}

/* バッジのラベルサイズを3つで統一（旧「最高月収実績」用の縮小指定を解除） */

.fv .txt .must.lux-must--v2 .mustbox .lux-mb-label,
.fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label,
.fv .txt .must.lux-must--v2 .mustbox.lh .lux-mb-label {
    font-size: 1.75rem;
    letter-spacing: 0;
}

@media screen and (max-width:750px) {
    .fv .txt .must.lux-must--v2 .mustbox .lux-mb-label,
    .fv .txt .must.lux-must--v2 .mustbox:first-child .lux-mb-label,
    .fv .txt .must.lux-must--v2 .mustbox.lh .lux-mb-label {
        font-size: 1.62rem;
        letter-spacing: -.02em;
    }
}

/* PC：リード文の罫線が人物の肩側へ伸びないよう、リード文の幅を制限して中央寄せ */

@media screen and (min-width:751px) {
    .fv .txt .consult.lux-consult {
        max-width: 58rem;
        margin-left: auto;
        margin-right: auto;
    }
}

/* PC：人物と文字エリアを縦に完全に分離する
   人物のシルエットの最も張り出した位置（腕・肩）が、文字エリアの左端を越えないよう
   人物をわずかに縮小して左へ寄せ、見出しの級数を少し詰める */

@media screen and (min-width:751px) {
    .fv .go {
        width: 48rem;
        left: calc((100% - 100rem) / 2 - 21rem);
    }
    .fv .txt .lux-sub--hero {
        font-size: 4.4rem;
    }
}

/* PC：見出しの級数をさらに詰め、文字エリアと人物の間隔を広げる */

@media screen and (min-width:751px) {
    .fv .txt .lux-sub--hero {
        font-size: 4rem;
    }
}

/* バッジの重なり順をPC・SPで統一（中央のバッジを一番上に） */

.fv .txt .must.lux-must--v2 .mustbox:nth-child(1) { z-index: 3; }
.fv .txt .must.lux-must--v2 .mustbox:nth-child(2) { z-index: 4; }
.fv .txt .must.lux-must--v2 .mustbox:nth-child(3) { z-index: 2; }


/* ============================================================
   adoplus5：加盟店の声
   数字は見出しで主張せず「実績ボックス」にデータとして置き、
   条件（従業員数・開業年）と免責を同じ枠内に併記する
   ============================================================ */

.uv .uv-lead {
    display: block;
    width: 100%;
    margin: -3.2rem auto 4rem;
    color: #2b2b2b;
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: center;
}

.uv .uv-result {
    margin: 1.8rem 0 2.2rem;
    padding: 1.6rem 2rem 1.5rem;
    border: 1px solid rgba(11, 14, 45, .14);
    border-left: 4px solid #c9a24f;
    background: #f7f9fd;
}

.uv .uv-result-label {
    margin: 0;
    color: #1a3d7c;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .04em;
}

.uv .uv-result-num {
    margin: .2rem 0 .6rem;
    color: #0b1a3a;
    font-family: "LuxSerifJP", "Shippori Mincho B1", var(--font-Mincho);
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.1;
}

.uv .uv-result-num span {
    color: #a9832f;
    font-size: 4.2rem;
    letter-spacing: -.01em;
    margin-right: .15em;
}

.uv .uv-result-note {
    margin: 0;
    color: #3a3a3a;
    font-size: 1.3rem;
    line-height: 1.65;
}

@media screen and (max-width:750px) {
    .uv .uv-lead {
        margin: -2rem 3% 3rem;
        font-size: 2.35rem;
        line-height: 1.65;
    }
    .uv .uv-result {
        margin: 2rem 0 2.6rem;
        padding: 2.2rem 2.6rem 2rem;
        border-left-width: 6px;
    }
    .uv .uv-result-label {
        font-size: 2.5rem;
    }
    .uv .uv-result-num {
        font-size: 3.4rem;
    }
    .uv .uv-result-num span {
        font-size: 6.6rem;
    }
    .uv .uv-result-note {
        font-size: 2.25rem;
        line-height: 1.6;
    }
}

/* 実績ボックスの左端を見出し・本文（margin-left 3.6rem / SP 4.6rem相当）に揃える */
.uv .uvlist .txt .uv-result {
    margin-left: 3.6rem;
}
@media screen and (max-width:750px) {
    .uv .uvlist .txt .uv-result {
        margin-left: 4.6rem;
    }
}


/* ============================================================
   新キャッチ（3行）：申請実務ゼロで、経営者から感謝される／
   助成金・社保適正化コンサルに／なりませんか？
   ============================================================ */

@media screen and (min-width:751px) {
    .fv .txt .lux-sub--hero.lux-sub--3l {
        font-size: 3.6rem;
        line-height: 1.32;
    }
}

@media screen and (max-width:750px) {
    .fv .txt .lux-sub--hero.lux-sub--3l {
        font-size: 3.9rem;
        line-height: 1.32;
    }
}


/* ============================================================
   バッジ：注記を削除し、ラベルとメインを拡大
   （中身が上下中央に来るよう余白も上下対称に）
   ============================================================ */

.fv .txt .must.lux-must--big .mustbox {
    padding: 1.6rem 1rem;
}

.fv .txt .must.lux-must--big .mustbox .lux-mb-label,
.fv .txt .must.lux-must--big .mustbox:first-child .lux-mb-label,
.fv .txt .must.lux-must--big .mustbox.lh .lux-mb-label {
    font-size: 2.2rem;
    letter-spacing: .02em;
}

.fv .txt .must.lux-must--big .mustbox .kin,
.fv .txt .must.lux-must--big .mustbox:first-child .kin {
    margin-top: .6rem;
    font-size: 6.4rem;
    line-height: 1;
}

.fv .txt .must.lux-must--big .mustbox:first-child .unit {
    margin-left: .06em;
    font-size: .42em;
}

.fv .txt .must.lux-must--big .mustbox.is-long .kin {
    font-size: 3.5rem;
    letter-spacing: -.05em;
}

@media screen and (max-width:750px) {
    .fv .txt .must.lux-must--big .mustbox {
        padding: 2rem .6rem;
    }
    .fv .txt .must.lux-must--big .mustbox .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox:first-child .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox.lh .lux-mb-label {
        font-size: 2.3rem;
        letter-spacing: 0;
    }
    .fv .txt .must.lux-must--big .mustbox .kin,
    .fv .txt .must.lux-must--big .mustbox:first-child .kin {
        margin-top: .6rem;
        font-size: 7rem;
    }
    .fv .txt .must.lux-must--big .mustbox.is-long .kin {
        font-size: 3.6rem;
        letter-spacing: -.06em;
    }
}

/* 六角形自体を拡大し、文字を大きくできる余地をつくる */

.fv .txt .must.lux-must--big .mustbox {
    width: 22rem;
    min-height: 19rem;
}
.fv .txt .must.lux-must--big .mustbox .kin,
.fv .txt .must.lux-must--big .mustbox:first-child .kin {
    font-size: 5.6rem;
}
.fv .txt .must.lux-must--big .mustbox.is-long .kin {
    font-size: 3.3rem;
    letter-spacing: -.06em;
}

@media screen and (max-width:750px) {
    .fv .txt .must.lux-must--big .mustbox {
        width: 22.6rem;
        min-height: 19.6rem;
    }
    .fv .txt .must.lux-must--big .mustbox .kin,
    .fv .txt .must.lux-must--big .mustbox:first-child .kin {
        font-size: 6.2rem;
    }
    .fv .txt .must.lux-must--big .mustbox.is-long .kin {
        font-size: 3.5rem;
        letter-spacing: -.07em;
    }
}

/* SP：バッジ列が人物の顔にかからない大きさに調整 */
@media screen and (max-width:750px) {
    .fv .txt .must.lux-must--big .mustbox {
        width: 20.8rem;
        min-height: 18rem;
        padding: 1.8rem .5rem;
    }
    .fv .txt .must.lux-must--big .mustbox .kin,
    .fv .txt .must.lux-must--big .mustbox:first-child .kin {
        font-size: 5.8rem;
    }
    .fv .txt .must.lux-must--big .mustbox.is-long .kin {
        font-size: 3.25rem;
        letter-spacing: -.07em;
    }
}

/* メインコピーを拡大（SP：字間を詰めて画面幅内の最大に／PC：人物との間隔を保てる範囲で） */

@media screen and (max-width:750px) {
    .fv .txt .lux-sub--hero.lux-sub--3l {
        font-size: 4.2rem;
        letter-spacing: -.08em;
    }
}

@media screen and (min-width:751px) {
    .fv .txt .lux-sub--hero.lux-sub--3l {
        font-size: 3.8rem;
    }
}


/* ============================================================
   視線の優先順位づけ：メインコピーを主役にするため、
   サブコピー・募集バッジ・六角形バッジを相対的に一段下げる
   目安（メインコピー=1.0）：
     サブコピー 約0.53〜0.57 ／ 募集バッジ・ラベル 約0.47〜0.55
     バッジの数字「0」約1.15（数字は漢字より字面が小さいため）
     クロスセル等 約0.7
   ============================================================ */

@media screen and (min-width:751px) {
    .fv .txt .lux-eyebrow2 {
        font-size: 1.7rem;
    }
    .fv .txt .consult.lux-consult {
        font-size: 2rem;
    }
    .fv .txt .rimit.lux-rimit .rimitwrap {
        font-size: 1.8rem;
    }
    .fv .txt .must.lux-must--big .mustbox {
        width: 19.5rem;
        min-height: 16.8rem;
    }
    .fv .txt .must.lux-must--big .mustbox .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox:first-child .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox.lh .lux-mb-label {
        font-size: 1.8rem;
    }
    .fv .txt .must.lux-must--big .mustbox .kin,
    .fv .txt .must.lux-must--big .mustbox:first-child .kin {
        font-size: 4.4rem;
    }
    .fv .txt .must.lux-must--big .mustbox.is-long .kin {
        font-size: 2.7rem;
    }
}

@media screen and (max-width:750px) {
    .fv .txt .lux-eyebrow2 {
        font-size: 2.3rem;
    }
    .fv .txt .consult.lux-consult {
        font-size: 2.4rem;
    }
    .fv .txt .rimit.lux-rimit .rimitwrap {
        font-size: 2.3rem;
    }
    .fv .txt .must.lux-must--big .mustbox {
        width: 19rem;
        min-height: 16.4rem;
    }
    .fv .txt .must.lux-must--big .mustbox .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox:first-child .lux-mb-label,
    .fv .txt .must.lux-must--big .mustbox.lh .lux-mb-label {
        font-size: 2.1rem;
    }
    .fv .txt .must.lux-must--big .mustbox .kin,
    .fv .txt .must.lux-must--big .mustbox:first-child .kin {
        font-size: 4.8rem;
    }
    .fv .txt .must.lux-must--big .mustbox.is-long .kin {
        font-size: 2.9rem;
    }
}


/* ============================================================
   メインコピーを4行にして拡大（最長行14文字）／サブコピーを縮小
   ============================================================ */

@media screen and (min-width:751px) {
    .fv .txt .lux-sub--hero.lux-sub--4l {
        font-size: 4.5rem;
        line-height: 1.3;
        letter-spacing: -.045em;
    }
    .fv .txt .consult.lux-consult {
        font-size: 1.7rem;
        line-height: 1.7;
    }
}

@media screen and (max-width:750px) {
    .fv .txt .lux-sub--hero.lux-sub--4l {
        font-size: 4.95rem;
        line-height: 1.3;
        letter-spacing: -.08em;
    }
    .fv .txt .consult.lux-consult {
        font-size: 2.2rem;
        line-height: 1.7;
    }
}

/* 等倍表示で免責を12px以上に保ち、SPリードの横はみ出しを防ぐ */
.uv .uv-disclaimer,
.uv .uv-result-note {
    font-size: max(12px, 1.5rem);
}
@media screen and (max-width:750px) {
    .uv .uv-disclaimer {
        font-size: max(12px, 2.3rem);
    }
    .uv .uv-result-note {
        font-size: max(12px, 2.25rem);
    }
    .uv .uv-lead {
        width: auto;
    }
}