.field {
	display: flex;
justify-content: space-around;
	border: 0px solid #666;
	width:70%;
	margin: 0 auto;
	
}
.acvcont{
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: space-between;
    align-items: top;
	border: 0px solid #ff0000;
	width: 99%;
}
.ribbon12-wrapper { 
  position: relative;
  margin: 20px;
  padding: 10px 0;
  width: 340px;
	background: #f1f1f1;
		border: 0px solid #666;
  }
.ribbon12-wrapper h3{  
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding: 10px 10px;
}
.ribbon12-wrapper img{
	display: flex;
  justify-content: center;
  align-items: center;
	margin: auto !important;
  padding: 8px;
 width: 80%;
	color: white;
	background: #fff;
border: solid 1px #666;
}
.ribbon12 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  font-size: 22px;
  color: white;
  background: #aaa;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon12:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #666;
}
@media (max-width: 768px){
	.field{
	width:90%;}

.ribbon12 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 0 -20px;
  width: calc(100%);
  font-size: 22px;
  color: white;
  background: #aaa;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.ribbon12:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
	}

}
.field img{
width: 200px;
height: 200px;
border: 2px solid #666; /* 円の線の太さと色の設定 */
border-radius: 50%;
margin: 0;
}
.field p{
text-align:center;
}
.kakeru{
  top: 0;
  bottom: 0;
  margin: auto;
	font-size:6em;
	width:20%;
	text-align:center;
}
.wrapper_left{
	width:99% !important;
	margin:0 auto;
	clear:both;
}
.wrapper_right{
	width:99% !important;
	margin-right:-24px;
	clear:both;
	text-align:right;
}
/* アイコン付き吹き出し（左側） */
.talk10 {
	margin-bottom: 10px;
			display:  inline-block;
}

.talk10 figure img {
width: 100%;
height: 100%;
border: 2px solid #666; /* 円の線の太さと色の設定 */
border-radius: 50%;
margin: 0;
}

p.talk10-text {
margin: 0 0 8px;
}

p.talk10-text:last-child {
margin-bottom: 0px;
}

.talk10:after,.talk:before {
clear: both;
content: "";
display: block;
}

.talk10-img {
margin-left: 4px;
margin-top: -1px;
float: left;
width: 70px;
height: 70px;
}

.talk10-txt {
color: #444; /* 吹き出し内テキストの色 */
position: relative;
margin-left: 100px;
padding: 0.8em 0.8em 0.2em 0.8em;
border: 2px solid #666; /* 吹き出し線の太さと色の設定 */
background-color: #fff; /* 吹き出しの背景色 */
	border-radius: 15px; /* 吹き出しの角の丸み */
}

.talk10-txt:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #666; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */
top: 18px;
left: -20px;
}

.talk10-txt:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #fff;
top: 18px;
left: -17px;
}
/* アイコン付き吹き出し（右側） */
.talk11 {
	margin-bottom: 10px;
		display:  inline-block;
}

.talk11 figure img {
width: 100%;
height: 100%;
border: 2px solid #666; /* 円の線の太さと色の設定 */
border-radius: 50%;
margin: 0;
}

p.talk11-text {
margin: 0 0 8px;
}

p.talk11-text:last-child {
margin-bottom: 0px;
}

.talk11:after,.talk:before {
clear: both;
content: "";
	display: block;

}

.talk11-img {
margin-right: 4px;
margin-top: -1px;
float: right;
width: 70px;
height: 70px;
}

.talk11-txt {
		text-align:left !important;
position: relative;
margin-right: 100px;
padding: 0.8em 0.9em 0.2em 0.6em;
border: 2px solid #666; /* 吹き出し線の太さと色の設定 */
background-color: #eee; /* 吹き出しの背景色 */
	border-radius: 15px; /* 吹き出しの角の丸み */
}

.talk11-txt:before {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #666; /* 吹き出しの三角形の設定（色以外の変更は非推奨） */
top: 18px;
right: -20px;
}

.talk11-txt:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #eee;
top: 18px;
right: -17px;
}