*
{
    margin: 0;
    padding: 0;
}
html
{
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
body
{
    height: auto;
    overflow: unset;
    background-color: #fff;
}
#body
{
    position: relative;
    overflow: hidden;
}
main
{
    position: relative;
    top: 0;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    overflow: hidden;
}
#content
{
    min-width: 1920px;
    width: 100%;
}
#content .sequence
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1920px;
    margin-top: -1px;
}
#content .sequence-1
{
    background-image: url(../image/1@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-1
    {
        background-image: url(../image/1@2x.jpg);
    }
}
#content .sequence-2
{
    background-image: url(../image/2@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-2
    {
        background-image: url(../image/2@2x.jpg);
    }
}
#content .sequence-3
{
    background-image: url(../image/3@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-3
    {
        background-image: url(../image/3@2x.jpg);
    }
}
#content .sequence-4
{
    background-image: url(../image/4@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-4
    {
        background-image: url(../image/4@2x.jpg);
    }
}
#content .sequence-5
{
    background-image: url(../image/5@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-5
    {
        background-image: url(../image/5@2x.jpg);
    }
}
#content .sequence-6
{
    background-image: url(../image/6@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-6
    {
        background-image: url(../image/6@2x.jpg);
    }
}
#content .sequence-7
{
    background-image: url(../image/7@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-7
    {
        background-image: url(../image/7@2x.jpg);
    }
}
#content .sequence-8
{
    background-image: url(../image/8@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-8
    {
        background-image: url(../image/8@2x.jpg);
    }
}
#content .sequence-9
{
    background-image: url(../image/9@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-9
    {
        background-image: url(../image/9@2x.jpg);
    }
}
#content .sequence-10
{
    background-image: url(../image/10@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-10
    {
        background-image: url(../image/10@2x.jpg);
    }
}
#content .sequence-11
{
    background-image: url(../image/11@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-11
    {
        background-image: url(../image/11@2x.jpg);
    }
}
#content .sequence-12
{
    background-image: url(../image/12@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-12
    {
        background-image: url(../image/12@2x.jpg);
    }
}
#content .sequence-13
{
    background-image: url(../image/13@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-13
    {
        background-image: url(../image/13@2x.jpg);
    }
}
#content .sequence-14
{
    background-image: url(../image/14@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-14
    {
        background-image: url(../image/14@2x.jpg);
    }
}
#content .sequence-15
{
    background-image: url(../image/15@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-15
    {
        background-image: url(../image/15@2x.jpg);
    }
}
#content .sequence-16
{
    background-image: url(../image/16@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-16
    {
        background-image: url(../image/16@2x.jpg);
    }
}
#content .sequence-17
{
    background-image: url(../image/17@1x.jpg);
    height: 1050px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-17
    {
        background-image: url(../image/17@2x.jpg);
    }
}
#content .sequence-18
{
    background-image: url(../image/18@1x.jpg);
    height: 650px;
}
@media(-webkit-min-device-pixel-ratio: 2)
{
    #content .sequence-18
    {
        background-image: url(../image/18@2x.jpg);
    }
}
#content .home
{
    width: 215px;
    height: 100px;
    position: absolute;
    top: 80px;
    right: 200px;
    cursor: pointer;
}
#content .home a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 828px)
{
    #topnav, #footer
    {
        display: none;
    }
    main
    {
        width: 828px;
        margin-left: -414px;
    }
    #content .sequence
    {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 828px;
    }
    #content .sequence-1
    {
        background-image: url(../image/1.jpg);
        height: 1000px;
    }
    #content .sequence-2
    {
        background-image: url(../image/2.jpg);
        height: 1000px;
    }
    #content .sequence-3
    {
        background-image: url(../image/3.jpg);
        height: 1000px;
    }
    #content .sequence-4
    {
        background-image: url(../image/4.jpg);
        height: 1000px;
    }
    #content .sequence-5
    {
        background-image: url(../image/5.jpg);
        height: 1000px;
    }
    #content .sequence-6
    {
        background-image: url(../image/6.jpg);
        height: 1000px;
    }
    #content .sequence-7
    {
        background-image: url(../image/7.jpg);
        height: 1000px;
    }
    #content .sequence-8
    {
        background-image: url(../image/8.jpg);
        height: 1000px;
    }
    #content .sequence-9
    {
        background-image: url(../image/9.jpg);
        height: 1000px;
    }
    #content .sequence-10
    {
        background-image: url(../image/10.jpg);
        height: 1000px;
    }
    #content .sequence-11
    {
        background-image: url(../image/11.jpg);
        height: 900px;
    }
    #content .sequence-12
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-13
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-14
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-15
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-16
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-17
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .sequence-18
    {
        background-image: none;
        height: 0;
        display: none;
    }
    #content .home
    {
        width: 100px;
        height: 45px;
        position: absolute;
        top: 33px;
        right: 85px;
        -webkit-tap-highlight-color: transparent;
    }
    #content .home a
    {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
}