body {
    /* 画像ファイルの指定 */
    /*
      background-image: url(img/pixta_18633873_M.jpg);
    */
    background-image: url("../images/cloudcall_background_image_01.jpg");
    /* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
}

.loginPanel {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
    .loginPanel {
        position: static;
        -webkit-transform: translate(0, 0); /* Safari用 */
        transform: translate(0, 0);
    }
}

.loginLeftArea {
    height: 400px;
    background-color: #ffffff;
}

.loginRightArea {
    height: 400px;
}

.loginLogoArea {
    width: 100%;
    text-align: center;
}

.loginInformation {
    height: 300px;
    overflow-y: scroll;
}

/*background-color: #FFFFCC;*/
/*color: #000000;*/

.loginBtn {
    height: 50px;
}

.font-large {
    font-size: 20px;
}

.company-name {
    width: 200px;
    margin: 0 auto 20px auto;
    text-align: center;
}

.loading {
    margin: 50px;
}