@charset "UTF-8";
#hd {
    background: url("../images/hd_1920.jpg") center 100px no-repeat;
    height: 852px;
}

#hd div {
    position: absolute;
    left: 154px;
    top: 50px;
    width: 1100px;
    height: 248px;
}


/*#hd center {
    text-align: center;
}*/

#hd h2 {}

@media screen and (max-width: 1366px) {
    #hd {
        background: url("../images/hd_1366.jpg") center 120px no-repeat;
        height: 675px;
    }
    #hd div {
        left: 113px;
        top: 60px;
        width: 742px;
        height: 173px;
    }
}

@media screen and (max-width: 960px) {
    #hd {
        background: url("../images/hd_960.jpg") center 100px no-repeat;
        height: 784px;
    }
    #hd div {
        left: 27px;
        top: 83px;
        width: 572px;
        height: 208px;
    }
}

@media screen and (max-width: 640px) {
    #hd {
        background: url("../images/hd_640.jpg") center 0px no-repeat;
        height: 680px;
    }
}