/* =====================================================
   global-additions.css ― global.html 専用スタイル
   ・見出し（太字）
   ・本文
   ・写真（中央配置）
   ※ 共通パーツ（.service-page の幅など）は common-additions.css
===================================================== */

/* ---- ページ全体 ----
   heroなしページのため、固定ヘッダー(160px)の下に余白を確保 */

.service-page.global-page{

    padding-top:200px;
    padding-bottom:40px;

}


/* ---- セクション ---- */

.global-section{

    margin-bottom:70px;

}


/* ---- 見出し ---- */

.global-heading{

    margin-bottom:22px;

    font-size:clamp(16px,2vw,22px);
    font-weight:700;
    color:#111;

}


/* ---- 本文 ---- */

.global-text{

    font-size:clamp(12px,1.5vw,16px);
    line-height:2;
    color:#222;
    margin-bottom:30px;

}

.global-text strong{

    font-weight:700;

}


/* ---- 写真 ---- */

.global-photo{

    text-align:center;

}

/* ---- ビデオ（service_dpp.html の .dpp-sorecoco-box video と同サイズ） ---- */

.global-video video{

    width:100%;
    max-width:920px;
    height:auto;
    display:block;
    margin:0 auto;

}


/* ---- レスポンシブ ---- */

@media(max-width:600px){

    .service-page.global-page{

        padding-top:190px;

    }

    .global-section{

        margin-bottom:50px;

    }

}