:root {
        --body-color: #ffffff;
        --primary-color: #3498db;
        --secondary-color: #2ecc71;
        --header-color: #2ecc71;
        --mobile-header-color: #2ecc71;
        --cl-b: #ffffff;
        --cl-p: #3498db;
        --cl-s: #2ecc71;
        --cl-h: #2ecc71;
        --cl-hm: #2ecc71;
        --cl-header: #2ecc71;
        --body-font-size: 16px;
        --body_font_size_xsmall: 12px;
        --body_font_size_small: 14px;
        --body_font_size_medium: 24px;    
        --body_font_size_large: 32px;
        --body_font_size_xlarge: 48px;
        --fs: 16px;
        --fs-xs: 12px;
        --fs-s: 14px;
        --fs-m: 24px;    
        --fs-l: 32px;
        --fs-xl: 48px;
        --fs-p20s14: 20px;
        --fs-p16s14: 16px;
        --fs-p16s12: 16px;
        --fs-h1: 36px;
        --fs-h2: 32px;
        --fs-h3: 28px;
        --fs-h4: 24px;
        --fs-h5: 20px;
        --fs-h6: 16px;
        --body-font-color: #333333;
        --body-font-color-02: #ffffff;
        --fc: #333333;
        --fc-02: #ffffff;
        --font_weight_light: 300;
        --font_weight_normal: 400;
        --font_weight_medium: 500;
        --font_weight_sbold: 600;
        --font_weight_bold: 700;
        --font_weight_xbold: 800;
        --fw-l: 300;
        --fw-n: 400;
        --fw-m: 500;
        --fw-sb: 600;
        --fw-b: 700;
        --fw-xb: 800;
        --primary-font: "IBM Plex Sans JP", serif;
        --secondary-font: "Roboto", serif;
        --f-p: "IBM Plex Sans JP", serif;
        --f-s: "Roboto", serif;
        --breakpoint-xs: 480px;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --xs: 480px;
        --sm: 576px;
        --md: 768px;
        --lg: 992px;
        --xl: 1200px;
        --black: #000;
        --white: #fff;
        --main-logo: url('');
        --sub-logo: url('');
        --footer-logo: url('');
        --footer-sub-logo: url('');
        --mobile-logo: url('');
        --mobile-sub-logo: url('');
        --mobile-footer-logo: url('');
        --mobile-footer-sub-logo: url('');
        --text-logo: url('');
        --mobmenu-phone: url('');
        --mobmenu-phone-text: '';
        --mobmenu-email: url('');
        --mobmenu-email-text: '';
        --mobmenu-map: url('');
        --mobmenu-map-text: '';
    }
    @media (max-width: 768px) {
        :root {
            --fs: calc(16px * 0.8); // モバイル用に縮小
            --fs-xs: calc(12px * 0.8);
            --fs-s: calc(14px * 0.8);
            --fs-m: calc(24px * 0.8);
            --fs-l: calc(32px * 0.8);
            --fs-xl: calc(48px * 0.8);
            --fs-p20s14: 14px;
            --fs-p16s14: 14px;
            --fs-p16s12: 12px;
            --fs-h1: calc(36px * 0.8);
            --fs-h2: calc(32px * 0.8);
            --fs-h3: calc(28px * 0.8);
            --fs-h4: calc(24px * 0.8);
            --fs-h5: calc(20px * 0.8);
            --fs-h6: calc(16px * 0.8);
            --cl-header: #2ecc71;
        }
    }
    
    body {
        font-size: var(--body-font-size);
        background-color: var(--body-color);
        font-family: var(--primary-font);
        overflow-x: hidden !important;
        font-weight: var(--fw-n);
        font-style: normal;
    }

    a {
        color: var(--primary-color);
    }

    .editor-styles-wrapper h1,
    .editor-styles-wrapper h2,
    .editor-styles-wrapper h3,
    .editor-styles-wrapper h4,
    .editor-styles-wrapper h5,
    .editor-styles-wrapper h6,
    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        line-height: 1.2;
        font-weight: var(--font_weight_bold);
        font-family: var(--primary-font); // メインフォント
        color: var(--body-font-color); // デフォルトの見出し色
        width:100% !important;
    }

    .editor-styles-wrapper h1,
    h1 {
        font-size:  var(--fs-h1);
        width:100% !important;
    }
    .editor-styles-wrapper h2,
    h2 {
        font-size:  var(--fs-h2);
        width:100% !important;
    }
    .editor-styles-wrapper h3,
    h3 {
        font-size: var(--fs-h3);
        width:100% !important;
    }
    .editor-styles-wrapper h4,
    h4 {
        font-size:  var(--fs-h4);
        width:100% !important;
    }
    .editor-styles-wrapper h5,
    h5 {
        font-size:  var(--fs-h5);
        width:100% !important;
    }
    .editor-styles-wrapper h6,
    h6 {
        font-size: var(--fs-h6);
        width:100% !important;
    }
    
    

/* PCのみ表示 */
.pc {
    display: block;
}

@media (max-width: 992px) {
    .pc {
        display: none;
    }
    .pcNone {
        display: none !important;
    }
}

/* PCとタブレット表示 */
.pcT {
    display: block;
}

@media (max-width: 768px) {
    .pcT {
        display: none;
    }
}

/* スマホのみ表示 */
.sp {
    display: none;
}

    @media (max-width: 768px) {
        .sp {
            display: block;
        }
    }
    /* スマホとタブレット表示 */
    .spT {
        display: none;
    }
    @media (max-width: 992px) {
        .spT {
            display: block;
        }

        @media (max-width: 768px) {
            .spT {
                display: block;
            }
        }
    }