.has_permissions * {
    padding : 0;
    margin : 0;
    color : #000000;
    /* font-family : "Noto Sans", "Noto Sans CJK JP", sans-serif; */
}

.has_permissions {
    width : 100%;
    height : 100%;
    position : absolute;
    top : 0;
    left : 0;
    background-image : url("../../../asset/texture_splash.png");
    background-repeat: repeat;
    background-position: top left;
}

/* Terms of use */
.has_permissions .has_permissions_wrapper {
    /*position : fixed;*/
    position : absolute;
    width : 100%;
    height: 100%;
    top : 0;
    bottom: 0;
    margin: 0;
    left : 0;
}

.has_permissions .has_permissions_body {
    position : absolute;
    width : 720px;
    height : 560px;
    top: 0;
    left : 0;
    right: 0;
    bottom: 0;
    margin: auto auto;
}

.has_permissions .has_permissions_header {
    position : relative;
    width : 100%;
    height : 60px;
    text-align : center;
    background-color : #FFFFFF;
    border-bottom : 1px dashed #C4C4C4;
    text-align : center;
    font-size : 21px;
    line-height: 60px;
    color: #2B2B2B;
}

.has_permissions .has_permissions_contents_wrapper {
    position : relative;
    width : 100%;
    height : 440px;
    background-color : #F7F7F7;
    padding : 0 0 0 0;
}

.has_permissions .has_permissions_message {
    display: table-cell;
    position : relative;
    width: 640px;
    height: 108px;
    top: 24px;
    left: 40px;
    right: 40px;
    font-size: 18px;
    color: #2B2B2B;
    vertical-align: middle;
}

.has_permissions .has_permissions_image {
    position: absolute;
    width: 394px;
    height: calc( 163px * 394 / 314 );
    top: 172px;
    left: 163px;
    background: url('../res/permissions.png');
    background-repeat: no-repeat;
    background-size: contain;

}