.-pc-none {
	display: none;
}
 @media screen and (max-width: 979px) {
.-pc-none {
	display: block;
}
}
 @media screen and (max-width: 979px) {
.-sp-none {
	display: none;
}
}
.before-after {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.before-after > .col {
	margin: 0;
	border: 1px solid #ccc;
	padding: 10px 10%;
	width: 48%;
}
.before-after3 {
	align-items: stretch;
}
.before-after3 > .col {
	padding: 1%;
	margin: 0 0.5%;
	text-align:center;
}
.before-after3 > .col > .baIcon {
	font-size:95%;
	text-align:center;
	margin-bottom:4%;
}
.before-after3 > .col > .baIcon span {
	background-color:#33c1df;
	color:#fff;
	padding:2%;
	border-radius:5px;
	font-size:85%;
	font-weight:bold;
	margin-left: 5px;
}
.before-after3 > .col > .baIcon span:empty {
	padding:0;
}
.before-after3 > .col > .baComment {
	font-size:90%;
	padding:2%;
	background-color:#f6f6f6;
	margin-top:2%;
}
.before-after3 > img {
	align-self: center;
}
.before-after-sptriangle > .before-after-end {
	clear:both;
	margin:0;
}
.before-after > .col > .expansion {
	background-image: url("https://www.s-b-c.sbs/photo/images/scope.gif");
	background-repeat: no-repeat;
	background-position: 38% center;
	padding-left: 15px;
}

#kanren_slider .item {
	padding:10px;
	height:auto;
}

 @media screen and (max-width: 979px) {
.before-after > .col {
	border: 0;
	padding: 1.5%;
	margin:0;
}
.before-after > .col > .expansion {
	background-position: 18% center;
	padding: 0;
}
.before-after > img {
	width: 4%;
}

/*------------- 関連スライド */
#kanren_slider .slick-prev, 
#kanren_slider .slick-next {
	display:block!important;
	width:30px;
	height:30px;
}
#kanren_slider .slick-prev::before,
#kanren_slider .slick-next::before {
	width:30px;
	height:30px;
}
#kanren_slider .slick-prev {
	left:-10px;
}
#kanren_slider .slick-next {
	right:-10px;
}
/*------------ 縦並び */
.before-after-sptate {
	display:block;
}
.before-after-sptate > .col {
	width:auto;
}
.before-after-sptate > img {
	transform: rotate(90deg);
	display: block;
	margin: 30px auto;
	width: 6%;
}
.before-after-sptate > .col a > img {
	display:block;
	margin:0 auto;
}
/*------------ 三角並び */
.before-after-sptriangle {
	display:block;
}
.before-after-sptriangle > .col.col_before {
	width:auto;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}
.before-after-sptriangle > .col.col_before > .baIcon {
	width: 100%;
	margin-bottom:2%;
}
.before-after-sptriangle > .col.col_before > a,
.before-after-sptriangle > .col.col_before > img {
	width: 48%;
}
.before-after-sptriangle > .col.col_before > .baComment {
	width: 50%;
	margin: 0 0 0 2%;
}
.before-after-sptriangle > img {
	transform: rotate(90deg);
	display: block;
	margin: 30px auto;
	width: 6%;
}
.before-after-sptriangle > .col.col_after1 {
	width:50%;
	float:left;
}
.before-after-sptriangle > img.arrow2 {
	display: none;
}
.before-after-sptriangle > .col.col_after2 {
	width:50%;
	float:right;
}


}

.link-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.link-area > div {
	width: 23.5%;
}
 @media screen and (max-width: 979px) {
.link-area > div {
	margin: 0;
	width: 19%;
}
}
.comment-area {
	background: url("https://www.s-b-c.sbs/photo/images/dapple-bg.png") left top repeat;
	padding: 35px!important;
}
.comment-area > .comment-inner {
	background: #fff;
	padding: 35px 35px 30px;
}
.comment-area > .comment-inner > .title {
	margin-bottom: 10px;
	border-bottom: 5px solid #EFFFDF;
	padding-bottom: 8px;
}
.comment-area > .comment-inner > .dr-comment {
	display: flex;
	margin-bottom: 20px;
}
.comment-area > .comment-inner > .dr-comment > .photo {
	text-align: center;
	width: 30%;
}
.comment-area > .comment-inner > .dr-comment > .text {
	padding-left: 2%;
	width: 70%;
	word-break: break-all;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo {
	margin-top: 10px;
	background-color: #fbf7eb;
	padding: 5%;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-index {
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 7px;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-name {
	font-weight: bold;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-name:before {
	content:'';
	background-image:url(../images/icon_clinic.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
	background-size: cover;
	margin-right:2px;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-tel:before {
	content:'';
	background-image:url(../images/icon_tel.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
	background-size: cover;
	margin-right:2px;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-address:before {
	content:'';
	background-image:url(../images/icon_map.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
	background-size: cover;
	margin-right:2px;
}
.comment-area > .comment-inner > .dr-comment > .photo .photo-clinicInfo .photo-clinicInfo-link a {
	font-size:90%;
	min-height:auto;
}
 @media screen and (max-width: 979px) {
.comment-area {
	padding: 10px!important;
}
.comment-area > .comment-inner {
	padding: 10px;
}
.comment-area > .comment-inner > .dr-comment {
	flex-direction: column;
}
.comment-area > .comment-inner > .dr-comment > .photo {
	width: 100%;
}
.comment-area > .comment-inner > .dr-comment > .text {
	width: 100%;
	margin-top: 20px;
}
}
.dr-link .imglinkBox {
	display: flex;
	flex-wrap: wrap;
}
.dr-link .imglinkBox .imglink {
	width: 32.1%;
	margin-top: 5px;
	margin-left: 10px;
}
.dr-link .imglinkBox .imglink:nth-child(3n+1) {
	margin-left: 0;
}
 @media screen and (max-width: 979px) {
.dr-link .imglinkBox {
	margin-left: 0;
}
.dr-link .imglinkBox .imglink {
	width: 48.4%;
}
.dr-link .imglinkBox .imglink:nth-child(3n+1) {
	margin-left: 10px;
}
.dr-link .imglinkBox .imglink:nth-child(2n+1) {
	margin-left: 0;
}
}
.other-page > .content {
	border-bottom: 1px dotted #666;
}
.other-page > .content > .description {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
 @media screen and (max-width: 979px) {
.other-page > .content > .description {
	flex-direction: column;
}
.other-page > .content > .description > p {
	margin-bottom: 1rem;
	width: 100%;
	text-align: left;
}
}