h2 {
    font-size: 24px;
    color: rgb(5, 84, 117);
    font-weight: bold;
    margin-top: 0px;
}

h3{
    font-size: 22px;
    color: rgb(216, 131, 20);
    /* color: rgb(5, 117, 48); */
    font-weight: bold;
    margin-top: 15px;
}

h4{
    font-size: 18px;
    color: rgb(216, 131, 20);
    font-weight: bold;
    margin-top: 15px;
}

.section-beginning{
    margin: 0px 0 0px 0;
    max-width: 1280px;
}

.body-area .fa-lightbulb {
    margin-left: -15px;
}

.body-area {
    max-width: 2200px;
}

.row{
    margin-left: 3px;
}


.ec-example{
    /* max-width: 1600px; */
    padding: 0 0 0 15px;
}

.ec-content {
    border: 0.5px solid rgb(11, 158, 23);
    border-radius: 5px;
    padding: 15px 15px 0px 15px;
    margin-bottom: 15px;
}

.ec-logo{
    max-width: 200px;
    margin: 15px 0px 15px 0px;
}

#it-hojo-banner{
    max-width: 300px;
    margin: 0px 0px 0px 0px;
}

#reserve-sample{
    max-width: 500px;
    margin: 0px 0px 0px 0px;
}

#reserve-sample2{
    max-width: 500px;
    margin: 5px 0px 0px 0px;
}

.reserve-example{
    max-width: 1400px;
    margin: 45px 0px 45px 30px;
}

.reserve-example .col-12 {
    padding: 0px 30px 0px 0px;
}

.reserve-example2{
    max-width: 1400px;
    margin: 45px 0px 45px 30px;
}

.reserve-example2 .col-12 {
    padding: 0px 0px 0px 0px;
}




#reserve-site1{
    margin: 30px 0 0 0;
    max-width: 370px;
}

#reserve-site2{
    max-width: 900px;
}

#reserve-site2-small{
    margin: 50px 0 0 0;
    max-width: 450px;
}




/* デスクトップ　大　フルHD付近 以上 */
@media screen and (min-width:1800px)  {
    .reserve-example2{
        max-width: 1700px;
        margin: 45px 0px 45px 30px;
    }
    
    .reserve-example2 .col-12 {
        padding: 0px 0px 0px 0px;
    }
    
    #reserve-sample{
        max-width: 800px;
        margin: 0px 0px 0px 0px;
    }
    
    #reserve-sample2{
        max-width: 800px;
        margin: 5px 0px 0px 0px;
    }
    
}

@media screen and (min-width:768px) and (max-width:991px) { 

    .jump-tag{
        height: 120px;
    }

    .reserve-example .col-12 {
        padding: 0px;
    }

    #reserve-sample{
        max-width: 800px;
        margin: 0px 0px 0px 0px;
    }
    
    #reserve-sample2{
        max-width: 800px;
        margin: 5px 0px 0px 0px;
    }
    
}

/* タブレット縦 */
@media screen and (max-width:768px){

    .jump-tag{
        height: 80px;
    }

    #about-ec {
        margin: 15px 0px 30px 0px;
    }

    h2 {
        font-size: 18px;
        margin-left: 0;
    }

    .ec-example{
        padding: 0px;
    }

    .ec-example .row{
        margin-left: -15px;
    }

    
    .reserve-example .col-12 {
        margin: 0 0 0 15px;
    }


    #reserve-sample{
        max-width: 800px;
        margin: 0px 0px 0px 0px;
    }
    
    #reserve-sample2{
        max-width: 800px;
        margin: 5px 0px 0px 0px;
    }
}

/* スマフォ大(縦) */
@media screen and (max-width:440px){
    
    .body-area h2{
        font-size: 18px;
        background-color: darkblue;
        color: aliceblue;
        padding: 10px 10px 10px 15px;
        margin:0 0 10px -17px;
        width: 108%;
    }

    #small-ec-head{
        margin-left: -15px;
    }

}