
/*------入力ページ-------*/


.tb{
	display: table;
	border-collapse: collapse;
	
}
.tb>div{
	display: table-row;
}
.tb>div>div{
	display: table-cell;
	padding: 20px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	box-sizing: border-box;
}

.tb>div>div:first-child{
	vertical-align: middle;
	width: 200px;
}

.e{
	display: none;
	color: #cc0000;
}



input[type=text],textarea{
	border: 1px solid #999999;
	border-radius: 3px;
	margin-bottom: 1px;
}

select{
	border: 1px solid #C9D1DC;
	width: 80px;
}

input,
select {
 	height: 32px;
}

textarea {
	line-height: 1.25;
	padding: 4px;
}


/*------入力アラート-------*/

.input_alert{
	background-color: #FFE8E8
}

.box_alert{
	position: relative;
	padding: 5px;
	background-color: #FF0003;
	/*border: 2px solid #ca8888;*/
	width: 80%;
	top: 10px;
	margin-bottom: 20px;
    color:#FFFFFF;
    font-size: 0.8rem;
}

.box_alert::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	top: -30px;
	border-right: 15px solid transparent;
	/*border-bottom: 15px solid #ca8888;*/
	border-left: 15px solid transparent;
	border-top: 15px solid transparent;
}

.box_alert::after{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	top: -12px;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #FF0004;
	border-left: 15px solid transparent;
}




/*------その他-------*/

section h1{
	font-size: 15px;
	text-align: center;
}

section p{
	text-align: center;
}

.bt{
	background-color: #0658B6;
	color: #ffffff;
	padding: 10px;
	border-radius: 5px;
	border-width: 0px;
	width: 120px;
	line-height: 100%;
}

.div_btn{
	margin-top: 10px;
	text-align: center;
}

.center{
	margin: 0 auto;
}

/*-------------*/

@media screen and (max-width:600px){
	body{
		font-size: 15px;
		line-height:150%;
	}
	header{
		width: 100%;
	}
	
	nav{
		width: 100%;
	}

	.tb {
		width: 98%;
		display: block;
	}
	
	.tb>div{
		width: 100%;
		display: block;
	}
	.tb>div>div{
		width: 100%;
		display: block;
		padding: 20px;
	}
	
	.tb>div>div:first-child{
		width: 100%;
	}

	.tb input[type='text'],
	.tb input[type='file'],
	.tb select,
	.tb textarea {
		width: 100%;
	}



}
