@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap');

a[id^="c2"]+section .heading.block_header_2 .h {
    color: #fff;
}

/*----- 画像リンク調整(2025/02/05) -----*/
a[id^="top-img0"]+.contents_box01 .inner_item_img a {
    display: block;
    overflow: hidden;
}

a[id^="top-img0"]+.contents_box01 .inner_item_img img {
    transition: 0.75s ease;
}

a[id^="top-img0"]+.contents_box01 .inner_item_img a:hover img {
    transform: scale(1.1);
}

/*----- 以下から追記(2025/06/26)-----*/

/* 解体工事から未来を創る～ */
a[id^="cont"]+section .heading.block_header_2 {
    margin-bottom: 30px;
}

a[id^="cont"]+section .heading.block_header_2::before {
    position: absolute;
    display: block;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 160px;
    top: -80px;
    left: -30px;
    background: url("/common/upload_data/tabata-kogyocom/image/sankaku.png") no-repeat top left / contain;
    z-index: -1;
}

a[id^="cont"]+section .heading.block_header_2 .h {
    padding-left: 0;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000, 10px 10px 6px rgba(0, 0, 0, 0.2);
    color: var(--i_bg_color);
    font-size: 4.3rem !important;
    font-family: "Mochiy Pop One", sans-serif !important;
    font-weight: 400 !important;
}

a[id^="cont"]+section .heading.block_header_2 .h::before {
    display: none;
}

a[id^="cont"]+section .heading.block_header_2 p {
    padding-left: 0;
}

a[id^="cont"]+section .heading.block_header_2+p {
    max-width: 500px;
}

a[id^="cont"]+section .inner_item_img img {
    max-width: 600px !important;
}

@media screen and (min-width: 901px) {
    a[id^="cont"]+section .heading.block_header_2 .h {
        white-space: nowrap;
    }

    #cont2+section .inner_item_txt {
        padding-left: 8%;
    }
}

@media screen and (max-width: 900px) {
    a[id^="cont"]+section .inner_item_txt {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 800px) {
    a[id^="cont"]+section .heading.block_header_2 {
        margin-bottom: 10px;
    }

    a[id^="cont"]+section .heading.block_header_2::before {
        height: 100px;
        top: -50px;
        left: -10px;
    }

    a[id^="cont"]+section .heading.block_header_2 .h {
        font-size: 2.3rem !important;
    }
}

/* animation */
a[id^="cont"]+section .inner_item_txt,
a[id^="cont"]+section .inner_item_img {
    opacity: 0;
}

#cont+section>.content_wrapper.active .inner_item_txt,
#cont3+section>.content_wrapper.active3 .inner_item_txt {
    animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 0.5s forwards;
}

#cont2+section>.content_wrapper.active2 .inner_item_txt {
    animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 1s forwards;
}

#cont+section>.content_wrapper.active .inner_item_img,
#cont3+section>.content_wrapper.active3 .inner_item_img {
    animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 1s forwards;
}

#cont2+section>.content_wrapper.active2 .inner_item_img {
    animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 0.5s forwards;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media screen and (max-width: 900px) {

    #cont+section>.content_wrapper.active .inner_item_txt,
    #cont3+section>.content_wrapper.active3 .inner_item_txt {
        animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 1s forwards;
    }

    #cont+section>.content_wrapper.active .inner_item_img,
    #cont3+section>.content_wrapper.active3 .inner_item_img {
        animation: slideInRight 1.5s cubic-bezier(0, 0, 0.3, 1) 0.5s forwards;
    }

}