.elementor-8676 .elementor-element.elementor-element-2513537{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8676 .elementor-element.elementor-element-08e81ab{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8676 .elementor-element.elementor-element-f948d08 img{width:100%;max-width:100%;height:360px;object-fit:cover;object-position:center center;}.elementor-8676 .elementor-element.elementor-element-2beb13c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8676 .elementor-element.elementor-element-97c8133 .jet-listing-dynamic-terms{text-align:left;}.elementor-8676 .elementor-element.elementor-element-052b4e9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8676 .elementor-element.elementor-element-4e6c716 .elementor-heading-title{font-size:30px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8676 .elementor-element.elementor-element-75fb20c{--divider-border-style:solid;--divider-color:#DBDBDB;--divider-border-width:1px;}.elementor-8676 .elementor-element.elementor-element-75fb20c .elementor-divider-separator{width:100%;}.elementor-8676 .elementor-element.elementor-element-75fb20c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8676 .elementor-element.elementor-element-56240e9 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8676 .elementor-element.elementor-element-56240e9 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8676 .elementor-element.elementor-element-56240e9 .jet-listing-dynamic-field{justify-content:center;}.elementor-8676 .elementor-element.elementor-element-4f94d52{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for container, class: .elementor-element-2beb13c *//* ============================================================ Crocoblock (JetEngine) Dynamic Terms バッジ個別化CSS ============================================================ */ /* 1. バッジ全体の親コンテナ（横並びと余白の制御） */ .works-category-badge .jet-listing-dynamic-terms, .jet-listing-dynamic-terms { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; margin-top: 16px !important; margin-bottom: 24px !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* 2. 各カテゴリー（自治体 / DX / BPR）をそれぞれ個別のバッジとしてくくる */ .jet-listing-dynamic-terms .jet-listing-dynamic-terms__link, .works-category-badge .jet-listing-dynamic-terms__link { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: fit-content !important; gap: 6px !important; padding: 5px 14px !important; background: #eef4ff !important; /* 淡く清潔感のあるブルー */ color: #1d4ed8 !important; /* 引き締まったネイビーブルー */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif !important; font-size: 0.8125rem !important; /* 13px */ font-weight: 700 !important; letter-spacing: 0.03em !important; line-height: 1.3 !important; white-space: nowrap !important; border-radius: 9999px !important; /* 完全なピル型 */ border: 1px solid #bfdbfe !important; box-shadow: 0 1px 2px rgba(29, 78, 216, 0.04) !important; text-decoration: none !important; transition: all 0.2s ease !important; cursor: pointer !important; } /* 4. ホバー時のインタラクション */ .jet-listing-dynamic-terms .jet-listing-dynamic-terms__link:hover, .works-category-badge .jet-listing-dynamic-terms__link:hover { background: #1d4ed8 !important; color: #ffffff !important; border-color: #1d4ed8 !important; transform: translateY(-1px) !important; box-shadow: 0 4px 8px rgba(29, 78, 216, 0.15) !important; } .jet-listing-dynamic-terms .jet-listing-dynamic-terms__link:hover::before, .works-category-badge .jet-listing-dynamic-terms__link:hover::before { background-color: #93c5fd !important; } /* 5. 外側のウィジェット本体に付いている不要な枠線・背景の打消し */ .elementor-widget-jet-listing-dynamic-terms.works-category-badge { background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* モバイル表示最適化 */ @media (max-width: 767px) { .jet-listing-dynamic-terms { gap: 6px !important; margin-top: 12px !important; margin-bottom: 18px !important; } .jet-listing-dynamic-terms .jet-listing-dynamic-terms__link { padding: 4px 10px !important; font-size: 0.75rem !important; } }/* End custom CSS */