.section-beginning{
    max-width: 1300px;
}

.ai-solution{
    max-width: 1320px;
    margin: 0 0 50px 20px;
}

.api-service {
    max-width: 1400px;
    margin: 30px 0 15px 30px;
}

.api-service h5{
    font-size: 26px;
    color: indigo;
    font-weight: bolder;
    margin-bottom: 50px;
}

.api-service h5 a {
    color: indigo;
}

.api-service img {
    margin: 15px 30px 60px 15px ;
    max-width: 600px;
}

.api-service .row{
    border-bottom: 1px solid lightgray;
}

h5.api-title{
    color: rgb(0, 113, 188); 
    margin: 0 0 0 0;
}

p.api-subtitle{
    margin: 5px 0 0 5px;
    font-size: 18px;
    color: rgb(102,102,102);
}

span.api-subtitle{
    margin: 5px 0 0 5px;
    font-size: 20px;
    font-weight: normal;
    color: rgb(102,102,102);
}


.api-example {
    margin: 15px 10px 15px 15px;
}

.api-example h6{
    font-size: 18px;
    font-weight: bolder;
    margin: 30px 0 10px 0;
    color: rgb(045, 153, 196); 
}

.api-example h6.ai-merit {
    color: black;
    margin-left: 15px;
}


.api-example p{
    margin: 5px 0 15px 25px;
}

.api-service .row {
    margin: 0 0 30px 0px;
}

#ai-api-img{
    max-width: 500px;
    margin: 30px 60px;
}

#aws-lex-img{
    margin: 30px 0 30px 0;
    max-width: 550px;
}

#aws-lex2{
    max-width: 560px;
}

#aws-lex2 img{
    margin: 15px 15px 30px 15px;
    max-width: 500px;
}

#aws-lex2 p{
    color: rgb(000, 098, 172);
}

#aws-comprehend-img{
    max-width: 400px;
    margin: 30px 60px;
}

#aws-forecast-img{
    max-width: 400px;
    margin: 30px 0 5px 0;
}

#gcp-vision-img{
    margin: 15px 0 30px 0;
    max-width: 400px;
}

#gcp-video-img {
    margin: 15px 0 30px 0;
    max-width: 400px;
}

.body-area a {
    /* color: black; */
    text-decoration: underline;

}

.body-area h3 {
    color: rgb(045, 153, 196);
    margin: 30px 0 10px 0;
    font-size: 22px;
    font-weight: bolder;
}

table ul {
    padding: 0 0 0 20px;
    margin: 0;
}

#rule-base-table {
    margin: 30px 0 30px 15px ;
}

#rule-base-table table{
    max-width: 1150px;
    min-width: 500px;
}

th {
    white-space: nowrap;
}

 
.ai-solution h6{
    font-weight: bolder;
    color: rgb(5, 84, 117);
}


.fa-lightbulb{
    margin-left: -20px;
}

/* 繧ｹ繝槭�邵ｦ */
@media screen and (max-width:440px){

    
    .body-area h3{
        font-size: 18px;
        background-color: darkblue;
        color: aliceblue;
        padding: 10px 10px 10px 15px;
        margin:0 0 10px -17px;
        width: 110%;
    }

    .api-service {
        margin: 30px 0 15px 0px;
    }

    .api-service h5{
        font-size: 18px;
        font-weight: bolder;
        margin-bottom: 5px;
    }
    
    .api-service img {
        margin: 15px 0px ;
    }

    #ai-api-img{
        margin: 15px 0 30px 0;
    }
    
    
    #aws-comprehend-img{
        margin: 15px 0px;
    }


    .ai-solution{
        margin: 0 0 0 0px;
    }
    
    
    .ai-solution ul {
        padding: 0 0 0 15px ;
    }

    h5.api-title{
        color: rgb(0, 113, 188); 
        margin: 15px 0 0 0;
    }
    
    p.api-subtitle{
        margin: 5px 0 0 5px;
        font-size: 16px;
        color: rgb(102,102,102);
    }
    
    span.api-subtitle{
        margin: 5px 0 0 5px;
        font-size: 16px;
        font-weight: normal;
        color: rgb(102,102,102);
    }
    
    

    #rule-base-table{
        margin: 15px 0 15px 0px ;
    }
 
    th {
        white-space: normal;
    }
    
    .api-example {
        margin: 5px 0px 5px 0px;
        
    }

    .api-example h6.ai-merit {
        margin-left: 0px;
    }
    
    .api-example p{
        margin: 0 0 15px 0px;
    }
 
    .api-service .row {
        margin: 0px 0 0 -15px;
    }
    
    #aws-lex2 img{
        margin: 0px 0px;
    }
    

    .fa-lightbulb {
        display: none;
    }

}