@charset 'utf-8';
ul
{
    margin-top: 2px;
}

/* PC・タブレット */
@media screen and (min-width:1100px)
{
    h2
    {
        font-size: 30px;font-weight: bold;margin-bottom: 35px; color: #e95520;
    }
    h3
    {
        font-size: 30px;font-weight: bold;margin-bottom: 20px; color: #e95520;
    }
    h4
    {
        font-size: 24px;font-weight: bold;line-height: 40px; margin-bottom: 20px;text-align: center;color: #fff;background-color: #ed7700;
    }

    .title_bkg
    {
        height: 430px;padding-top: 110px; text-align: center;background-image: url('../_img/work/bg_main_pc.jpg');background-position: center;background-size: cover;
    }

    .work_wrapper
    {
        padding: 70px 0 50px 0;

        background-image: url('../_img/__common/bg_stripe.png');
    }
    .work_div
    {
        width: 1100px;margin: auto;padding: 35px 65px 35px 65px; text-align: center;border-radius: 10px;background-color: #fff;box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    }
    .work_text
    {
        font-size: 18px;

        margin: auto;margin-top: -30px;margin-bottom: 30px;
    }
    .work_title
    {
        font-size: 18px;font-weight: bold;

        display: table-cell;width: 348px;vertical-align: middle; color: #e95520;background-color: #fcde80;
    }
    .work_space
    {
        display: table-cell;width: 2px; background-color: #fff;
    }
    .work_naiyo
    {
        font-size: 18px;

        display: table-cell;width: 760px;padding: 10px;text-align: left; background-color: #fffbc7;
    }

    .gentei_wrapper
    {
        width: 1100px;margin: auto;padding: 60px 0 60px 0; text-align: center;background-color: #fff;
    }
    .gentei_title
    {
        font-size: 18px;font-weight: bold;margin-top: 20px; color: #e95520;
    }
    .gentei_text
    {
        font-size: 18px;margin-top: -10px;
    }
    .gentei_sp
    {
        display: none;
    }
    .gentei_pc
    {
        margin-top: 20px;
    }
    .gentei_img01
    {
        width: 350px;margin-right: 25px;
    }
    .gentei_img02
    {
        width: 350px;margin-right: 25px;
    }
    .gentei_img03
    {
        width: 350px;
    }

    .taishoku_wrapper
    {
        padding: 70px 0 90px 0;text-align: center;

        background-color: #e6f8fc;
    }
    .taishoku_img01
    {
        width: 519px;margin-right: 16px;
    }
    .taishoku_img02
    {
        width: 426px;
    }
    .taishoku_img03
    {
        width: 1100px;margin-top: 60px;
    }
}

/* スマホ */
@media screen and (max-width:1099px)
{
    h2
    {
        font-size: 30px;font-weight: bold;margin-bottom: 35px; color: #e95520;
    }
    h3
    {
        font-size: 30px;font-weight: bold;margin-bottom: 20px; color: #e95520;
    }
    h4
    {
        font-size: 18px;font-weight: bold;line-height: 40px; margin-bottom: 20px;text-align: center;color: #fff;background-color: #ed7700;
    }

    .title_bkg
    {
        height: 300px;padding-top: 70px; text-align: center;background-image: url('../_img/work/bg_main_sp.jpg');background-position: center;background-size: cover;
    }

    .work_wrapper
    {
        padding: 10px;

        background-image: url('../_img/__common/bg_stripe.png');
    }
    .work_div
    {
        margin: auto;padding: 10px; text-align: center;border-radius: 10px;
        background-color: #fff;box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    }
    .work_text
    {
        font-size: 18px;margin-top: -30px;margin-bottom: 30px;text-align: left;
    }
    .work_title
    {
        font-size: 18px;font-weight: bold;line-height: 50px;

        display: table;width: 100%;vertical-align: middle;color: #e95520;background-color: #fcde80;
    }
    .work_space
    {
        display: none;
    }
    .work_naiyo
    {
        font-size: 18px;

        display: table;width: 100%;padding: 10px;text-align: left; background-color: #fffbc7;
    }

    .gentei_wrapper
    {
        margin: auto;padding: 35px 10px; text-align: center;

        background-color: #fff;
    }
    .gentei_title
    {
        font-size: 18px;font-weight: bold;margin-top: 20px; color: #e95520;
    }
    .gentei_text
    {
        font-size: 18px;margin-top: -10px;
    }
    .gentei_sp
    {
    }
    .gentei_pc
    {
        display: none;
    }
    .gentei_img01
    {
        width: 100%;margin-bottom: 20px;
    }
    .gentei_img02
    {
        width: 100%;margin-bottom: 20px;
    }
    .gentei_img03
    {
        width: 100%;
    }

    .taishoku_wrapper
    {
        /* padding: 70px 0 90px 0; */
        padding: 35px 10px; text-align: center;

        background-color: #e6f8fc;
    }
    .taishoku_img01
    {
        width: 100%;
    }
    .taishoku_img02
    {
        width: 100%;margin-bottom: 40px;
    }
    .taishoku_img03
    {
        width: 100%;
    }
}