/* Noto Sans JPを読み込む */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* フォント変更用のクラスを作る */
.font-noto {
    font-family: 'Noto Sans JP', sans-serif !important;
}


@media screen and (max-width: 768px) {
    /* 行そのものと、その中の要素すべてに対して背景位置を強制適用 */
    .bg-pos-mobile, 
    .bg-pos-mobile .vc_parallax-inner,
    .bg-pos-mobile .upb_row_bg {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

/* スマホ（幅768px以下）の時のフォントサイズ調整 */
@media screen and (max-width: 768px) {
    
    /* 本文（Pタグ） */
    p, .entry-content p {
        font-size: 14px !important; /* 好みのサイズに */
        line-height: 1.9 !important; /* 行間も調整できます */
    }


    /* 見出し（H3） */
    h3, .entry-content h3 {
        font-size: 18px !important;
    }
    
    /* WPBakeryのカスタム見出しパーツ用 */
    .vc_custom_heading {
        font-size: 22px !important; /* 必要ならここも調整 */
    }
}
@media screen and (max-width: 768px) {
    .fluid-text, 
    .fluid-text p, 
    .fluid-text h2, 
    .fluid-text h3, 
    .fluid-text h4, 
    .fluid-text h5 {
        /* ▼ここを調整します（4vw = 画面幅の4%の大きさ） */
        font-size: 3.7vw !important; 
        
        /* 行間も少し狭めに調整すると綺麗です */
        line-height: 1.6 !important;
    }
}