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

.jump-tag{
    height: 80px;
}

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

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

.thumbnail {
    border:1px solid #ece81b;
    
    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    width: 380px;
    border-radius: 5px;
    background-color: #f2f0b5;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0, 0.3);
}

.thumbnail ol {
    margin: 0;
    font-weight:800;
    font-size: 16px;
}

.lead-box{
    border:1px solid #2c3109;
    text-align: center;
    
    font-size: 16px;
    font-weight: 800;
    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    width: 138px;
    border-radius: 30px;
    background-color: #fef1ff;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0, 0.3);
}

.lead-arrow{
    text-align: center;
    margin-top: 0px;
    font-size: 50px;
    font-weight: 900;
}


.ltv-box{
    border:1px solid #ece81b;
    
    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    width: 800px;
    border-radius: 5px;
    background-color: #f2f0b5;
    box-shadow: 0px 3px 10px 2px rgba(0,0,0, 0.3);
}



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

.note-box {max-width: 1030px;}


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

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

.row{
    margin-left: 3px;
}


.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;
}

#about-ec {
    max-width: 650px;
    margin: 15px 30px 30px 30px;
}

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

}

#lp-page1{
    max-width: 800px;
    margin: 30px 0px 45px 0px;
}

#lp-hp{
    max-width: 550px;
}

.lp-example{
    max-width: 1400px;
    margin: 0 0 0 -15px;
}

.lp-example .col-xl-3{
    padding: 0 45px 0 0px;    
}


/* デスクトップ　大　フルHD付近 以上 */
@media screen and (min-width:991px) {

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

}

/*  トップメニュー2段表示 */
@media screen and (min-width:768px) and (max-width:991px) { 

    .jump-tag{
        height: 120px;
    }

    #it-hojo-banner{
        max-width: 250px;
        margin: 0px 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;
    }

}

/* スマフォ大(縦)　以下 */
@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;
    }

}