body {
    background: #f7f7f7;
}
.form_main{
	margin-top: 50px;
	display: flex;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size:		14px;
}
.form_login{
	padding-top: 50px;
	margin: auto;
	width: 70%;
	max-width: 400px;
	
}
.form_login p{
	padding: 10px;
	font-size: 20px; 
	margin-bottom: 20px;
	font-weight: 700; 
}
.error {
	color: #b10000;
			/* ラベルの位置 */
	font-size:		14px;
	line-height:	28px;
	display:		none;
}
.error_checkbox {
	color: #b10000;
	padding-left:		38px;			/* ラベルの位置 */
	font-size:		14px;
	line-height:	28px;
	display:		none;
}
.form_text {
	padding: 0px; 
	margin-bottom: 5px;
	text-align: left;
}
.form_input {
	padding: 10px; 
	width: 100%;
	height: 40px;
	border-radius: 5px; /*ボックス角の丸み*/
    border: 1px solid #000000; /*枠線*/
    margin-top: 5px;
    margin-bottom: 5px;
}
.form_input:focus {
	border-radius: 5px; /*ボックス角の丸み*/
    box-shadow: 0 0 5px 0 rgba(255,153,0,1);
    border: 1px solid #000000 !important;
    outline: 0;
}
.form_button {
	width: 100%;
	height: 40px;
	margin-top: 30px;
	border-radius: 5px;
	border: 1px solid #000000; /*枠線*/
	color: #ffffff;
	background-color: #0a9534;
	cursor:			pointer;
}
.form_newuser {
	width: 100%;
	height: 40px;
	margin-top: 30px;
	border-radius: 5px;
	border: 1px solid #000000; /*枠線*/
	color: #ffffff;
	background-color: #ffae00;

}

.chkbox {
	text-align: left;
	margin-top: 25px;
	margin-bottom: : 25px;
}
/* ラベルのスタイル　*/
.chkbox label {
	padding-left:	38px;			/* ラベルの位置 */
	line-height:	28px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.chkbox label:before {
	content:		'';
	width:			25px;			/* ボックスの横幅 */
	height:			25px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	border: 1px solid #000000; /*枠線*/
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		30px;			/* チェックのサイズ */
	color:			black;			/* チェックの色 */
	background-color:	#ffffff;			/* チェックした時の色 */
}
/*ローディング*/
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

/*モーダル*/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
}

.modal-content {
  background-color: #f4f4f4;
  margin: 200px auto;
  width: 300px;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17);
  animation-name: modalopen;
  animation-duration: 1s;
  border-radius: 10px;
}

@keyframes modalopen {
  from {opacity: 0}
  to {opacity: 1}
}

.modal-header h1 {
  margin: 1rem 0;
}

.modal-header {
  background: lightblue;
  padding: 3px 15px;
  display: flex;
  justify-content: space-between;
}

.modal-body {
  padding: 10px 20px;
  color: #3c3c3c;
  font-size: 14px;
  
}
.confirm_box{
	display: flex;
	width: 100%;
	
}

.confirm{
	margin: 0 auto;
	height: 30px;
	width: 60px;
	border: 1px solid #888888;
	text-align: center;
	margin-bottom: 10px;
	background-color: #85B200;
	cursor: pointer;
	color: white;
	border-radius: 5px;
}
.form_error {
	display: none;
}