@charset "utf-8";
@media screen and (min-width:871px) {
    
    div#toiawase{
        position:relative;
        background-color:#F5F7FA;
        text-align:center;
    }

    div#toiawase_text{
        display:inline-block;
        position:relative;
    }   

    img#btn_imasugu{
        width: 230px;
        margin-top:20px;
        margin-bottom:30px;
    }
    
    #top_man8{
        position:absolute;
        right:-25%;
        top:-10%;
        height: 230px;
    }
    
    #footer_info{
        background-color:#1D1D1D;
        text-align:center;
        position:relative;
        height:380px;
    }

    #logo_white{
        height:120px;
        margin-top:40px;
        margin-bottom:10px;
    }

    p#company_name{
        color:#FFD700;
        font-size:45px;
        margin:10px auto;
    }

    #footer_navi ul{
        list-style:none;
        padding:0;
        margin-bottom:3px;
    }

    #footer_navi li{
        display:inline;
    }
    
    #footer_navi a{
        color:white;
        text-decoration:none;
        margin:0 10px;
    }

    small#copyright{
        color:#808080;
        margin-bottom:40px;
    }

}

@media screen and (max-width:870px) {
    
    #toiawase{
        position:relative;
        background-color:#F5F7FA;
        text-align:center;
    }

    #toiawase_text{
        display:inline-block;
        position:relative;
        text-align:center;
    }   

    #toiawase_text h2{
        width:250px;
        margin:30px auto;
    }

    #btn_imasugu{
        width: 230px;
        margin-top:20px;
        margin-bottom:30px;
    }
    
    #top_man8{
        position:absolute;
        right:3%;
        top:-10%;
        height: 150px;
    }
    
    #footer_info{
        background-color:#1D1D1D;
        text-align:center;
        position:relative;
        height:350px;
    }

    #logo_white{
        height:120px;
        margin-top:40px;
        margin-bottom:10px;
    }

    #company_name{
        color:#FFD700;
        font-size:25px;
        margin:10px auto;
    }

    #footer_navi ul{
        list-style:none;
        padding:0;
        margin-top:15px;
        margin-bottom:25px;
    }

    #footer_navi li{
        display:inline;
    }
    
    #footer_navi a{
        color:white;
        text-decoration:none;
        margin:0 10px;
    }

    small#copyright{
        color:#808080;
        margin-bottom:20px;
    }

}