@charset "utf-8";

/* style-login.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * Health Promotion
 * **************************************************
 */

 /* Health Promotion
------------------------------------------------------------------- */


 #login {
        position: relative;
        overflow: hidden;
        margin: 50px auto;
        padding: 30px 10px 40px 10px;
        max-width:630px;
        border: 1px solid #d2d2d2;
        text-align: center;
    }

#login p {
        margin: 0;
        padding: 0 1.5em 10px 1.5em;
        text-align: left;
    }

#login p strong {
    display: block;
    text-align: center;
	font-weight:bold;
}


    #subPage #content .main #login p.error {
        color: #ff0000;
    }

    #login .loginForm {
        position: relative;
        left: 50%;
        float: left;
        padding: 0;
    }
#login .loginForm input.login {
    height: 26px;
    max-width: 200px;
    line-height: 120%;
}


    #login .loginForm dl {
        position: relative;
        left: -50%;
        margin: 15px 0 0 0;
        font-size:1.5em;
    }

    #login .loginForm dt {
        float: left;
        margin: 0;
        padding: 5px 5px 0 5px;
        font-size: 93%;
        font-weight: bold;
    }

    #login .loginForm dd {
        float: left;
        margin: 0;
        padding: 0;
    }

    #login .loginForm dd.loginBtn {
        position: relative;
        top: 0px;
        left: 10px;
        margin: 0;
    }


    .login_box{
	margin: 0 auto;
	background:#f8f8f7;
	border-radius:30px;
	max-width:760px;
	text-align:center;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	padding:30px;
    margin-bottom:30px;
}


.login_box .login_txt{
	margin-bottom:0!important;
	padding:10px;
	font-size:1.5em;
	line-height:1.5;
	text-align: left;
}



.login_box .mistake{
	font-size:1.2em;
	color:red;
}


.login_box #loginbotan{
	max-width:120px;
}

.login_box #loginbotan:hover{
	opacity:.8;
}

.login_box #loginbotan img{
	width:100%;
}

@media screen and (max-width: 767px) {

    #login .loginForm {
        position: relative;
        left:0;
        float: left;
        padding: 0;
    }


    #login .loginForm dl {
        position: relative;
        left:0;
        margin: 15px 0 0 0;
        font-size:1.5em;
    }
	
#login .loginForm input.login {
    max-width: 150px;
}

	
}