@charset "utf-8";


body{
    max-width: 940px;
}

.contents{
    position: relative;
    width: 100%;
}

#point_wrapper{
    width: 100%;
    max-width: 440px;
    margin: 0 auto 30px;
}

.login-area,
.touroku-area,
.toppage-area {
    width: 40%;
    max-width: 220px;
    min-width: 180px;
}

.login-area{
    position: absolute;
    top:61%;
    left:50%;
    transform: translateX(-50%);
}
.touroku-area{
    position:absolute;
    top: 77%;
    left: 50%; 
    transform: translateX(-50%);
}

.toppage-area{
    position: absolute;
    top: 71%;
        left: 50%; 
    transform: translateX(-50%);
}

.container a{
    text-align: center;
}

a.btn{
    width: 100%;
    display: inline-block;
    margin: 20px auto;
}