@charset "utf-8";

.color_red {
	color: red;
}

.optional,
.required_tag {
  font-size: clamp(0.75rem, 0.702rem + 0.19vw, 0.875rem);
  background-color: #9bb2bc;
  padding: 0.25em 1em;
  color: #fff;
  font-weight: normal;
  font-weight: bold;
  border-radius: 0.5rem;
  white-space: nowrap;
}

.required_tag {
	background-color: #ce3030;
}

@media screen and (min-width: 768px) {
	.optional,
	.required_tag {
		margin-right: 5rem;
	}
}

.mb_1rem {
	margin-bottom: 1rem;
}

.ymd-area {
	display: flex;
	justify-content: space-around;
	column-gap: 0.625rem;
	margin: auto;
	width: calc((100% - 1rem) / 3);
}

.ymd-area2 {
	position: relative;
	justify-content: space-around;
	margin: auto;
	width: calc((100% - 1rem) / 2);
}

.ymd-title {
	position: absolute;
	left: 15px;
	top: -8px;
	font-size: 0.8em;
	background: #ffffff;
}

.radio_item {
	display: flex;
	align-items: center;
	column-gap: 0.625rem;
} 

.mw_25r {
	max-width: 25rem;
}