#system-image-wrap {
    text-align: center;
}
#hiro-terms {
    list-style-type: none;
    font-size: 24px
}
#hiro-terms li .initial {
    font-size: 32px;
}
#statement {
    font-size: 24px;
    line-height: 1.2em;
}
/************ for PC/Tablet devices ***************/
@media screen and (min-width: 900px), print {
    #hiro-mark {
        width: 200px;
        margin: 20px;
    }
    #main-caption {
        margin: 10px 0px 0px 0px;
        font-size: 48px;
        line-height: 1.0em;
        text-align: center
    }
    #system-image {
        width: 980px;
    }
}

/************ for SmartPhone ***************/
@media screen and (max-width: 899px) {
    #hiro-mark {
        width: 150px;
        margin: 8px;
    }
    #main-caption {
        margin: 10px 0px 0px 0px;
        font-size: 29px;
        line-height: 1.0em;
        text-align: center
    }
    #system-image {
        width: 85%;
    }
}