@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 768px) {
}

/***************************************************************************
box（共通）
****************************************************************************/

.rel_box {
	position: relative;
	background-color: #C2D69A;
	margin-bottom: 25px;
}
.rel_box p {
	padding: 15px 15px 15px 250px;
}
.ab_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	background-color: #93CDDD;
}

/***************************************************************************
height_box_flex
****************************************************************************/

#height_box_flex {
      display: flex;
      flex-wrap: wrap;
}
#height_box_flex .rel_box {
      width: 50%;
}
@media only screen and (max-width: 768px) {
#height_box_flex .rel_box {
      width: 100%;
}
}