/*.ff-mu {font-family: Muller; line-height: 1em;}
.ff-mo {font-family: Montserrat; line-height: 1em;}
.ff-ag {font-family: AGGC; line-height: 1em;}

.ta-ce {text-align:center;}
.ta-ri {text-align:right;}
.ta-le {text-align:left;}

.tt-up {text-transform:uppercase;}

.fw-no {font-weight:normal;}

.sh-01 {text-shadow: -3px -3px 4px rgb(68 43 37 / 32%);}
.sh-02 {text-shadow: 3px 3px 4px rgb(68 43 37 / 15%);}

.btn {
    width: 35em;
    display: inline-block;
    cursor: pointer;
}*/

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 100%;
    overflow-x: hidden;
    text-align: left;
    color: #fff;
    background-color: #58595a;
    font-family: Roboto;
}
i {
    font-style: normal;
}
b {
    font-style: normal;
    font-weight: bold;
}
.clickable {
    cursor: pointer;
    display: inline-block;
}
img {
    max-width: 100%;
    height: auto;
}
* {
    line-height: 1;
    outline: none !important;
    transition: transform .2s;
}
.hidden {
    display: none;
}
p {
    line-height: 1.2;
}

#s010 {
    background-image: url('img/s010-bg01.jpg');
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 120em auto;
    height: 108em;
    position: relative;
    z-index: 0;
}
#s010 .b010 {
    position: absolute;
    left: 50%;
    top: 4em;
    margin-left: 27em;
}
#s010 .b010 .t01 {
    color: #d0d0d0;
    line-height: 1.2em;
}
#s010 .b020 {
    position: absolute;
    left: 50%;
    top: 21em;
    margin-left: -45em;
    width: 90em;
}
#s010 .b020 .t01 {
    font-size: 1.4em;
    line-height: 1.3;
}
#s010 .b020 .t02 {
    font-size: 1.4em;
    line-height: 1.3;
}
#s010 .b020 .t03 {
    padding: 1em 0 0 0;
    font-size: 1.4em;
    line-height: 1.3;
}
#s010 .b020 .t04 {
    font-size: 2em;
    padding: 2em 0 0 0;
}
.toggle {
    cursor: pointer;
    font-weight: bold;
    color: #7d7d7d;
    font-family: RobotoBold;
    padding: 1em 0 1em 0;
}
.toggle i {
    font-family: monospace;
    font-size: 2.5em;
    padding: 0 0.3em 0 0;
}

#s020 {
    background-image: url('img/s020-bg01.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 120em auto;
    height: 149em;
    position: relative;
    z-index: 0;
}
#s020 .lSPager.lSpg {
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
}
#s020 .b010 {
    position: absolute;
    left: 50%;
    width: 40em;
    height: 40em;
    margin-left: -47em;
    top: 5em;
    border-radius: 5em;
    overflow: hidden;
}
#s020 .b020 {
    position: absolute;
    left: 50%;
    width: 50em;
    height: 40em;
    margin-left: -4em;
    top: 5em;
}
#s020 .b020 .t01 {
    font-family: RobotoBold;
    font-size: 3em;
}
#s020 .b020 .t02 {
    line-height: 1.2;
    font-size: 1.7em;
    padding: 0 0 1em;
}
#s020 .b020 .t03 {
    font-size: 1.7em;
}
#s020 .b020 .ozon {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 0;
}
#s020 .b020 .wb {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 15em;
}
#s020 .b020 .site {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 30em;
}
#s020 .b030 {
    position: absolute;
    left: 50%;
    width: 40em;
    height: 40em;
    top: 52em;
    margin-left: 6em;
    border-radius: 5em;
    overflow: hidden;
}
#s020 .b040 {
    position: absolute;
    left: 50%;
    width: 50em;
    height: 40em;
    margin-left: -47em;
    top: 52em;
}
#s020 .b040 .t01 {
    font-family: RobotoBold;
    font-size: 3em;
}
#s020 .b040 .t02 {
    line-height: 1.2;
    font-size: 1.7em;
    padding: 0 0 1em;
}
#s020 .b040 .t03 {
    font-size: 1.7em;
}
#s020 .b040 .ozon {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 0;
}
#s020 .b040 .wb {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 15em;
}
#s020 .b040 .site {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 30em;
}
#s020 .b050 {
    position: absolute;
    left: 50%;
    width: 40em;
    height: 40em;
    margin-left: -47em;
    top: 99em;
    border-radius: 5em;
    overflow: hidden;
}
#s020 .b060 {
    position: absolute;
    left: 50%;
    width: 50em;
    height: 40em;
    margin-left: -4em;
    top: 99em;
}
#s020 .b060 .t01 {
    font-family: RobotoBold;
    font-size: 3em;
}
#s020 .b060 .t02 {
    line-height: 1.2;
    font-size: 1.7em;
    padding: 0 0 1em;
}
#s020 .b060 .t03 {
    font-size: 1.7em;
}
#s020 .b060 .ozon {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 0;
}
#s020 .b060 .wb {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 15em;
}
#s020 .b060 .site {
    position: absolute;
    bottom: 0;
    max-width: 13em;
    left: 30em;
}

