.elementor-1327 .elementor-element.elementor-element-7af9f6ce{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-1327 .elementor-element.elementor-element-144a6c51{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .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-1327 .elementor-element.elementor-element-3176ca46 .elementor-heading-title{color:var( --e-global-color-primary );}.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-1327 .elementor-element.elementor-element-3df5ee84{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-1327 .elementor-element.elementor-element-3df5ee84 .elementor-divider-separator{width:100%;}.elementor-1327 .elementor-element.elementor-element-3df5ee84 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1327 .elementor-element.elementor-element-84a731c{font-family:"Zen Kaku Gothic New", Sans-serif;font-size:12px;font-weight:500;color:var( --e-global-color-8fdf323 );}.elementor-1327 .elementor-element.elementor-element-84a731c a{color:var( --e-global-color-8fdf323 );}.elementor-1327 .elementor-element.elementor-element-84a731c a:hover{color:var( --e-global-color-primary );}.elementor-1327 .elementor-element.elementor-element-63f9e1d{--display:flex;}.elementor-1327 .elementor-element.elementor-element-14c73a7c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1327 .elementor-element.elementor-element-8949d41{--grid-columns:3;}.elementor-1327 .elementor-element.elementor-element-8949d41 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1327 .elementor-element.elementor-element-8949d41 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 50px/2 );}body:not(.rtl) .elementor-1327 .elementor-element.elementor-element-8949d41 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 50px/2 );}body.rtl .elementor-1327 .elementor-element.elementor-element-8949d41 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 50px/2 );}body.rtl .elementor-1327 .elementor-element.elementor-element-8949d41 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 50px/2 );}@media(max-width:1024px){.elementor-1327 .elementor-element.elementor-element-8949d41{--grid-columns:2;}}@media(max-width:767px){.elementor-1327 .elementor-element.elementor-element-7af9f6ce{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1327 .elementor-element.elementor-element-144a6c51{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-63f9e1d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1327 .elementor-element.elementor-element-8949d41{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-aa87c65 *//* ========================================
   工事実績｜建物用途カテゴリー
======================================== */

.works-category-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
}

/* リンク */
.works-category-link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 14px 46px 14px 20px;

    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 2px;

    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-decoration: none !important;

    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

/* 矢印 */
.works-category-link::after {
    content: "→";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);

    color: #1357B6;
    font-size: 17px;
    font-weight: 400;

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}

/* ホバー */
.works-category-link:hover {
    background: #1357B6;
    border-color: #1357B6;
    color: #fff;
    transform: translateY(-2px);
}

/* ホバー時の矢印 */
.works-category-link:hover::after {
    color: #fff;
    transform: translate(4px, -50%);
}


/* ========================================
   Tablet
======================================== */

@media (max-width: 1024px) {

    .works-category-links {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* ========================================
   Smartphone
======================================== */

@media (max-width: 767px) {

    .works-category-links {
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
    }

    .works-category-link {
        min-height: 58px;
        padding: 12px 34px 12px 13px;

        font-size: 12px;
        line-height: 1.5;
    }

    .works-category-link::after {
        right: 12px;
        font-size: 15px;
    }

}/* End custom CSS */