@charset "UTF-8";

/* ==============
    Header
   ============== */

#header-container{
    height: auto;
    border-bottom: 1px solid #D6D6D6;
    background: #fff;
}

#header-container .logo{
    text-align: center;
}

#header-container .logo{
    display: block;
    overflow: hidden;
    width: 108px;
    height: 0;
    margin: 10px auto;
    padding: 50px 0 0;
    border-bottom: 0;
    background: url(../img/logo_sp@3x.png) no-repeat left top;
    background-size: 108px 50px;
}

.btn-box.form{
    display: block;
    text-align: right;
}

.btn-box.form li{
    margin: 0;
}

.btn-box.form li.privacy{
    margin: 0 0 16px;
}

/* ==============
    Main
   ============== */

#main-container{
    min-height: calc(100vh - 50px);
    padding: 30px 0 0;
    background: #EFEFEF;
}

#main-container .wrapper{
    margin: 0 16px 30px;
    padding: 16px 16px 32px;
    box-sizing: border-box;
    background: #fff;
}

.tbl-blc td{
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #d8d8d8;
}

.btn-box{
    margin: 0;
}

.check-btn-box li{
    display: block;
    margin: 0 0 5px;
}

.btn-box.confirm li{
    margin: 0 0 0 20px;
}

.txt-complete{
    margin: 20px 0 40px;
    font-weight: bold;
    font-size: 18px; font-size: 1.8rem;
    text-align: center;
}

.btn-box.complete{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.btn-box.complete li{
    margin: 0;
}

/* ==========================================================================
    Media Queries
   ========================================================================== */

@media only screen and (min-width: 768px) {

    /* ==============
        WIDE: Header
       ============== */

       #header-container{
           margin: 20px 0 0;
       }

       #header-container .logo{
           width: 130px;
           margin: 0 auto 20px;
           padding: 60px 0 0;
           border: none;
           background: url(../img/logo_pc@3x.png) no-repeat left top;
           background-size: 130px 60px;
       }

/* ==============
    WIDE: Main
   ============== */

    #main-container{
       min-height: calc(100vh - 80px);
       padding: 40px 0 0;
    }

    #main-container .wrapper{
       max-width: 960px;
       margin: 0 auto 40px;
       padding: 20px 40px 40px;
    }

    .check-btn-box li{
        display: inline-block;
        margin: 0 10px 5px 0;
    }
    
    .check-btn-box li:last-child{
        margin: 0 0 5px;
    }
    
    .txt-complete{
        font-size: 24px; font-size: 2.4rem;
    }


}