#s030 {
    background-image: url('img/s030-bg01.png');
    background-position: center 3em;
    background-repeat: no-repeat;
    background-size: 120em auto;
    height: 108em;
    position: relative;
    z-index: 0;
}
#s030 .b010 {
    position: absolute;
    top: 6em;
    width: 65em;
    left: 50%;
    margin-left: -32.5em;
    font-size: 1.4em;
}
#s030 .b010 .left-image {
    width: 26em;
    height: 19em;
    float: left;
}
#s030 .b010 .t01 {
    font-size: 1.7em;
    font-family: RobotoBold;
    padding: 0 0 1em 0;
}
#s030 .b010 .t02 {
    line-height: 1.2;
}
#s030 .b020 {
    position: absolute;
    top: 58em;
    width: 35em;
    left: 50%;
    margin-left: -32.5em;
    font-size: 1.4em;
}
#s030 .b020 .t01 {
    font-size: 1.7em;
    font-family: RobotoBold;
    padding: 0 0 1em 0;
}

#s040 {
    background-image: url('img/s040-bg01.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120em auto;
    height: 75em;
    position: relative;
    z-index: 0;
}
#s040 .b010 {
    left: 50%;
    position: absolute;
    top: 8em;
    margin-left: -38em;
}
#s040 .b010 .t01 {
    font-size: 2.1em;
    font-family: 'RobotoBold';
}
#s040 .b010 .t02 {
    width: 24em;
    padding: 3em 0;
}
#s040 .b010 .t03 {
    width: 24em;
}

#s050 {
    background-image: url('img/s050-bg01.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 120em auto;
    height: 66em;
    position: relative;
    z-index: 0;
}
#s050 .b010 {
    position: absolute;
    top: 5em;
    left: 50%;
    width: 20em;
    margin-left: -10em;
    text-align: center;
}
#s050 .b010 .t01 {
    font-size: 3em;
}
#s050 .b020 {
    position: absolute;
    top: 14em;
    left: 50%;
    width: 34em;
    margin-left: -40em;
}
#s050 .b020 .t01 {
    font-size: 3em;
}
#s050 .b020 .t02 {
    font-size: 1.5em;
}
#s050 .b020 .t03,
#s050 .b020 .t04,
#s050 .b020 .t05 {
    width: 24em;
    padding: 2em 0 0 0;
}
#s050 .b030 {
    position: absolute;
    top: 14em;
    left: 50%;
    width: 34em;
    margin-left: 11em;
}
#s050 .b030 .t01 {
    font-size: 3em;
}
#s050 .b030 .t02 {
    font-size: 1.5em;
}
#s050 .b030 .t03,
#s050 .b030 .t04,
#s050 .b030 .t05 {
    width: 24em;
    padding: 2em 0 0 0;
}

@media(max-width:1900px){body{font-size:1.00em;}}
@media(max-width:1800px){body{font-size:0.95em;}}
@media(max-width:1700px){body{font-size:0.90em;}}
@media(max-width:1600px){body{font-size:0.85em;}}
@media(max-width:1500px){body{font-size:0.80em;}}
@media(max-width:1400px){body{font-size:0.75em;}}
@media(max-width:1300px){body{font-size:0.70em;}}
@media(max-width:1200px){body{font-size:0.65em;}}
@media(max-width:1100px){body{font-size:0.60em;}}

