@charset "utf-8";
#login{
	margin:0px;
}

.inner{
	background:url(../images/login/bg_login.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100vw;
	min-height:700px;
	position:relative;
}


/*
.inner{
	margin:35px auto 0; 
	margin-top:35px;
	background:url(../images/login/bg_login.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 1500px;
	min-height:500px;
	position:relative;
}
*/


#l-header{
	background:#fcf7fb;
padding:30px 0 15px;}


#l-header .logo{
	text-align:center!important;
	width:100%;
}


@media screen and (max-width: 1180px){
.inner{
	min-height:680px;}

}


.login01{
	position:absolute;
	right:0;
	left:0;
	margin: auto;
	top:30px;
	text-align:center;
}

.login_box{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin: auto;
	background:#fcf7fb;
	border-radius:30px;
	margin:auto;
	max-width:670px;
	max-height:560px;
	text-align:center;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.login_box .login01{
padding:3em 0 1.0em;
border-bottom:1px solid #edd5f0; }


.login_box .login_txt{
	padding:1em 1.5em 0;
	font-size:1.5em;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.5;
    text-align:left;
}

.login_box .login_txt02{
	padding:0em 1.5em 0;
	font-size:1.5em;
	margin-left:1.5em;
	text-indent:-1.5em;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.5;
    text-align:left;
}

.login_box .login_txt03{
	padding:1em 1.5em 0;
	font-size:1.5em;
	margin-left:1em;
	text-indent:-1em;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.5;
    text-align:left;
}
.red{
	color:red;
}

.login_box .login_txt_s{
	font-size:1.2em;
	font-family: 'Kosugi Maru', sans-serif;
	line-height:1.5;
}

.login_box #loginbotan{
}


.login_box .nyuryoku{
	border-radius:15px;
	border:1px solid #edd5f0;
	padding:5px 15px;
	font-size:1.6em;
	width:35%;
}

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

#l_footer{
	margin:30px auto;
	text-align:center;
	font-size:1.2em;
	
}
.login_box .form_box{
	padding:0!important;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	justify-content:center;
}

.login_box .form_box li{
	display:flex;
	flex-wrap:wrap;
	align-items:center;}

.login_box .form_box li:first-child{
	margin-right:10px;
}


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

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

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


.login_box .nyuryoku{
	border-radius:15px;
	border:1px solid #cbcbcb;
	padding:5px 15px;
	font-size:1.6em;
	width:100%;
}