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

/*ふきだしにする設定 */

.bg-7da4cd
{
background: #7da4cd;
}
.conversation{
  margin:0px 5px 10px 5px;
  padding:5px;
}
.conversation p{
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
}

.conversation:after{
	clear:both;
}


/*(l)左イラスト右ふきだし */
.conversation-img-l{
	width:20%;
 	vertical-align: top;
	float:left;
}
.conversation-img-l img{
	border-radius: 50%;
}

.conversation-body-l{
	width:80%;
	float:left;
}
.conversation-contents-l-fef9fc{
	margin:10px 0px 10px 10px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #fef9fc;
	position: relative;
}
.conversation-contents-l-fef9fc:after{
	content: '';
	position: absolute;
	top: 17px;
	left: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-right-color: #fef9fc;}

.conversation-contents-l-e3f3fb{
	margin:10px 0px 10px 10px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #e3f3fb;
	position: relative;
}
.conversation-contents-l-e3f3fb:after{
	content: '';
	position: absolute;
	top: 17px;
	left: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-right-color: #e3f3fb;}

.conversation-contents-l-edf1ee{
	margin:10px 0px 10px 10px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #edf1ee;
	position: relative;
}
.conversation-contents-l-edf1ee:after{
	content: '';
	position: absolute;
	top: 17px;
	left: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-right-color: #edf1ee;}

.conversation-contents-l-ffffbb{
	margin:10px 0px 10px 10px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #ffffbb;
	position: relative;
}
.conversation-contents-l-ffffbb:after{
	content: '';
	position: absolute;
	top: 17px;
	left: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-right-color: #ffffbb;}


.conversation-contents-l-defad5{
	margin:10px 0px 10px 10px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #defad5;
	position: relative;
}
.conversation-contents-l-defad5:after{
	content: '';
	position: absolute;
	top: 17px;
	left: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-right-color: #defad5;}







/*(r)右イラスト左ふきだし */

.conversation-img-r{
	width:20%;
 	vertical-align: middle;
	float:right;
}
.conversation-img-r img{
	float:right;
	border-radius: 50%;
}
.conversation-body-r{
	width:80%;
	float:right;
}
.conversation-contents-r-ffffbb{
	margin:10px 10px 10px 0px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #ffffbb;
	position: relative;
}
.conversation-contents-ffffbb:after{
	content: '';
	position: absolute;
	top: 17px;
	right: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-left-color: #ffffbb;}


.conversation-contents-r-9dd2ed{
	margin:10px 10px 10px 0px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #9dd2ed;
	position: relative;
}
.conversation-contents-r-9dd2ed:after{
	content: '';
	position: absolute;
	top: 17px;
	right: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-left-color: #9dd2ed;}


.conversation-contents-r-edf1ee{
	margin:10px 10px 10px 0px;
 	padding:15px;
 	border-radius: 15px;
	background-color: #edf1ee;
	position: relative;
}


.conversation-contents-r-edf1ee:after{
	content: '';
	position: absolute;
	top: 17px;
	right: -30px;
	height: 0;
	width: 0;
	border: solid 15px transparent;
	border-left-color: #edf1ee;}