@charset "utf-8";

/* ==================================================================
    work.css

=================================================================== */
/* --------------------------------
    □ 背景色
-------------------------------- */
#work .contents {
    background: rgb(255,241,241);
    background: linear-gradient(180deg, rgba(255,241,241,1) 0%, rgba(255,254,236,1) 100%);
}

/* --------------------------------
    □ intro
-------------------------------- */
#work section#intro {
    padding-bottom: 0;
}
section#intro p.text {
    margin-bottom: 0;
}

/* --------------------------------
    □ infra
-------------------------------- */
#work section#infra {
    padding-top: 50px;
    padding-bottom: 0;
}

/* --------------------------------
    □ survey
-------------------------------- */
#work section#survey {
    padding-bottom: 0;
}
section#survey .whitebox ul li {
    width: 100%;
}
section#survey .whitebox ul li dl {
    flex-wrap: nowrap;
    gap: 50px
}
section#survey .whitebox ul li dt {
    width: 32%;
    flex-shrink: 0;
}
section#survey .whitebox ul li dd p.title {
    text-align: left;
    margin-top: 0;
}
section#survey .whitebox ul li dd p.title span {
    padding-right: 16px;
}

/* --------------------------------
    □ status
-------------------------------- */


/* タブレット用
-------------------------------------------- */
@media (max-width: 999px) and (min-width: 768px) {

    /* --------------------------------
        □ survey
    -------------------------------- */
    section#survey .whitebox ul li dl {
        gap: 4%;
    }
}


/* SP用
-------------------------------------------- */
@media only screen and (max-width : 767px) {

    /* --------------------------------
        □ intro
    -------------------------------- */

    /* --------------------------------
        □ infra
    -------------------------------- */
    #work section#infra {
        padding-top: 30px;
    }

    /* --------------------------------
        □ survey
    -------------------------------- */
    #work section#survey {
        padding-top: 40px;
    }
    section#survey .whitebox ul li dl {
        gap: 15px;
    }
    section#survey .whitebox ul li dd p.title span {
        zoom: 0.8;
        vertical-align: bottom;
    }

    /* --------------------------------
        □ status
    -------------------------------- */
    #work section#status {
        padding-top: 40px;
    }
    section#status .whitebox ul {
        gap: 20px;
    }
}