/* --- 新デザイン用変数定義 --- */
/* --- 基本スタイル --- */
body {
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0;
    background-color: #f0f0f0;
    color: #411E08;
}

/* レスポンシブ制御 */
.sp-only { display: none; }
.pc-only { display: block; }

/* ================================================== */
/* PC版のスタイル（デフォルト） */
/* ================================================== */
.fv {
    background-image: url('../images/pc.bg-80.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.fv__inner {
    width: 100%;
    margin: 0 auto;
    padding: 40px 40px 90px 40px;
    box-sizing: border-box;
}

.fv__top-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.fv__target-catch {
    background-color: #118A40;
    padding: 5px 45px;
    border-radius: 15px;
    position: relative;
    order: 1;
    display: flex
;
    align-items: baseline;
  
   
   
    transform: rotate(-7deg);
    text-shadow: 
        4px 4px 0 #118A40,
        -4px 4px 0 #118A40,
        4px -4px 0 #118A40,
        -4px -4px 0 #118A40,
        4px 0 0 #118A40,
        -4px 0 0 #118A40,
        0 4px 0 #118A40,
        0 -4px 0 #118A40;
}

.fv__target-catch .fv__target-catch-strong {
    z-index: -5;
    font-size: 95px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: -26px;
    left: 17px;
    transform: rotate(2deg);
    letter-spacing: -4px;
}

.fv__target-catch .fv__target-catch-text {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
    padding-left: 65px;
}

.fv__target-catch .fv__target-catch-text .dai-char {
    z-index: 100;
    font-size: 37px;
    text-shadow: 
        2px 2px 0 #118A40,
        -2px 2px 0 #118A40,
        2px -2px 0 #118A40,
        -2px -2px 0 #118A40,
        2px 0 0 #118A40,
        -2px 0 0 #118A40,
        0 2px 0 #118A40,
        0 -2px 0 #118A40;
}

.fv__target-catch .fv__target-catch-text .fv__target-catch-highlight {
    color: #FFFF00;
}

.fv__target-catch .fv__target-catch-text .fv__target-catch-highlight .anata-text {
    position: relative;
}

.fv__target-catch .fv__target-catch-text .fv__target-catch-highlight .anata-text::before {
    content: "・・・";
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    top: -15px;
    left: 58%;
    transform: translateX(-50%);
    letter-spacing: 15px;
    text-shadow: none;
}

.fv__target-catch .fv__top-image {
   position: absolute;
    right: -40px;
    top: 90%;
    transform: translateY(-50%) rotate(6deg);
    width: 90px
}

.fv__target-catch .fv__top-image img { 
    width: 120%;
    display: block;
}

.fv__target-catch::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 220px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #118A40 transparent transparent transparent;
}


.fv__target-catch-small-text{
    font-size: 34px;
}



@media screen and (max-width: 1170px) {
    .fv__target-catch {
        /* 1. 縮小の基点を左端に設定 */
        transform-origin: left center; 
        
        /* 2. 70%に縮小 */
        transform: rotate(-7deg) scale(0.8); /* ← 元のrotateも忘れずに含める */

        /* 3. 縮小によってできた右側の余白をマイナスマージンで詰める */
        /* 幅が約500pxの要素を70%にすると、約150pxの余白ができるため、それを詰める */
        margin-right: -150px; 
    }
}





/* ================================================== */
/* 白いフチ文字エフェクト（共通クラス）*/
/* ================================================== */
.text-white-outline {
text-shadow: 
   /* まず、上下左右の基本の影を置く */
    0px 5px 0px #fff,
    0px -5px 0px #fff,
    5px 0px 0px #fff,
    -5px 0px 0px #fff,

    /* 次に、斜め方向の影を置く */
    3.5px 3.5px 0px #fff,
    -3.5px -3.5px 0px #fff,
    3.5px -3.5px 0px #fff,
    -3.5px 3.5px 0px #fff,

    /* ★★★ここからが最重要ポイント★★★ */
    /* さらに、その中間の角度の影を、薄く追加する */
    5px 2px 0px #fff,
    5px -2px 0px #fff,
    -5px 2px 0px #fff,
    -5px -2px 0px #fff,
    2px 5px 0px #fff,
    -2px 5px 0px #fff,
    2px -5px 0px #fff,
    -2px -5px 0px #fff;
}








.fv .fv__middle-content {
    order: 2;
    background-color: #fff;
    border-top: 3px solid #411E08;
    border-bottom: 3px solid #411E08;
    padding: 0px 5px;
    text-align: center;
}

