/*=================================
意見交換。
===============
====================================================*/
.supplementary-words-frame{
margin:45px 35px 60px;
}

.supplementary-words-box{
	/*padding-bottom:10px;*/
	position:relative;
	margin:0 0 38px 0;
}
.supplementary-words{
	margin-left:22px;
	padding-left:25px;
	/*padding-top:5px;
	padding-bottom:5px;*/
	border-left:1px solid #e5e5e5;
}
.supplementary-words-box p{
	font-size:14px;
	margin-bottom:21px;
}
.supplementary-words-box p:last-child{
	margin-bottom:0;
}
.supplementary-words-data-box{
	margin-bottom:20px;
	/*border-bottom:1px solid #ddd;*/
	display:flex;
}
/*.supplementary-words-box::before,.supplementary-words-small-box::before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-5px;
	border-left:1px solid #7ba092;
	height:5px;
}
.supplementary-words-box::after,.supplementary-words-small-box::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	border-bottom:1px solid #7c9e92;
	margin:0 auto;
	width:11px;
}*/

.supplementary-words-icon{
	margin-right:18px;
}
.supplementary-words-icon img{
	width:48px;
	height:48px;
	border-radius:50%;
}

.supplementary-words-name-and-data-box{
	font-size:12px;
	height:48px;
}
.supplementary-words-name{
	color:rgb(13, 138, 160);
	height:24px;
	line-height:24px;
	letter-spacing:0.8px;
}

.supplementary-words-date{
	color:#0e5f52;
	height:24px;
	line-height:24px;
	letter-spacing:0.8px;
}
.supplementary-words-image{
	margin-top:30px;
}
/*-------------------------
返信枠
------------------------------*/

.-supplementary-words-box-small{
	padding-left:48px;
}

/*.supplementary-words-small-box::before{
	content:"";
	position:absolute;
	left:50%;
	bottom:-5px;
	border-left:1px solid #7ba092;
	height:5px;
}
.supplementary-words-small-box::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	border-bottom:1px solid #7c9e92;
	margin:0 auto;
	width:11px;
}*/

/*=================================
口コミ単純型。
===============
====================================================*/
.review-simple-frame{
	margin:0 30px;
	padding:0;
	list-style:none;
	color:#2a4239;
}
.review-simple-frame li{
display:flex;
}
.review-simple-frame li + li{
margin-top:30px;
}
/* 小枠 */
.rs-small{
padding:0;
margin:0 0 0 28px;
}
/* コンテナ */
.rs-container{
max-width:100%;
}
/* アイコン */
.rs-icon{
margin:0;
padding:0;
min-width:52px;
}
.rs-icon img{
width:40px;
height:auto;
/* border:3px gold solid; */
border-radius:50%;
}
.rs-small .rs-icon{
margin:0;
padding:0;
min-width:42px;
}
.rs-small .rs-icon img{
	width:30px;
}
/* 概略 */
.rs-outline{
margin:0 0 8px 0;
padding:0;
font-size:10px;
}
/* 文字 */
.rs-text{
max-width:100%;
padding:0;
font-size:12px;
text-align:left;
line-height:1.7;
position:relative;
}
/* 情報 */
.rs-data{
margin:8px 0 0 0;
padding:0;
font-size:10px;
}

/*-------------------------
クチコミ2｜吹き出し
------------------------------*/
/* 吹き出し枠 */
.review-speechbubble{
margin:0;
padding:0;
list-style:none;
}
.review-speechbubble li{
display:flex;
}
.review-speechbubble li + li{
margin-top:30px;
}
/*コンテナ*/
.rsb-container{
max-width:100%;
}
/* 吹き出し色 */
.rsb-white{
	background-color:#fff;
}
.rsb-gray{
	background-color:#f0f0f0;
}
.rsb-green{
	background-color:#dffcd1;
	color:#3c5a2d;
}
.rsb-blue{
	background-color:#ccebfa;
	color:#185d83;
}
.rsb-pink{
	background-color:#fddef8;
	color:#a82f8a;
}
.rsb-orange{
	background-color:#fdf7d6;
	color:#554519;
}
/* 吹き出し左側 */
li.rsb-left{
text-align:left;
}
/* 吹き出し右側 */
li.rsb-right{
flex-direction:row-reverse;
text-align:right;
}
/* アイコン */
.rsb-icon{
margin:0;
padding:0;
min-width:60px;
/* background:pink; */
}
.rsb-icon img{
width:45px;
height:auto;
/* border:3px gold solid; */
border-radius:50%;
}
/* アイコンボーダー色設定 */
.rsb-border-black img{
border:3px solid #333;
}
/* 概略 */
.rsb-outline{
margin:0 0 5px 0;
padding:0;
font-size:10px;
}
/* 文字 */
.rsb-text{
max-width:100%;
padding:15px 20px;
border:1px #999 solid;
border-radius:8px;
box-shadow:0 2px 1px #ccc;
font-size:12px;
text-align:left;
line-height:1.6;
position:relative;
}
/* 矢印 */
.rsb-text::before{
content:'';
width:0;
height:0;
border-style:solid;
position:absolute;
}
.rsb-left .rsb-text::before{
top:20px;
left:-13px;
border-width:0px 13px 13px 0px;
border-color:transparent #999 transparent transparent;
z-index:-1;
}
.rsb-right .rsb-text::before{
top:20px;
right:-13px;
border-width:0px 0px 13px 13px;
border-color:transparent transparent transparent #999;
z-index:-1;
}

/*-------------------------
クチコミ3｜混合
------------------------------*/
.review-mix{
margin:0;
padding:0;
list-style:none;
}
.review-mix li{
	display:flex;
	}
	.review-mix li + li{
	margin-top:30px;
	}

/* 画像 */
.review-img{
	text-align:center;
	margin-top:16px;
	/* margin-bottom:28px; */
	position:relative;
	}
	.review-img img{
	border-radius:5px;
	width:100%;
	max-width:100%;
	height:auto;
	}