@charset "utf-8";


    .sp {
        display: none;
    }

    :root {
        --small: 40px;
        --medium: 80px;
        --large: 104px;
    }

    :root {
        --main_color_black: #111;
        --main_color_green: #34963b;
    }

    * {
        margin: 0;
        padding: 0;
    }

    html {
        font-size: 10px;
    }

    body {
        font-family: "Noto Sans JP", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        color: var(--main_color_black);
        letter-spacing: .1em;
    }

    .w1080 {
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
    }

    h2 {
        text-align: center;
    }

    /*-----------------------------
    #container
    -------------------------------*/
    #container {
        background-color: var(--main_color_green);
        padding: 0 0 40px;
    }


    /*-----------------------------
    #fv
    -------------------------------*/
    #fv {
        background: url(../images/fv_bg.jpg) top center / cover no-repeat;
    }

    /*-----------------------------
    #top_offer
    -------------------------------*/
    #top_offer .inner {
        margin-top: 40px;
        position: relative;
    }

    #top_offer .float {
        position: absolute;
        top: 0;
        left: 0;
    }

    #top_offer .btn_area {
        margin-top: 40px;
        text-align: center;
    }

    #top_offer .btn_area a img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    #top_offer .btn_area a img:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    /*-----------------------------
    #msg
    -------------------------------*/
    #msg {
        margin-top: 200px;
    }

    #msg h2 span {
        background-color: #fffd50;
        color: var(--main_color_green);
        font-size: 68px;
        line-height: 1.8;
        font-weight: 800;
        padding: 0 20px;
    }

    #msg p {
        margin-top: 40px;
        font-size: 23px;
        text-align: center;
        line-height: 2;
        color: #fff;
    }

    /*-----------------------------
    #address
    -------------------------------*/
    #address {
        margin: 80px 0;
    }

    #address .inner {
        padding-top: 32px;
        border-top: 1px solid #fff;
        text-align: center;
        color: #fff;
    }

    #address a {
        color: #fff;
    }

    #address a:hover {
        text-decoration: none;
    }

    /*スマホ
------------------------------*/

    @media screen and (max-width: 750px) {
        .pc {
            display: none;
        }

        .sp {
            display: block;
        }

        #container {
            padding: 0 15px 40px;
        }

        #top_offer {
            padding: 0 10px;
        }

        #top_offer .float {
            position: absolute;
            width: calc(100% / 4);
            top: 0px;
            left: -20px;
        }

        #top_offer .btn_area {
            margin-top: 20px;
        }

        #msg {
            margin-top: 100px;
        }

        #msg h2 span {
            font-size: 36px;
            padding: 0 10px;
        }

        #msg p {
            font-size: 18px;
        }
    }