/*===============================================
pc 796
===============================================*/
@media screen and (min-width: 769px){
    
    .contact_box{
        width:900px;
        margin: 0px auto 50px auto;
        text-align:center;
    }
    .contact_box:after{
        content:"";
        display:block;
        clear:both;
    }
    .contact_box .lbox{
        width:50%;
        float:left;
        text-align:left;
    }
    .contact_box .rbox{
        width:50%;
        float:right;
        text-align:right;
    }

}

/*===============================================
tablet 641～768
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    
    .contact_box{
        width:900px;
        margin: 0px auto 50px auto;
        text-align:center;
    }
    .contact_box:after{
        content:"";
        display:block;
        clear:both;
    }
    .contact_box .lbox{
        width:50%;
        float:left;
        text-align:left;
    }
    .contact_box .rbox{
        width:50%;
        float:right;
        text-align:right;
    }

}
/*===============================================
smart  640px
===============================================*/
@media screen and (max-width:640px){
    
    .contact_box{
        width:100%;
        margin: 0px auto 20px auto;
        text-align:center;
    }
    .contact_box:after{
        content:"";
        display:block;
        clear:both;
    }
    .contact_box .lbox{
        width:90%;
    }
    .contact_box .rbox{
        width:90%;
    }
    
}