@charset "utf-8";
:root{
    /* color */
    --color_text: #483A3A;
    --color_textGrayp: #898989;
    --color_main: #D82316;
    --color_white: #ffffff;
    --color_gray: #FAFAFA;

    /* font familiy */
    --ff_ja: "Noto Sans JP", sans-serif;

    /* font weight */
    --fw_r: 400;
    --fw_m: 500;
    --fw_sb: 600;
    --fw_b: 700;

    /* font size */
    --fs_14: 13px;
    --fs_16: 14px;
    --fs_18: 15px;
    --fs_20: 16px;
    --fs_24: 17px;
    --fs_26: 18px;
    --fs_28: 19px;
    --fs_30: 20px;
    --fs_32: 22px;
    --fs_36: 24px;
    --fs_en_40: 28px;
}
@media (min-width: 576px){
    :root{
         --fs_14: 14px;
		 --fs_16: 15px;
         --fs_18: 16px;
         --fs_20: 18px;
         --fs_24: 19px;
         --fs_26: 20px;
         --fs_28: 22px;
         --fs_30: 24px;
         --fs_32: 26px;
         --fs_36: 28px;
         --fs_en_40: 36px;
    }
}
@media (min-width: 768px){
    :root{
        --fs_16: 16px;
        --fs_18: 18px;
        --fs_20: 20px;
        --fs_24: 22px;
        --fs_26: 24px;
        --fs_28: 26px;
        --fs_30: 28px;
        --fs_32: 30px;
        --fs_36: 34px;
        --fs_en_40: 36px;
    }
}
@media (min-width: 992px){
    :root{
        --fs_24: 24px;
        --fs_26: 26px;
        --fs_28: 28px;
        --fs_30: 30px;
        --fs_32: 32px;
        --fs_36: 36px;
        --fs_en_40: 40px;
    }
}