@media (max-width: 1000px) {
    body {
        font-size: 2vw;
        overflow: hidden;
    }
    .toggle i {
        vertical-align: middle;
    }
    
    #s010 {
        background-image: url(img/s010-bg01m.jpg);
        background-size: 100% auto;
        background-position-y: 0;
        height: 105em;
    }
    #s010 .b010 {
        top: 3.5em;
        margin-left: 11em;
        font-size: 0.8em;
    }
    #s010 .b020 {
        top: 21em;
        margin-left: -24em;
        width: 48em;
        font-size: 0.9em;
    }
    
    #s020 {
        height: 253em;
        background: none;
    }
    #s020 .b010 {
        width: 44em;
        margin-left: -22em;
        top: 11em;
    }
    #s020 .b020,
    #s020 .b040,
    #s020 .b060 {
        position: relative;
        left: auto;
        margin: auto;
        top: auto;
        height: auto;
        width: auto;
    }
    #s020 .b020 .t01 {
        position: absolute;
        top: 1em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b020 .t02 {
        position: absolute;
        top: 4em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b020 .t03 {
        position: absolute;
        top: 31em;
        width: 26em;
        left: 50%;
        margin-left: -13em;
    }
    #s020 .b020 .t04 {
        position: absolute;
        top: 77em;
        width: 42em;
        height: 5em;
        left: 50%;
        margin-left: -21em;
    }
    #s020 .b040 .t01 {
        position: absolute;
        top: 29em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b040 .t02 {
        position: absolute;
        top: 53em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b030 {
        width: 44em;
        margin-left: -22em;
        top: 94em;
    }
    #s020 .b040 .t03 {
        position: absolute;
        top: 79em;
        width: 26em;
        left: 50%;
        margin-left: -13em;
    }
    #s020 .b040 .t04 {
        position: absolute;
        top: 158em;
        width: 42em;
        height: 5em;
        left: 50%;
        margin-left: -21em;
    }
    #s020 .b060 .t01 {
        position: absolute;
        top: 56em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b060 .t02 {
        position: absolute;
        top: 101em;
        width: 16em;
        left: 50%;
        margin-left: -8em;
        text-align: center;
    }
    #s020 .b050 {
        width: 44em;
        margin-left: -22em;
        top: 175em;
    }
    #s020 .b060 .t03 {
        position: absolute;
        top: 127em;
        width: 26em;
        left: 50%;
        margin-left: -13em;
    }
    #s020 .b060 .t04 {
        position: absolute;
        top: 242em;
        width: 42em;
        height: 5em;
        left: 50%;
        margin-left: -21em;
    }
    
    #s030 {
        background-image: url('img/s030-bg01m.png');
        background-size: 100% auto;
        height: 165em;
    }
    #s030 .b010 {
        top: 18em;
        width: 32em;
        margin-left: -16em;
    }
    #s030 .b010 .left-image {
        display: none;
    }
    #s030 .b010 .t01 {
        padding: 0 0 1em 12em;
    }
    #s030 .b020 {
        top: 97em;
        width: 32em;
        margin-left: -16em;
    }
    
    #s040 {
        background-image: url('img/s040-bg01m.jpg');
        background-size: 100% auto;
        height: 136em;
    }
    #s040 .b010 {
        top: 8em;
        margin-left: -23em;
        width: 46em;
        text-align: center;
    }
    #s040 .b010 .t02,
    #s040 .b010 .t03 {
        display: inline-block;
    }

    #s050 .b020 {
        margin-left: -22em;
        width: 21em;
    }
    #s050 .b030 {
        margin-left: 4em;
        width: 21em;
    }
    #s050 .b020 .t03,
    #s050 .b020 .t04,
    #s050 .b020 .t05,
    #s050 .b030 .t03,
    #s050 .b030 .t04,
    #s050 .b030 .t05 {
        width: 16em;
    }
}
