﻿@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;
    }

    .btn_margin
    {
        margin-top: 50px;margin-bottom: 100px;
    }

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

    .flow_wrapper
    {
        padding: 70px 0 70px 0;

        background-color: #e6f8fc;
    }
    .flow_div
    {
        width: 1100px;margin: auto;padding: 40px;text-align: center;border-radius: 10px; background-color: #fff;box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    }
    .flow_div02
    {
        width: 740px;margin: auto;
    }
    .flow_img
    {
        display: inline-block;

        width: 190px;margin-right: 62px;
    }
    .flow_text
    {
        font-size: 18px;display: inline-block;

        width: 488px;text-align: left;vertical-align: top;
    }
    .flow_bottom
    {
        width: 25px;margin-top: 15px;margin-bottom: 15px;
    }
    .flow_img06
    {
        position: relative;top: -34px; display: inline-block;

        width: 190px;margin-right: 62px;
    }

    .req_wrapper
    {
        width: 1100px;margin: auto;padding-top: 60px;padding-bottom: 100px;text-align: center;
    }
    .req_img01
    {
        margin-right: 50px;
    }
    .req_img02
    {
        margin-right: 50px;
    }
    .req_img03
    {
    }
    .req_img04
    {
        margin-top: 28px;margin-right: 50px;margin-bottom: 150px;
    }
    .req_img05
    {
        margin-top: 28px;margin-right: 50px;margin-bottom: 150px;
    }
    .req_img06
    {
        margin-top: 28px;margin-bottom: 150px;
    }

    .req_text
    {
        font-size: 18px;

        margin: auto;margin-bottom: 50px;
    }

    .req_title
    {
        font-size: 18px;font-weight: bold;

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

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

/* スマホ */
@media screen and (max-width:1099px)
{
    h2
    {
        font-size: 24px;font-weight: bold;margin-bottom: 35px; color: #e95520;
    }
    h3
    {
        font-size: 24px;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;
    }

    .btn_margin
    {
        margin-top: 20px;margin-bottom: 30px;
    }

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

    .flow_wrapper
    {
        padding: 10px;

        background-color: #e6f8fc;
    }
    .flow_div
    {
        margin: auto;padding: 35px 10px;text-align: center;border-radius: 10px; background-color: #fff;box-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    }
    .flow_div02
    {
        margin: auto;
    }
    .flow_img
    {
        width: 190px;
    }
    .flow_text
    {
        font-size: 18px;

        margin-top: 20px;text-align: left;
    }
    .flow_bottom
    {
        width: 25px;margin-top: 15px;margin-bottom: 15px;
    }
    .flow_img06
    {
        width: 190px;
    }

    .req_wrapper
    {
        margin: auto;padding: 60px 10px 100px 10px;text-align: center;
    }
    .req_img01
    {
        width: 90%;margin-bottom: 20px;
    }
    .req_img02
    {
        width: 90%;margin-bottom: 20px;
    }
    .req_img03
    {
        width: 90%;margin-bottom: 20px;
    }
    .req_img04
    {
        width: 90%;margin-bottom: 20px;
    }
    .req_img05
    {
        width: 90%;margin-bottom: 20px;
    }
    .req_img06
    {
        width: 90%;margin-bottom: 50px;
    }

    .req_text
    {
        font-size: 18px;

        margin: auto;margin-bottom: 50px;
    }

    .req_title
    {
        font-size: 18px;font-weight: bold;line-height: 50px;

        display: table;width: 100%;color: #e95520;background-color: #fcde80;
    }
    .req_space
    {
        display: none;
    }
    .req_naiyo
    {
        font-size: 18px;

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