.fv .fv__middle-content .fv__middle-text {
   font-size: 30px;
    font-weight: 500;
    margin: 5px 0;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

.fv .fv__middle-content .fv__middle-text span { 
    color: #F67C1A; 
}

@media screen and (max-width: 1170px) {
    .fv .fv__middle-content .fv__middle-text {
        font-size: 20px;
    }
}

.fv .fv__problem-area {
    order: 3;
    width: 100%;
    margin-top: 15px;
}

.fv .fv__problem-area .fv__problem-text {
    font-size: clamp(32px, 4vw, 60px);
    font-weight: 600;
    text-align: center;
    display: inline-block;
    line-height: 55px;
    color: black;
    text-align: center;
    display: block;
    white-space: nowrap;
}

.fv .fv__problem-area .fv__problem-text .marker-line {
    background: linear-gradient(to top, #FFFF00 45%, transparent 45%);
    padding: 0.1em 0;
}

.fv .fv__main-content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.fv .fv__main-content .fv__text-area {
    flex: 1 0 50%; 
    text-align: left; 
    margin-left: -40px;
}

.fv .fv__main-content .fv__image-area {
    flex: 1 0 50%; 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.fv .fv__main-content .fv__main-catch-wrapper {
    font-weight: 900;
    position: relative;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 {
    font-size: clamp(48px, 6vw, 90px); 
    color: #F67C1A;
    margin: 0 10px;
    display: inline-flex;
    align-items: center;
    position: relative;
        top: -70px;
    left: -32px;
}








.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .fv__catch-copy-particle {
    color: #411E08;
    font-size: 0.7em;
    position: relative;
    top: 10px;
    left: 4px;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right {
    position: relative; 
    display: inline-block;
    width: 70px;
    height: 20px;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::before,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::after,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::before,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::after {
    content: '';
    position: absolute;
    height: 1.5px;
    background-color: #411E08;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::before,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::before { 
    width: 80%; 
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::after,
.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::after { 
    width: 40%; 
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left {
    margin-right: 15px;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::before {
    top: 25px; left: 33px;
    transform: rotate(56deg);
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-left::after {
    bottom: -21px; left: 48px;
    transform: rotate(43deg);
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right {
    margin-left: 15px;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::before {
    top: 25px; 
    right: 33px;
    transform: rotate(-56deg);
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line1 .catch-deco-right::after {
    bottom: -21px; 
    right: 48px;
    transform: rotate(-43deg);
}








.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line2 {
    font-size: clamp(50px, 6vw, 110px);
    color: #118A40;
    line-height: 1;
    margin: clamp(-25px, -2.5vw, -40px) 0 15px clamp(-25px, -2.5vw, -40px);
    position: relative;
    top: -27px;
}

.fv .fv__main-content .fv__main-catch-wrapper .fv__catch-copy-line2 .fv__catch-copy-particle {
    color: #411E08;
    /* font-size: 0.6em; */
    /* margin-left: clamp(-30px, -3vw, -50px); */
    /* position: relative; */
    /* left: -7px; */
    /* top: 5px; */
    /* margin-left: -32px; */
    font-size: 0.7em;
    position: relative;
    left: -0.7em;
    top: 0.1em;
    /* margin-right: 1.2em; */
    margin-right: -0.5em;
}







.fv .fv__main-content .fv__sub-catch-wrapper {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
     margin-left: 5%; 
    position: relative;
 
    gap: 10px;

}

.fv .fv__main-content .fv__sub-catch-wrapper .fv__catch-copy-line3 {
     font-size: 110px;
    color: #118A40;
    line-height: 1;
    white-space: nowrap;
    font-weight: 900;
   
}



.fv .fv__main-content .fv__benefits img {
    height: auto;
    display: block;
    max-width: none;
    position: static;
    width: 140%;
   
    top: 35px;
    position: relative;
}


@media screen and (max-width: 1500px) {
    .fv .fv__main-content .fv__sub-catch-wrapper .fv__catch-copy-line3 {
     font-size: 100px;
        
    }
    
    
    .fv .fv__main-content .fv__benefits img{
        width: 130%;
    }
    
    
}



@media screen and (max-width: 1370px) {
    .fv .fv__main-content .fv__sub-catch-wrapper .fv__catch-copy-line3 {
     font-size: 80px;
        
    }
    
    
    .fv .fv__main-content .fv__benefits img{
        width: 110%;
    }
    
    
}

@media screen and (max-width: 1148px) {
    .fv .fv__main-content .fv__sub-catch-wrapper .fv__catch-copy-line3 {
     font-size: 70px;
        
    }
    
    
    
    
}










.fv .fv__main-content .fv__before-after {
    width: 100%;
}

.fv .fv__main-content .fv__before-after img {
    width: 100%;
    height: auto;
    display: block;
}
















.fv .fv__sp-banner-area {
    display: none;
}

.fv .fv__main-content-sp {
    display: none;
}

/* ================================================== */
/* SP版のスタイル（画面幅が949px以下で適用） */
/* ================================================== */
@media screen and (max-width: 949px) {
    .fv {
        background-image: url('../images/sp.bg-80.jpg');
       
    }

    .fv .sp-only { display: block; }
    .fv .pc-only { display: none; }

    /* .fv .fv__middle-content { display: none; } */
    
    .fv__inner {
   
    padding: 20px;
}

    .fv .fv__top-area {
        display: none;
        position: relative;
    }

    .fv .fv__sp-banner-area {
      
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left {
               background-color: #118A40;
        padding: 5px 35px;
        border-radius: 15px;
        position: relative;
        display: inline-block;
        align-items: baseline;
        gap: -10px;
        /* margin-top: 40px; */
        transform: rotate(-5deg);

    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-strong {
      font-size: 90px;
        font-weight: 900;
        color: #fff;
        line-height: 1;
        position: absolute;
        top: -22px;
        left: 10px;
        letter-spacing: -7px;
        z-index: 1;
        text-shadow: 
            3px 3px 0 #118A40, -3px 3px 0 #118A40, 3px -3px 0 #118A40, -3px -3px 0 #118A40,
            3px 0 0 #118A40, -3px 0 0 #118A40, 0 3px 0 #118A40, 0 -3px 0 #118A40;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-text {
               color: #fff;
        font-size: 46px;
        font-weight: 500;
        margin: 0;
        white-space: nowrap;
        padding-left: 55px;
        position: relative;
        z-index: 2;
        letter-spacing: 3px;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-text .dai-char {
        text-shadow: 
            2px 2px 0 #118A40, -2px 2px 0 #118A40, 2px -2px 0 #118A40, -2px -2px 0 #118A40,
            2px 0 0 #118A40, -2px 0 0 #118A40, 0 2px 0 #118A40, 0 -2px 0 #118A40;
            font-size: 35px;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-text .fv__target-catch-highlight {
        color: #FFFF00;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-text .fv__target-catch-highlight .anata-text {
        position: relative;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__target-catch-text .fv__target-catch-highlight .anata-text::before {
                content: "・・・";
        position: absolute;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        top: -6px;
        left: 57%;
        transform: translateX(-50%);
        letter-spacing: 32px;
        text-shadow: none;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__house-icon {
       position: absolute;
        right: -50px;
        top: 53%;
        transform: translateY(-50%) rotate(5deg);
        width: 90px;
        z-index: 3;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left .fv__house-icon img { 
        width: 170%;
        display: block;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-left::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 187px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 8px 0 8px;
        border-color: #118A40 transparent transparent transparent;
    }
    
 
 @media screen and (max-width: 665px) {
    .fv__sp-banner-area {
        transform: scale(0.70);
         transform-origin: left; 
    }

}











    .fv .fv__sp-banner-area .fv__sp-banner-right {
        position: absolute;
        top: 95px;
        right: 5px;
    }

    .fv .fv__sp-banner-area .fv__sp-banner-right .fv__problem-text {
         font-size: 34px;
       font-weight: 600;
 
    display: inline-block;
    line-height: 1.6; /* ← line-heightも調整 */
    color: black;
    }
    
    @media screen and (max-width: 665px) {
       .fv .fv__sp-banner-area .fv__sp-banner-right .fv__problem-text {
                    left: 220px;
            position: relative;
        }
    
    
    
    }
    
    
    @media screen and (max-width: 485px) {
       .fv .fv__sp-banner-area .fv__sp-banner-right .fv__problem-text {
              font-size: 26px;
              left: 180px;
       }
    }
    
    
    

    .fv .fv__sp-banner-area .fv__sp-banner-right .fv__problem-text .marker-line {
        background: linear-gradient(to top, #FFFF00 45%, transparent 45%);
        padding: 0.1em 0;
    }

    .fv .fv__main-content-sp {
        display: block;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy {
        text-align: left;
        
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 {
        font-size: 80px;
        color: #F67C1A;
        font-weight: 900;
        margin: 0 0 10px;
                position: relative;
        top: 70px;
        left: -43px;
    }
    
    

@media screen and (max-width: 550px) {
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 {
        font-size: 59px;
    }
}

/* --- 画面幅が、420px以下に、なった時の、世界の、理 --- */
@media screen and (max-width: 400px) {
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 {
        font-size: 40px ;
    }
}
    
 

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .fv__catch-copy-particle {
        color: #411E08;
        font-size: 0.8em;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right {
        position: relative; 
        display: inline-block;
        width: 40px;
        height: 15px;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::before,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::after,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::before,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::after {
        content: '';
        position: absolute;
        height: 1.5px;
        background-color: #411E08;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::before,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::before { 
        width: 100%; 
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::after,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::after { 
        width: 60%; 
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left {
        margin-right: 10px;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::before {
        top: 0px; left: 30px;
        transform: rotate(56deg);
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::after {
        bottom: -0px; left: 35px;
        transform: rotate(30deg);
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right {
        margin-left: 10px;
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::before {
        top: 0px; right: 30px;
        transform: rotate(-56deg);
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::after {
        bottom: -0px; right: 35px;
        transform: rotate(-30deg);
    }
    
    
    
    
    @media screen and (max-width: 400px) {
    
    
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::before,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::before { 
    width: 70%; 
    }

    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-left::after,
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line1 .catch-deco-right::after { 
        width: 35%; 
    }

}

   
    
    /* ===============================================
   SP版メインコピーのフォントサイズ調整（clamp使用）
   =============================================== */
.fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line2 {
   font-size: clamp(50px, 15vw, 120px);
    color: #118A40;
    font-weight: 900;
    margin: 0;
    line-height: 1.2;
    white-space: nowrap; /* ★追加：改行を絶対に禁止する */
    position: relative;
        top: 45px;
        left: -65px;
}

@media screen and (max-width: 570px) {
    .fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line2  {
        /* もう、ほとんど、はみ出さない */
   
        /* 引き戻す量も、ごく、わずかに */
        left: -45px;
    }
}



.fv .fv__main-content-sp .fv__sp-wide-copy .fv__catch-copy-line2 .fv__catch-copy-particle {
    color: #411E08;
    font-size: 0.6em;
           margin-left: -7vw;
    
}

    
   
   
   
.fv .fv__main-content-sp .fv__sp-columns {
    display: flex;
    align-items: center;
    justify-content: space-around;
  
    margin-top: 50px;
}

/* --- 左カラム：「第一歩」とアイコン --- */
.fv .fv__main-content-sp .fv__sp-columns .fv__left-side {
    min-width: 0;
    text-align: center;
}

/* --- 右カラム：「ビフォーアフター」画像 --- */
.fv .fv__main-content-sp .fv__sp-columns .fv__right-side {
  
    min-width: 0;
}

/* --- 「第一歩」の文字サイズ --- */
.fv .fv__main-content-sp .fv__sp-columns .fv__left-side .fv__catch-copy-line3 {
      font-size: clamp(45px, 13vw, 100px);
    color: #118A40;
    font-weight: 900;
   
    line-height: 1;
    white-space: nowrap;
}

/* --- 「３つのアイコン」の画像サイズ --- */
.fv .fv__main-content-sp .fv__sp-columns .fv__left-side .fv__benefits img {
    /* ↓↓↓↓↓↓ 全ての答えは、この一行に集約される！ ↓↓↓↓↓↓ */
    width: clamp(120px, 32vw, 240px);
    height: auto;
    display: block;
    margin: 0 auto;
    max-width: none;
            position: relative;
        left: 21%;
}






.fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
    width: 80%;
    height: auto;
    display: block;
    max-width: none;
    position: relative;
    left: 140px;
  
}

@media screen and (max-width: 800px) {
    .fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
                    left: 150px;
            width: 75%;
    }
}

@media screen and (max-width: 700px) {
    .fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
              left: 140px;
            width: 73%;
    }
}


@media screen and (max-width: 600px) {
    .fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
           left: 135px;
            width: 70%;
    
    }
}


@media screen and (max-width: 500px) {
    .fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
           left: 125px;
            width: 67%;
    
    }
}

@media screen and (max-width: 400px) {
    .fv .fv__main-content-sp .fv__sp-columns .fv__right-side .fv__before-after img {
           left: 108px;
           
    
    }
}


    
    

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

    /* 中間コンテンツの親ボックス */
    .fv .fv__middle-content {
                        border-bottom: none !important;
            /* width: auto; */
            position: relative;
            top: 10px;
            max-width: 75%;
            width: 100%;
            padding-bottom: 10px;
            margin: 0 auto 5px auto;
            padding: 0 5px 10px 5px;
    }

    /* 中のテキスト */
    .fv .fv__middle-content .fv__middle-text {
             white-space: nowrap;
            font-size: clamp(14px, 4.2vw, 28px);
            /* transform: scaleX(0.85); */
            font-weight: 500;
            line-height: 1.1;
            /* letter-spacing: -1.6px; */
            text-align: center;
                        
         
         
    }

    /* オレンジ色のテキスト（span） */
    .fv .fv__middle-content .fv__middle-text span { 
        color: #F67C1A; 
    }
}