/************************************************************
/* mce-content-body : クラシックエディタ、ACF内リッチエディタ
/* wp-block-post-content : ブロックエディタ
/* site-editor-content : ブラウザ上での表示
/************************************************************/
.mt-10{
    margin-top: 0 !important;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.fs-14{
    font-size: var(--fs-14) !important;
}


/* エディタ全体設定 */
.mce-content-body,
.wp-block-post-content,
.site-editor-content{
    font-family: var(--ff_ja);
    font-weight: var(--fw_r);
    font-size: var(--fs-16);
    color: var(--color_text);
    line-height: 1.7;
}
.mce-content-body *,
.wp-block-post-content *,
.site-editor-content *{
    margin-bottom: 0;
    letter-spacing: 0.1em;
}

/* コンテンツ間余白 */
.mce-content-body > * + * , .mce-content-body .wp-block-column > * + *, .mce-content-body .wp-block-group__inner-container > * + *,
.wp-block-post-content > * + *, .wp-block-post-content .wp-block-column > * + *, .wp-block-post-content .wp-block-group__inner-container > * + *,
.site-editor-content > * + *, .site-editor-content .wp-block-column > * + *, .site-editor-content .wp-block-column > * + *{
    margin-top: 30px;
}
.mce-content-body h3 + *,
.wp-block-post-content h3 + *,
.site-editor-content h3 + *,
.mce-content-body h4 + *,
.wp-block-post-content h4 + *,
.site-editor-content h4 + *,
.mce-content-body h5 + *,
.wp-block-post-content h5 + *,
.site-editor-content h5 + *,
.mce-content-body h6 + *,
.wp-block-post-content h6 + *,
.site-editor-content h6 + *{
    margin-top: 0 !important;
}
.mce-content-body * + h2,
.wp-block-post-content * + h2,
.site-editor-content * + h2{
    margin-top: 60px !important;
}
@media (min-width: 768px){
    .mce-content-body > * + * , .mce-content-body .wp-block-column > * + *, .mce-content-body .wp-block-group__inner-container > * + *,
    .wp-block-post-content > * + *, .wp-block-post-content .wp-block-column > * + *, .wp-block-post-content .wp-block-group__inner-container > * + *,
    .site-editor-content > * + *, .site-editor-content .wp-block-column > * + *, .site-editor-content .wp-block-column > * + *{
        margin-top: 40px;
    }
    .mce-content-body * + h2,
    .wp-block-post-content * + h2,
    .site-editor-content * + h2{
        margin-top: 100px !important;
    }
}


/* 見出し h1-h6 */
.mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6,
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3, .wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6
.site-editor-content h1, .site-editor-content h2, .site-editor-content h3, .site-editor-content h4, .site-editor-content h5, .site-editor-content h6{
    line-height: 1.3;
    font-weight: var(--fw_b);
}
.mce-content-body h2,
.wp-block-post-content h2,
.site-editor-content h2{
    margin-bottom: 40px;
    color: var(--color_main);
    font-size: var(--fs_en_40);
    text-align: center;
    line-height: 1.3;
}
.mce-content-body h3:not(.title-simple),
.wp-block-post-content h3:not(.title-simple),
.site-editor-content h3:not(.title-simple){
    margin-bottom: 20px;
    border-bottom: 2px solid var(--color_text);
    padding-bottom: 10px;
    font-size: var(--fs_24);
}
.mce-content-body h4:not(.title-simple),
.wp-block-post-content h4:not(.title-simple),
.site-editor-content h4:not(.title-simple){
    margin-bottom: 15px;
    border-bottom: 1px solid var(--color_textGrayp);
    padding-bottom: 10px;
    font-size: var(--fs_20);
}
.mce-content-body h5:not(.title-simple),
.wp-block-post-content h5:not(.title-simple),
.site-editor-content h5:not(.title-simple){
    margin-bottom: 15px;
    font-size: var(--fs_18);
}
.mce-content-body .title-simple,
.wp-block-post-content .title-simple,
.site-editor-content .title-simple{
    margin-bottom: 20px;
    font-size: var(--fs_32);
    line-height: 1.5;
}

@media (min-width: 768px){
    .mce-content-body h3:not(.title-simple),
    .wp-block-post-content h3:not(.title-simple),
    .site-editor-content h3:not(.title-simple){
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .mce-content-body h4:not(.title-simple),
    .wp-block-post-content h4:not(.title-simple),
    .site-editor-content h4:not(.title-simple){
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .mce-content-body h5:not(.title-simple),
    .wp-block-post-content h5:not(.title-simple),
    .site-editor-content h5:not(.title-simple){
        margin-bottom: 20px;
    }
    .mce-content-body .title-simple,
    .wp-block-post-content .title-simple,
    .site-editor-content .title-simple{
        margin-bottom: 30px;
    }
}
@media (min-width: 992px){
    .mce-content-body h2,
    .wp-block-post-content h2,
    .site-editor-content h2{
        margin-bottom: 60px;
    }
}


/* リンク */
.mce-content-body a:not(.btn-pdf):not(.btn-video),
.wp-block-post-content a:not(.btn-pdf):not(.btn-video),
.site-editor-content a:not(.btn-pdf):not(.btn-video){
    color: var(--color_main);
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: var(--fw_m);
}
.mce-content-body a.btn-arrow:not(.btn-pdf):not(.btn-video),
.wp-block-post-content a.btn-arrow:not(.btn-pdf):not(.btn-video),
.site-editor-content a.btn-arrow:not(.btn-pdf):not(.btn-video){
    position: relative;
    display: inline-block;
    padding-left: 15px;
    text-decoration: none;
}
.mce-content-body a.btn-arrow:not(.btn-pdf):not(.btn-video)::before,
.wp-block-post-content a.btn-arrow:not(.btn-pdf):not(.btn-video)::before,
.site-editor-content a.btn-arrow:not(.btn-pdf):not(.btn-video)::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid var(--color_main);
    border-right: 0;
    text-decoration: none;
}

/* テーブル */
.mce-content-body table,
.wp-block-post-content table,
.site-editor-content table{
    font-size: var(--fs_14);
    line-height: 1.5;
}
.mce-content-body table thead,
.wp-block-post-content table thead,
.site-editor-content table thead{
    border-bottom: 0;
    text-align: center;
}
.mce-content-body th, .mce-content-body td,
.wp-block-post-content th, .wp-block-post-content td,
.site-editor-content th, .site-editor-content td{
    padding: 10px 20px;
    text-align: inherit;
    font-weight: var(--fw_m);
    vertical-align: middle;
}
.mce-content-body th, 
.wp-block-post-content th,
.site-editor-content th{
    background-color: var(--color_gray);
    font-weight: 500;
}
.mce-content-body .thead-column,
.wp-block-post-content .thead-column,
.site-editor-content .thead-column{
    text-align: center;
}
.mce-content-body .thead-column td:first-child,
.wp-block-post-content .thead-column td:first-child,
.site-editor-content .thead-column td:first-child{
    background-color: var(--color_gray);
}


/* リスト */
.mce-content-body ul, .mce-content-body ol,
.wp-block-post-content ul, .wp-block-post-content ol,
.site-editor-content ul, .site-editor-content ol{
    counter-reset: li-number;
    padding-left: 1.5em;
}
.mce-content-body ul > li,
.wp-block-post-content ul > li,
.site-editor-content ul > li{
    position: relative;
    padding-left: 1.5em;
    font-weight: var(--fw_m);
    line-height: 1.5;
}
.mce-content-body ul > li::before,
.wp-block-post-content ul > li::before,
.site-editor-content ul > li::before{
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
}
.mce-content-body ol > li,
.wp-block-post-content ol > li,
.site-editor-content ol > li{
    position: relative;
    padding-left: 1.5em;
    font-weight: var(--fw_m);
    line-height: 1.5;
}
.mce-content-body ol > li::before,
.wp-block-post-content ol > li::before,
.site-editor-content ol > li::before{
    counter-increment: li-number;
    content: counter(li-number)" ) ";
    position: absolute;
    left: 0;
    top: 0;
}
.mce-content-body li + li,
.wp-block-post-content li + li,
.site-editor-content li + li{
    margin-top: 10px;
}


/* 画像 */
.mce-content-body img,
.wp-block-post-content img,
.site-editor-content img{
    width: auto;
    max-width: 100%;
}
.mce-content-body .wp-caption,
.wp-block-post-content  .wp-caption,
.site-editor-content .wp-caption{
    overflow: hidden;
    max-width: 100% !important;
}
.mce-content-body p:has(img) + *,
.wp-block-post-content p:has(img) + *,
.site-editor-content p:has(img) + *{
    clear: both;
}
@media(max-width: 767px){
    .mce-content-body .alignleft, .mce-content-body .alignright,
    .wp-block-post-content .alignleft, .wp-block-post-content .alignright,
    .site-editor-content .alignleft, .site-editor-content .alignright{
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

/* キャプション系 */
.mce-content-body .wp-caption-dd,
.wp-block-post-content .wp-block-image figcaption,
.site-editor-content .wp-block-image figcaption{
    margin-top: 5px;
    text-align: center;
    font-size: var(--fs-14);
}

/* 上付き・下付き文字 */
.mce-content-body sub, .mce-content-body sup,
.wp-block-post-content sub, .wp-block-post-content sup,
.site-editor-content sub, .site-editor-content sup{
    position: relative;
    font-size: 0.75em;
    line-height: 1;
}
.mce-content-body sub,
.wp-block-post-content sub,
.site-editor-content sub{
    bottom: -0.25em
} 
.mce-content-body sup,
.wp-block-post-content sup,
.site-editor-content sup{
    top: -0.5em;
}


/* 文字色 */
.mce-content-body .has-text-colorsub,
.wp-block-post-content .has-text-color,
.site-editor-content .has-text-color{
    color: var(--color_text);
}
.mce-content-body .has-text-gray-color,
.wp-block-post-content .has-text-gray-color,
.site-editor-content .has-text-gray-color{
     color: var(--color_textGrayp);
}
.mce-content-body .has-main-color,
.wp-block-post-content .has-main-color,
.site-editor-content .has-main-color{
    color: var(--color_main);
}
.mce-content-body .has-white-color,
.wp-block-post-content .has-white-color,
.site-editor-content .has-white-color{
    color: var(--color_white);
}


/* text-indent */
.text-indent-1{
    padding-left: 1em;
    text-indent: -1em;
}
.text-indent-1x5{
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.indent-kome::before{
    content: "※";
}
.indent-circle::before{
    content: "●";
}
.indent-disc::before{
    content: "・";
}