@media (min-width: 1200px) {

    header.header .logo {

        width: 280px;
        display: inline-block;

    }

    .desktop-navi li.nav-item > a {
        margin: 0 60px 0 0;
    }



    .index .s08 .text {
        position: absolute;
        top:100px;
        left:0;
        color :#FFF;
        font-size: 40px;
        font-weight: 400;

    }

    .index .s08 .button a .btn-box .face {
        position: absolute;
        top: 0;
        left: 0;
        width: 210px;
        height: 200px;
    }


    .index .s08 .button .btn-box {
        position: relative;
        width: 210px;
        height: 200px;
    }

    .index .s08 .button {
        position: absolute;
        top: 80px;
        right: 0;

    }
}

@media (min-width: 1920px) {
    .index .s08 {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .index .s08 .button {
        position: absolute;
        top: 80px;
        right: 0;

    }

}