/* CSS Document */

.i-box h2.tit { font-size: 26px;}
.i-box .intro { max-width: 830px;}

.banner-index-box { width: 330px;}
.banner-index-box p { font-size: 28px;}
.banner-index-box .business-consulting a { padding: 12px 50px; font-size: 20px;}

.banner-index-box .business-consulting a i { top: -3px;}

@media screen and (max-width: 1024px) {
    .i-box h2.tit { font-size: 20px;}
    .i-box .intro { font-size: 12px;}

    .banner-index-box { width: 280px;}
    .banner-index-box p { font-size: 20px;}
    .banner-index-box .business-consulting a { padding: 10px 45px; font-size: 15px;}

    .banner-index-box .business-consulting a i { top: -2px;}


}

@media screen and (max-width: 750px) {

    .banner-index-box { width: 220px; top: 50%;}
    .banner-index-box p { font-size: 15px; margin-bottom: 20px;}
    .banner-index-box .business-consulting a { padding: 8px 30px; font-size: 13px;}

    .banner-index-box .business-consulting a i { top: -1px;}

}

@media screen and (max-width: 550px) {
    .banner-index img { width: 110%;}
    .banner-index-box { width: 170px; top: 55%;}
    .banner-index-box p { font-size: 12px; margin-bottom: 15px; line-height: 1.8;}
    .banner-index-box .business-consulting a { padding: 5px 15px; font-size: 12px;}
    .banner-index-box .business-consulting a i { top: 0;}

}
@media screen and (max-width: 440px) {
    .banner { padding-top: 20px;}
    .banner-index-box { left: 34%; width: 200px;}
    .banner-index-box p { font-size: 12px; margin-bottom: 15px;}
    .banner-index img { width: 128%; position: relative; left: -10%;}

}