@charset "utf-8";
/* CSS Document */

    #service .box{
        margin-bottom: 7em;
    }    
    
    #service .box:last-of-type{
        margin-bottom: 0em;
    }   

    #service h3{
        text-align: left;
        margin-bottom: 1em;
        border-left: 5px solid #e4e4e4; 
        padding-left: 7px;
    }
    #service h3 span{
        text-align: left;
        font-size: clamp(1.4rem, 1.2rem + 0.4vw, 2.0rem);
        letter-spacing: normal;
        margin-left: .5em;
    }


    #service .flex_box img{
        width: 40%;
        border: 4px solid #fff;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    }  
    #service .flex_box .text_box{
        width: 55%;
        text-align: left;
        line-height: 2em;
    }  
    
    #service .co{
        margin-left: 0;
    }  
    
    #service .kaihatu .co{
        color: #e68a2c;
    }     
    #service .iji .co{
        color: #3ab0ae;
    }  
    #service .help .co{
        color: #4a7fc1;
    }  
    #service .excel .co{
        color: #6fbf73;
    }  
    #service .homepage .co{
        color: #7a6ad6;
    }  
    
    #service .excel .flex_box .flex_box{
        margin-top: 1em;
    }
    #service .excel .flex_box .flex_box a{
        width: 35%;
    } 
    #service .excel .flex_box .flex_box img{
        width: 100%;
    }  
    #service .excel .flex_box .flex_box .text_box{
        width: 60%;
    }     
    
    
    @media only screen and (max-width: 810px) {
        #service .box{
        margin-bottom: 4em;
    }  
        
        #service .flex_box{
        display: block;
    }   
        
        #service .flex_box img{
            width: 98%;
            line-height: 1.5em;
    }   
        #service .flex_box .text_box{
            margin-top: 1em;
            width: 100%;
            line-height: 1.5em;  
    }    
        
        #service .excel .flex_box .flex_box{
            display: flex;
    }
        #service .excel .flex_box .flex_box .text_box{
            margin-top: 0;
    }  
        
}