<style>
/* ========================================================
   1. 【削除済み】ページ全体の最背面背景（2つ目のPC専用エリアへ移動しました）
   ======================================================== */
/* ========================================================
   2. 各メニューの下に英字（サブタイトル）を強制出現させる
   ======================================================== */
#grobal-menu-list li a {
    text-align: center !important;
    padding-top: 15px !important;    /* 日本語の上の余白 */
    padding-bottom: 15px !important; /* 日本語・英字の下の余白 */
    line-height: 1.2 !important;     /* 行間をギュッと詰める */
}

/* ★PC表示のときはPC用aタグ、スマホ表示のときはスマホ用aタグだけをブロック化する（重複対策） */
#grobal-menu-list li a.hidden-xs { display: block !important; }
@media (max-width: 767px) {
    #grobal-menu-list li a.hidden-xs { display: none !important; }
    #grobal-menu-list li a.visible-xs { display: block !important; }
}

/* 各メニューのIDを狙い撃ちして英語を指定 */
/* 各メニューのIDの「直下にあるaタグ（またはトグルボタン）」だけに限定して英語を指定 */
#gnv-home > a::after { content: "HOME" !important; }
#gnv-beginner > a::after { content: "BEGINNER" !important; }
#gnv-medical_care > .dropdown-toggle::after { content: "MEDICAL CARE" !important; }
#gnv-analysis > a::after { content: "ANALYSIS" !important; }
#gnv-about > .dropdown-toggle::after { content: "ABOUT" !important; }
#gnv-board > a::after { content: "BOARD" !important; }

/* 出現させた英字の見た目を綺麗に整える */
#grobal-menu-list li a::after {
    display: block !important;
    font-size: 10px !important;       /* 英字のサイズ */
    font-weight: normal !important;   /* 細身の文字にする */
    margin-top: 10px !important;       /* 日本語と英字の隙間 */
    line-height: 1 !important;
    opacity: 0.7 !important;          /* ほんのり薄くして上品にする */
    text-transform: uppercase !important;
    color: #e284b0 !important;        /* ロゴに近いピンク色 */
}
/* ========================================================
   3. 厚くなったナビの分だけ、下のティーザーを押し下げる（食い込み防止）
   ======================================================== */
#main {
    /* 100pxでもまだ食い込む場合は、ここを 110px や 120px に増やしてください */
    padding-top: 2px !important; 
}

/* モバイル（スマホ）では隙間を元のサイズにリセット */
@media (max-width: 767px) {
    #main {
        padding-top: 0px !important; 
    }
}

/* ========================================================
   5. 【PCのみ】全ブロック＆フッター構造を完全に中央固定（右ズレ・右切れ防止）
   ======================================================== */
@media (min-width: 768px) {
    /* ① SITEUPのメインコンテンツ全域を対象に中央ロック */
    .page-row-container,
    .page-row-container > .row,
    .page-row-container > .row-no-gutters {
        width: 980px !important;
        min-width: 980px !important;
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    /* ② 1カラムブロック等の中身も中央へ固定 */
    .page-row-container .page-col-12,
    .page-row-container [class*="page-col-"] {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }

    /* ③ 【ここを全面修正！】フッターの最外殻（#bottom）はシステムに任せて広げたまま、
          中身の「#footer」を確実に980px幅でど真ん中にロックする */
    #bottom {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
    }

    #bottom > .row,
    #footer,
    .page-footer-container,
    #footer .page-row-container,
    #footer .row,
    #footer .row-no-gutters {
        width: 980px !important;
        min-width: 980px !important;
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        display: block !important;
    }

    /* ④ フッター内部のカラムや著作権テキストの左寄せ挙動を一括解除 */
    #footer [class*="page-col-"],
    #footer .text-center,
    #footer .text {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    /* モジュール側の設定を活かしつつ、高さだけを220pxに強制上書きする */
    #BTN01_SINGLE_28 .link > a.link-1,
    #BTN01_SINGLE_29 .link > a.link-1,
    #BTN01_SINGLE_30 .link > a.link-1 {
        height: 250px !important; 
        min-height: 250px !important;
        max-height: 250px !important;
        
        /* 枠線や全角スペースによる予期せぬズレを排除する最低限の指定 */
        border: none !important;
        padding: 0 !important;
        line-height: 250px !important;
        color: transparent !important;
    }
}

</style>