@charset "UTF-8";

/* -----------------------------------------------------------
	
----------------------------------------------------------- */
.outline_info {
  border-top: 1px solid #E4E4E4;
  display: flex;
  flex-wrap: wrap;
}
.outline_info dt {
	color: var(--key_color);
    background-color: #FBFBFB;
  font-weight: bold;
  padding: 15px;
  width: 20%;
  border-bottom: 1px solid #E4E4E4;
}
.outline_info dd {
	padding: 15px;
  width: 80%;
  border-bottom: 1px solid #E4E4E4;
}
.caution_text {
	display: inline-block;
	border: 1px solid red;
    padding: 2px 6px;
    color: red;
    font-weight: bold;
	font-size: 90%;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.outline_info dt {
	width: 25%;
}
.outline_info dd {
	width: 75%;
}
}
@media screen and (max-width: 767px) {
.outline_info {
  display: block;
}
.outline_info dt {
	width: 100%;
	padding: 8px;
}
.outline_info dd {
	width: 100%;
	padding: 8px;
}
}