@charset "shift_jis";

/* page == helpful
------------------------------------------------------------------*/
.commentWrap{
	padding:3.13% 4.24%;
	border-radius: 13px;
	border:1px solid #beeee5;
  	box-sizing: border-box;
  	position: relative;
  	margin-bottom: 7%;
}
.commentWrap:before{
	content: "";
	position: absolute;
	width: 26px;
	height: 23.5px;
	background: url(/brand/breathcare/sp/img/img_commentHead.png) no-repeat center center / 100% auto;
	top:-23.5px;
	left:20%;	
}
#contentsWrap h2.fact_pagetit {
    position: relative;
    text-align: center;
    margin: 0;
    border: none;
}
#contentsWrap h2.fact_pagetit::after {
    position: absolute;
    bottom: -8vw;
    left: -5vw;
    content: "";
    width: 39vw;
    height: 31vw;
    background-image: url(/brand/breathcare/img/helpful_pagetit01_model.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#contentsWrap h2.fact_pagetit img {
    width: 55%;
    padding: 4vw 0 2vw 5vw;
}
#contentsWrap .toptext {
    margin-bottom: -1.3vw;
}
#contentsWrap .toptext li {
    color: #666;
    font-size: 11px;
    line-height: 1.455;
    padding-left: 1em;
    text-indent: -1em;	
}
#contentsWrap .inner {
    border-top: 3px solid #169041;
    margin-top: -1vw;
    padding-top: 2.08vw;
    position: relative;
    background: #fff;
}
.commentWrap:before{
	left:49%;	
}
.commentWrap p:not(:last-child){
	margin-bottom:5%;
}
.inner .comment {
    display: flex;
    align-items: center;
    margin-bottom: 3.91vw;
}
.inner .comment .imgPerson {
    width: 29.56vw;
    margin-right: 8.59vw;
}
.inner .comment .text {
    width: 45.57vw;
    border-radius: 13px;
	border:1px solid #beeee5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.6vw 3.91vw 3.91vw!important;
    position: relative;
}
.inner .comment .text::after {
	content: "";
	display: inline-block;
	background: url(/brand/breathcare/sp/img/img_commentHead.png) no-repeat center center / 100% auto;
	background-repeat: no-repeat;
	width: 26px;
	height: 23.5px;
	position: absolute;
	top: 50%;
	left: -24px;
    transform: rotate(-90deg) scaleX(-1) translateX(-50%);
}