/* RWD CASCADING STYLE SHEET */
/* Menu 01 Header */
/* 2016 04 14 CREATED BY RTISTECH */

#M1Header {
    text-align: center;
    color: #FFF;
    background: url(../images/BrandStory/BrandStory.png) no-repeat scroll center center #000;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
}

#M1Header p {
    padding: 8px 0;
    font-size: 1.2em;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    line-height: 1.2em;
}

/* Screen Width < 480px */
#M1Header .TopSpace { height: 40px;}
#M1Header .BottomSpace { height: 40px;}

#M1Header .Header {
    padding: 30px 0 0 0; 
    font-size: 2.0em;
    text-align: center;
}

#M1Header img {
    height: 100px;
}

/* Screen Width 480px ~ 768px */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    #M1Header .Header { 
        padding: 30px 0 0 0;
        font-size: 2.2em; }
    #M1Header img {
        height: 120px;
    }
    #M1Header .TopSpace { height: 60px;}
    #M1Header .BottomSpace { height: 60px;}
}

/* Screen Width > 768px */
@media only screen and (min-width: 769px) {
    #M1Header .Header { 
        padding: 30px 0 0 0;
        font-size: 2.4em; }
    #M1Header img {
        height: 140px;
    }
    #M1Header .TopSpace { height: 40px;}
    #M1Header .BottomSpace { height: 40px;}
}