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

@media only screen and (min-width: 768px) {
.balloon{
	max-width:100%;
	margin:20px auto;
	display:block;
	align-items: center;
	justify-content: center; 
}
	
/*h2見出しのバルーン*/
.balloon-h2 {
  position: relative;
  margin: 0.5em 0 0.5em;
  padding: 10px 20px 15px;
  max-width:100%;
  color: #fff;
  font-size:2.5em;
	font-weight:600;
  background:#38a39d;
	border-radius:15px;
	text-align: center;
}

.balloon-h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #38a39d;
}
	
/*h4見出しのバルーン*/
.balloon-h4 {
  position: relative;
  margin: 30px 0 0.5em;
  padding: 10px 20px 15px;
  max-width:100%;
  color: #fff;
  font-size:1.5em;
	font-weight:600;
  background:#91CA60;
	border-radius:15px;
	text-align: center;
}

.balloon-h4:before {
  content: "";
  position: absolute;
  top:-28px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #91CA60;
}

.balloon-h4 p{
  margin: 0;
  padding:10px;
	background:#fff;
	color:#363636;
	font-size:0.8em;
	text-align: left;
	border-radius: 10px;
	
}

}

@media only screen and (max-width: 767px) {
	
.balloon{
	max-width:100%;
	margin:20px auto;
	display: block;
	align-items: center;
	justify-content: center; 
}
	
/*h2見出しのバルーン*/
.balloon-h2 {
  position: relative;
  margin: 0.5em 0 0.5em;
  padding: 10px 10px 15px;
  max-width:100%;
  color: #fff;
  font-size:1.4em;
  font-weight:600;
  background:#38a39d;
  border-radius:15px;
  text-align: center;
}

.balloon-h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #38a39d;
}

/*h4見出しのバルーン*/
.balloon-h4 {
  position: relative;
  margin: 0.5em 0 0.5em;
  padding: 10px 20px 15px;
  max-width:100%;
  color: #fff;
  font-size:1.2em;
	font-weight:600;
  background:#91CA60;
	border-radius:7px;
	text-align: center;
}

.balloon-h4:before {
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #91CA60;
}
	
.balloon-h4 p{
  margin: 0;
  padding:10px;
	background:#fff;
	color:#363636;
	font-size:0.8em;
	text-align: left;
	border-radius: 10px;
	
}

}