@charset "utf-8";
.balloon{
  border-radius: 12px;
  position: relative;
  display: inline-block;
	max-width: calc(100% - 32px);
	box-shadow: var(--shadow)
}
.balloon1 {
  background: #e0edff;
	margin: 0 16px 24px;
  padding: 16px 24px;
}
.balloon2 {
  background: #fff;
	margin: 0 16px 24px auto;
  padding: 32px 24px;
	text-align: left
}
.balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.balloon1:before {
  left: -26px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}
.balloon2:before {
  right: -26px;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
}
.balloon1Div {
  margin: 0;
  padding: 0;
}
.balloon p{
	text-indent: 0;
  margin-top:24px;
}
.balloon p:first-of-type{
  margin-top: 0px;
}
.balloonGr,.grid0104{
	margin: 0 16px 24px;
	background-color: #fff
}
.balloonGr{
	grid-template-columns: auto 1fr
}
.balloonGr .item1{
	text-align: center;
	width: 6em
}
.balloon2_img_div{
	width: 100%;
	max-width: 560px
}
.balloon2_img_div img{
	width: 100%;
	object-fit: contain
	
}
@media screen and (max-width:766px) {
}
@media screen and (max-width:560px) {.grid0104{
	font-size: small
	}
}