A{
	display				: inline-block;
	text-decoration		: none;
	height				: 25px;
	line-height			: 25px;
}

H1{
	background			: #CE3434;
	color				: #FEFEFE;
	font-size			: 21px;
	text-align			: center;
	line-height			: 30px;
}

#wrapper{
	overflow: hidden;
	background: url("/static/img/img-c10-bg-login.jpg") no-repeat;
	background-color:#0081bf;
	background-position: top center;
	height:auto;
}


FORM[name="form1"]{
	width: 405px;
	margin: auto;
	position: relative;
}

.form_title{
	font-family: HiraginoSans-W6;
	font-size: 40px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	text-align: center;
	line-height: 48px;
	width:100%;
	text-align:center;
	margin-top: 44px;
	margin-bottom: 8px;
}
.msg1{
	font-family: HiraginoSans-W3;
	font-size: 24px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	text-align: center;
	line-height: 32px;
}
.msg2{
	margin-top: 26px;
	font-family: HiraginoSans-W3;
	font-size: 16px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
}
.msg2 a{
	color: #ffffff;
	text-decoration: underline;
}
.msg2 a:hover{
	text-decoration: none;
}
.msg3{
	margin-top: 30px;
	font-family: HiraginoSans-W6;
	font-size: 24px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	text-align: center;
	line-height: 32px;
	margin-bottom: 16px;
}
.input_name{
	font-family: HiraginoSans-W6;
	font-size: 14px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	line-height: 20px;
}
#login_id{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	width:360px;
	padding-left: 15px;
	padding-right: 15px;

	height:48px;
	line-height:48px;
	font-size:14px;

	margin-top: 8px;
	margin-bottom: 20px;
}
#send_mail{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	width:360px;
	padding-left: 15px;
	padding-right: 15px;

	height:48px;
	line-height:48px;
	font-size:14px;

	margin-top: 8px;
	margin-bottom: 20px;
}
#login_password{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	width:360px;
	padding-left: 15px;
	padding-right: 15px;

	height:48px;
	line-height:48px;
	font-size:14px;

	margin-top: 8px;
	margin-bottom: 20px;
}

#link_reminder{
	font-family: HiraginoSans-W3;
	font-size: 14px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	line-height: 20px;
	color:#ffffff;
	text-align:center;
}

#link_reminder A{
	font-family: HiraginoSans-W3;
	font-size: 14px;
	color: rgba(255,255,255,0.98);
	letter-spacing: 0;
	line-height: 20px;
	color:#ffffff;
	text-align:center;
	text-decoration: underline;
}


#btn_submit{
	background: #27C568;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	border-radius: 4px;

	font-family: HiraginoSans-W6;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0;

	width:100%;
	height:100%;

	text-align: center;
	line-height: 48px;

}

	FORM[name="form1"] .error{
		color: #FFF;
		font-size: 17px;
		font-weight: bold;
		height: 28px;
		line-height: 28px;
		position: static;
		text-align: center;
		width: 100%;
	}

	/* Android対応 */
	FORM[name="form1"] .error_android{
		color				: #DD0F0F;
		font-size			: 17px;
		font-weight			: bold;
		position			: absolute;
		text-align			: center;
		width				: 100%;
	}



#password{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	width:360px;
	padding-left: 15px;
	padding-right: 15px;

	height:48px;
	line-height:48px;
	font-size:17px;

	margin-top: 8px;
	margin-bottom: 20px;
}

#password_conf{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 2px;
	width:360px;
	padding-left: 15px;
	padding-right: 15px;

	height:48px;
	line-height:48px;
	font-size:17px;

	margin-top: 8px;
	margin-bottom: 20px;
}


.contact_content_title_commit {
	margin-top: 8px;
	font-size: 14px;
	color: rgba(0,0,0,0.80);
	letter-spacing: 0;
	line-height: 20px;
	padding: 15px;
	height: 200px;
	overflow: auto;
	background: #ffffff;
}
.service_sub {
	font-size: 16px;
	font-weight: bold;
}

.agree{
margin-top: 8px;
width: 90%;
text-align: left;
}
.agree label{
color: #ffffff;
font-size: 14px;
}

.agree label {
line-height: 135%;
position: relative;
cursor: pointer;
}
.agree #agree {
position: relative;
margin: 0 1rem 0 0;
cursor: pointer;
top: -3px;
}
.agree #agree:before {
position: absolute;
z-index: 1;
top: 0.125rem;
left: 0.1875rem;
width: 0.75rem;
height: 0.375rem;
content: '';
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
-webkit-transform: rotate(-45deg) scale(0, 0);
transform: rotate(-45deg) scale(0, 0);
border: 2px solid #27C568;
border-top-style: none;
border-right-style: none;
}
.agree #agree:checked:before {
-webkit-transform: rotate(-45deg) scale(1, 1);
transform: rotate(-45deg) scale(1, 1);
}
.agree #agree:after {
position: absolute;
top: -0.125rem;
left: 0;
width: 1rem;
height: 1rem;
content: '';
cursor: pointer;
border: 2px solid #f2f2f2;
background: #ffffff;
}

@media screen and (max-width:375px) {
	.cell405{
		width:auto;
	}
	.form_title{
		font-size: 30px;
	}
}