.flexBox{
display : flex;
justify-content: center;
align-items : center;
}

.flexBox > div:nth-child(n + 2) {
margin-top : 0 !important;
}

.contentsBox{
width : 30%;
border : 4px solid #999;
padding : 2em;
}

.flowBox{
padding : 2em;
}


	.balloon2-left {
	  position: relative;
	  display: inline-block;
	  margin: 1.5em 0 1.5em 15px;
	  padding: 7px 10px;
	  min-width: 120px;
	  max-width: 100%;
	  color: #555;
	  font-size: 16px;
	  background: #FFF;
	  border: solid 3px #555;
	  box-sizing: border-box;
	}

	.balloon2-left:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: -24px;
	  margin-top: -12px;
	  border: 12px solid transparent;
	  border-right: 12px solid #FFF;
	  z-index: 2;
	}

	.balloon2-left:after {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: -30px;
	  margin-top: -14px;
	  border: 14px solid transparent;
	  border-right: 14px solid #555;
	  z-index: 1;
	}

	.balloon2-left p {
	  margin: 0;
	  padding: 0;
	}



.flexBox img{
max-width : fit-content;
}

.mAuto{
margin : 0 auto;
}

@media screen and (max-width: 767px){
.flexBox{
flex-direction:column;
}

.flexBox > div{
width : 90%;
margin : 0 auto;
}

	.balloon2-left {
	  border: none;
	}

	.balloon2-left:before {
	  border: none;
	}

	.balloon2-left:after {
	  border: none;
	}

	.balloon2-left p {
	  margin: 0;
	  padding: 0;
	}

}