@charset "utf-8";
/* fm.css */

#fm ul li {
	display: flex;
	justify-content: space-between;

	padding-top: 0.50rem !important;
	margin-bottom: 0.50rem !important;
}
	#fm ul li#area_btns {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.btn-primary {
		color: white !important;
	}

	#fm ul li > label {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;

		width: 23%;
	}

		#fm ul li > label::after {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;

			width: 35px;
			content: "必須";
			padding: 0.15rem;
			margin-left: 0.50rem;
			background: red;
			border: 1px solid rgba(220 220 220/ 1.00);
			border-radius: 3px;

			color: white;
			font-size: 0.75rem;
			white-space: nowrap;
		}

	#fm ul li > span {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: start;

		width: 75%;
	}

		#fm ul li > span > span:nth-child(2) {
			margin-left: 1.00rem;
		}

		#fm ul li span input,
		#fm ul li span textarea {
			display: inline-block;
			margin-right: 0.50rem;
		}

			#fm ul li span textarea {
				width: 100% !important;
			}

		.form-control,
		.form-select {
			display: inline-block !important;
			width: auto !important;
		}

		.grp_hd {
			display: flex !important;
			align-items: center;
			padding-bottom: 0.25rem !important;
			padding-left: 0.75rem !important;
			margin-top: 0.50rem !important;
			background: rgba(245 245 245/ 1.00);
			border-left: 8px solid rgba(20 60 155 / 1.00);
			color: rgba(20 60 155 / 1.00) !important;
		}