/*メインサイトカスタムプロパティ*/
:root {
    /*//////////ブランドカラーの設定//////////*/
    --color-brand: #004D80;
    /*//////////ブランドカラーを使用するパーツここから//////////*/
    --color-h1: var(--color-brand);
    --color-sitemap-h2: var(--color-brand);
    --color-icon-yajirushi: var(--color-brand);
    /*サイドボード*/
    --color-sideboard-h2: var(--color-brand);
    --color-sideboard-icon-yajirushi: var(--color-brand);
    /*//////////ブランドカラーを使用するパーツここまで//////////*/
    /*//////////H1見出しテキストカラーの設定//////////*/
    --color-h1-text: #ffffff;
    /*//////////アクセントカラーの設定//////////*/
    --color-accent: #fff;
    /*//////////アクセントカラーを使用するパーツここから//////////*/
    --color-icon-sankaku: var(--color-accent);
    /*//////////アクセントカラーを使用するパーツここまで//////////*/
    /*//////////その他色変更パーツここから//////////*/
    /*見出し帯グラデーション*/
    --grad-h1: linear-gradient(-45deg,#2169ac 0%, #4297b7 28.95%, #0f518e 100%);
    /*下層背景色*/
    --color-subpage-haikei: #f9f9f9;
    /*パンくずホームアイコン*/
    --color-icon-pankuzu-home: #999;
    /*印刷アイコン*/
    --color-icon-print: #194593;
    /*中見出し背景　単色のとき*/
    --color-midashi: #004d80;
    /*中見出し背景　グラデーションのとき　subpage.cssでグラデーション見出しの場合に切り替える*/
    --grad-midashi: linear-gradient(112.53deg, rgba(245,225,232,1) 6%, rgba(203,236,245,1) 96%);
    /*下位分類部の背景*/
    --color-bg-class: #ffffff;
    /*kijilistの背景*/
    --color-kijilist-area: #ffffff;
    /*サイドボード*/
    --color-sideboard-area: #f4f0ef;
    --color-sideboard-mitukaranaitoki: #BDD9E3;
    --color-sideboard-question: #194593;
    /*サイトマップ*/
    --color-sitemap-h2-a: #FFFFFF;
    --color-sitemap-h3: #f8f4e6;
    /*ページ内目次*/
    --color-page-anchor-list-button: #f0f0f0;
    /*FAQ*/
    --color-bg-faq: #ffffff;
    --color-bg-faq-midashi: #f7f6f5;
    --color-bg-faq-searchTitle: #ececec;
    --color-bg-faq-soegaki: #f8f4e6;
    /*info 施設情報*/
    --color-bg-infoSearchArea: #ffffff;
    --color-bg-info-legend: #a8eaff;
    --color-bg-info-check: #969696;
    --color-bg-info-block-item: #EAF4FF;
    --color-bg-info-infoName-borderLeft: #23AFC0;
    --color-bg-info-infoName: #ffffff;
    --color-bg-info-button-cta: #284295;
    --color-bg-info-button-cta-hover: #ffffff;
    --color-bg-info-button-cta-text: #ffffff;
    --color-bg-info-button-cta-text-hover: #333;
    --color-bg-info-block-item-data: #fff;
    --color-bg-info-block-item-data-text: #333;
    --color-bg-info-block-item-border: #333;
    /*entry お問い合わせフォームページ*/
    --color-bg-entry: #E3F1FE;
    /*groupNameは--color-h1を指定*/
    /*//////////その他色変更パーツここまで//////////*/
    /*//////////wisywig内色変更//////////*/
    /*H2帯*/
    --color-h2: #efefef;
    --color-text-h2: #333;
    /*H3帯*/
    --color-h3: #efefef;
    --color-text-h3: #333;
    /*H4帯*/
    --color-h4: #d1d5db;
    --color-text-h4: #333;
    /*H5帯*/
    --color-h5: #d1d5db;
    --color-text-h5: #333;
    /*H6帯*/
    --color-h6: #d1d5db;
    --color-text-h6: #333;
    /*表帯*/
    --color-table-th: #efefef;
}

/*メインサイトのみ個別指定*/
.midashi::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 16px;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
    pointer-events: none;
    background-color: var(--text-color,#004D80);
    -webkit-mask: url(../../hpkiji/images/left-arrow-midashi.svg) no-repeat center / contain;
    mask: url(../../hpkiji/images/left-arrow-midashi.svg) no-repeat center / contain;
    z-index: -1;
}

ul.child li::after {
    content: "";
    position: absolute;
    top: 23px;
    left: 8px;
    width: 15px;
    height: 9px;
    transform: translateY(-50%);
    pointer-events: none;
    background-color: var(--text-color,#B51BB3);
    -webkit-mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
    mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
}


.list.depth1.first ul.list li::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: 15px;
    height: 9px;
    transform: translateY(-50%);
    pointer-events: none;
    background-color: var(--text-color,#B51BB3) !important;
    -webkit-mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
    mask: url(../../hpkiji/images/left-arrow-bullet.svg) no-repeat center / contain;
}