body {
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

/**************************************
   ログイン画面
**************************************/
.login_hgroup {
    text-align: center;
    margin-top: 4em;
}

    .login_hgroup h1 {
        font-weight: 300;
        color: #636363;
    }

    .login_hgroup h3 {
        font-weight: 500;
        color: #4a89dc;
    }

.login_form {
    width: 380px;
    margin: 10px auto;
    padding: 10px;
    background-color: #fafafa;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

    .login_form .group {
        position: relative;
        margin-bottom: 20px;
    }

        .login_form .group input {
            font-size: 18px;
            padding: 10px 10px 10px 5px;
            -webkit-appearance: none;
            display: block;
            background: #fafafa;
            color: #636363;
            width: 100%;
            border: none;
            border-radius: 0;
            border-bottom: 2px solid #757575;
        }

            .login_form .group input:focus {
                outline: none;
                border-bottom: 2px solid #4a89dc;
            }

    .login_form .login_button {
    }


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