@charset "utf-8";
/* CSS Document */

.wrap {
  display: flex;
  margin-bottom:20px;
}

.one {
  width: 33%;
  border: 0px solid green;
}

.one ul{
	display:table;
	margin:0 auto;
}
.one li {
	font-size:1.2em;
	list-style:none;
	text-align:center;
	margin-bottom:.2em;
}

.two {
  width: 33%;
  border: 0px solid blue;
}
.two ul{
	display:table;
	margin:0 auto;
}
.two li {
	font-size:1.2em;
	list-style:none;
	text-align:center;
	margin-bottom:.2em;
}

.three {
  width: 33%;
  border: 0px solid red;
}
.three ul{
	display:table;
	margin:0 auto;
}
.three li {
	font-size:1.2em;
	list-style:none;
	text-align:center;
	margin-bottom:.2em;
}

@media (max-width: 767px) {
  .wrap {
    flex-direction: column;
  }
  .one,
  .two,
  .three {
    width: auto;
	text-align:center;
  }
}