@media (min-width: 1025px){
    
}

@media (min-width: 769px) and (max-width: 1024px) {
    .head > .head_content {
        width: 1024px;
    }

    .head > .head_content > .nav {
        width: 1024px;
    }

    .head > .head_content > .nav > div {
        margin-left: 10px;
    }

    .head > .head_content > .nav_bar {
        width: 1024px;
    }

    .head > .head_content > .nav > .logo {
        margin-right: 10px;
    }

    .canvas {
        width: 1024px;
    }

    .canvas > .slide > div.home {
        width: 1024px;
    }

    .canvas > .slide > div.home > div.seat {
        width: 1024px;
        height: 465px;
    }

    .canvas > .slide > div.home > div.seat img {
        width: 1024px;
        height: 465px;
    }

    .canvas > .slide > div.home > div.desk, .canvas > .slide > div.home > div.equip {
        width: 512px;
        height: 293px;
    }

    .canvas > .slide > div.home > div.desk  img, .canvas > .slide > div.home > div.equip img {
        width: 512px;
        height: 293px;
    }

    .footer {
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
    }

    .footer > .footer_content {
        width: 1024px;
    }

    .seat_check {
        width: 698px;
        margin: 0 163px;
    }

    .seat_check > .question {
        width: 698px;
    }

    .seat_check > .check {
        width: 48px;
    }

    .seat_check > .answer {
        width: 640px;
    }

    .seat_check.finish {
        margin: 0px 163px;
    }

    .desk_check {
        margin: 0 163px;
    }

    .equip_check {
        margin: 0 163px;
    }

    .imprint_check {
        margin: 0 163px;
    }
}

@media (min-width: 320px) and (max-width: 768px) {
    .head > .head_content {
        width: 768px;
    }

    .head > .head_content > .nav {
        width: 768px;
    }

    .head > .head_content > .nav > div {
        margin-left: 10px;
    }

    .head > .head_content > .nav_bar {
        width: 768px;
    }

    .head > .head_content > .nav > .logo {
        margin-right: 10px;
    }

    .canvas {
        width: 768px;
    }

    .canvas > .slide > div.home {
        width: 768px;
    }

    .canvas > .slide > div.home > div.seat {
        width: 768px;
        height: 349px;
    }

    .canvas > .slide > div.home > div.seat img {
        width: 768px;
        height: 349px;
    }

    .canvas > .slide > div.home > div.desk, .canvas > .slide > div.home > div.equip {
        width: 384px;
        height: 220px;
    }

    .canvas > .slide > div.home > div.desk  img, .canvas > .slide > div.home > div.equip img {
        width: 384px;
        height: 220px;
    }

    .footer {
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
    }

    .footer > .footer_content {
        width: 768px;
    }

    .seat_check {
        width: 698px;
        margin: 0 35px;
    }

    .seat_check > .question {
        width: 698px;
    }

    .seat_check > .check {
        width: 48px;
    }

    .seat_check > .answer {
        width: 640px;
    }

    .seat_check.finish {
        margin: 0px 35px;
    }

    .desk_check {
        margin: 0 35px;
    }

    .equip_check {
        margin: 0 35px;
    }

    .imprint_check {
        margin: 0 35px;
    }
}