@charset "utf-8";
/* CSS Document */


a.btn_link_gray{
		color: #AC171D;
		margin-top: 20px;
		display: block;
	}
	
input:focus{
	outline: none;
}	
	

/* pc */
@media screen and (min-width: 801px), print {

	
#content > .sec:not(:nth-of-type(1)){
	margin-top:80px;
	}
	#content > .sec > .sec{
		margin-top:30px;
		}
	
	.formarea{
		font-size:16px;
		line-height:2.2em;
		text-align:center;
		}
		.formarea > p{
			text-align: center;
			font-size: 18px;
			color: #AC171D;
			letter-spacing: 0.2em;
			margin-bottom:50px;
			font-weight:bold;
			}
		.formarea form .inputarea{
			font-size: 16px;
			margin-bottom:20px;
			margin-left: -50px;
			}
		.formarea form .inputarea label{
			width: 50px;
			display: inline-block;
			text-align: right;
			}
			.formarea form .inputarea input{
				border: 0;
				background-color: #E4E4E4;
				height: 60px;
				width: 490px;
				padding: 0 20px;
				font-size: 16px;
				box-sizing: border-box;
			}

		#login_btn{
			display:block;
			background-color:#AC171D;
			color:#FFF;
			font-size:18px;
			letter-spacing:0.2em;
			font-weight:bold;
			position:relative;
			width: 280px;
			margin: 40px auto 10px;
			border: none;
			padding: 10px 0;
			}
		#login_btn:hover{
			opacity:0.6;
			transition:500ms;
			}
	.cap{
		font-size: 12px;
		font-weight: normal;
		text-decoration: underline;
	}
	

		
}


/* sp */
@media only screen and (max-width: 800px) {
	
#content >  .sec:not(:nth-of-type(1)){
	margin-top:50px;
	}
	#content > .sec > .sec{
		margin-top:25px;
		}
	
	.formarea {
		font-size:18px;
		line-height:2em;
		margin: 0 10px;
		}
	
		.formarea > p{
			color: #AC171D;
			margin-bottom: 10px;
			font-weight:bold;
			}
		.formarea form .inputarea{
			font-size: 15px;
			margin-bottom:20px;
			}
		.formarea form .inputarea label{
			display: block;
			line-height: 1.5em;
			}
			.formarea form .inputarea input{
				border: 0;
				background-color: #E4E4E4;
				height: 50px;
				width: 100%;
				padding: 0 20px;
				font-size: 16px;
				box-sizing: border-box;
				display: block;
			}

		#login_btn{
			display:block;
			background-color:#AC171D;
			color:#FFF;
			font-size:15px;
			letter-spacing:0.2em;
			font-weight:bold;
			position:relative;
			width: 100%;
			margin-top: 30px;
			border: none;
			text-align: center;
			padding: 3% 0;
			}
	.cap{
		font-size: 12px;
		font-weight: normal;
		text-decoration: underline;
	
	
}



/* ieハック 
@media screen\0 {
	h2 span::before{
		top:-40px\9;
		top:-40px;
		}
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	h2 span::before{
		top:-40px\9;
		top:-40px;
		}
}
_:-ms-input-placeholder, :root h2 span::before {
		top:-40px\9;
		top:-40px;
}
*/