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

.red{
	color:red;
}

.btn a:hover,
input.submit_btn:hover{
	background-color:#122889;
	color:white;
}


label{
	display:inline-block;
	margin-bottom:0.5rem;
}

.form_group,
.form_item{
	width:100%;
}

.form_group{
	margin-bottom:2rem;
}

.form_item{
	box-sizing:border-box;
}


.form-control{
	padding:6px 12px;
	width:100%;
	width:94%;
	border-radius: 0.25rem;
	border:1px solid #ced4da;
	width:92%;
	width:96%;
}

.submit_btn{
  display: block;
  padding: 15px 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06);
  line-height: 1.3em;
  text-decoration: none;
  text-align:center;	
	background-color:white;
	cursor: pointer;
	margin-bottom: 10px;
}

form a{
	text-decoration: underline;
	
}


/* SP */
@media only screen and (max-width:768px){
	textarea{
		width:94%;
		width:100%;

	}
	
	.form-control{
		font-size:16px;
	}
	
	.submit-box{
		display:flex;
		width:100%;
		margin:0 auto;
		justify-content: space-between;
		flex-flow:column;		
	}

	.submit_btn{
		width:100%;
	}
	
	.form-control{
		width:92%;
	}
	
	#form_detail{
/*		margin:0 auto;*/
		margin-left:1rem;
	}
	
}

/* PC */
@media only screen and (min-width:769px){
		.flex .btn{
			width:190px;
		}	
	
		textarea{
			width:94%;
	}
	
	.submit-box{
		display:flex;
		width:50%;
		margin:0 auto 30px;
		justify-content: space-between;
		flex-flow: row;
		justify-content: space-around;
		width:100%;
	}
	
	.submit_btn{
		width:20%;
		width:200px;
		width:40%;
	}	
}