@charset "utf-8";
/* --------------------------------------------------------------- */
#mp-head {
    margin: 0;
    width: 100%;
}
#mp-head h1 {
	background-image: none;
    font-weight: bold;
    border-bottom: 4px solid #999;
    padding-left: 0;
}

/* --------------------------------------------------------------- */
#mp-main {
	margin: 1em 0;
    width: 100%;
	color: #fff;
}

#mp-main div.errs {
	color: #ff0000;
	background-color: #ffffff;
}

#mp-main div.fieldset {
	border: none;
}
#mp-main div.fieldset dl {
	margin: 0;
	padding:0;
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
#mp-main div.fieldset dt {
	background-image: none;
	margin: 0;
    padding: .5em;
	height: unset;
    color: #333333;
	background-color: #EAEAEA;
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
	width: 30%;
}
#mp-main div.fieldset dt:first-of-type {
	border-top: 1px solid #ccc;
}
#mp-main div.fieldset dt span.required {
	background-image: none;
}
#mp-main div.fieldset dt span.required::after {
	content: '※必須';
	color: #f00;
}
#mp-main div.fieldset dd {
	margin: 0;
    padding: .5em;
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	width: 60%;
}
#mp-main div.fieldset dd:first-of-type {
	border-top: 1px solid #ccc;
}

textarea {
	width: 99%;
}

@media screen and (max-width: 767px) {
	#mp-main div.fieldset dt {
		width: 100%;
	}
	#mp-main div.fieldset dd {
		width: 100%;
		border-left: 1px solid #ccc;
	}
}