@charset "utf-8";
.textbox {
    border: 5px solid #ddd;
    font-size: 14px;
    padding: 15px;
    margin: 0 0 50px;
}
.list{
	margin:20px auto;
	padding:0;
}

 .step{
	margin:0 0 50px;
}

.textbox {
    border: 5px solid #ddd;
    font-size: 14px;
    padding: 15px;
    margin: 0 10px 20px;
}

.textbox ul{
	padding: 0;
	list-style-type: none;
}

.textbox li{
	list-style-type: none;
}



.list{
	font-size: 1.4rem;
	text-align: left;
}
.list dl{
	margin: 0 10px;
	padding: 0;
	display: flex;
	flex-direction:column;
	box-sizing: border-box;
	font-size: 1.4rem;
}

.list dt{
	position: relative;
	flex-shrink:0;
	border: 1px solid #949494;
	border-bottom: 0px solid #949494;
	font-weight: normal;
	text-align: left;
	padding: 5px 0px 5px 10px;
	line-height: 2em;
	color:#fff;
	background:#BDBDBD ;
}
.list dt .required {
    text-align: center;
    width: 40px;
    height: 2em;
    line-height: 2em;
    position: absolute;
    background: #f00;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    right: 5px;
    border-radius: 4px;
}

.list dd{
	flex-grow:2;
	border-bottom: 1px solid #949494;
	border: 1px solid #949494;
	padding: 5px;
	margin: 0;
	line-height: 2em;
}
.list dd textarea{
	width: 100%;height: 10em;
}

input[type="text"],
input[type="password"], 
textarea,
select, .vTextField {
    border: 1px solid #CCCCCC;
	max-width: 98%;
}
input[type="text"].h ,
input[type="password"].h, 
textarea.h,
select.h{
    border: 1px solid #CCCCCC;
	width: 36%;
}



.outline_error {
	margin: 10px;
	padding: 10px;
 background: #FFE6E6;
 color: #FF3939;
}

.outline_error p {
 background: #FFE6E6;
 color: #FF3939;
 padding: 0;
 margin: 0;
}


.btnset {
	display: block;
	text-align: center;
	padding: 5px;
}

.btnset form{
	display:inline-block;
}

.btnset button	,
.btnset form button{
	background: #054e77;
	border-radius: 4px;
	padding: 4px 8px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 120%;
	border: 1px solid #054e77;
}
@media (min-width: 768px) {
	.list dl{
		margin: 0 10px;
		padding: 0;
		display: flex;
		flex-direction:row;
	}
	.list dt{
		width: 30%;
	}
	.list dd{
		width: 70%;
	}

}

@media (min-width: 864px) {
}