/* CSS Document */

.p-before_after{
	font-size: 0.875rem;
	line-height: 1.7;
	margin: 0.8125rem 0 1rem;
	padding-top: 0.9375rem;
	border-top: #ccc 1px solid;
	display: flex;
	justify-content: space-between;
}
#main h3.p-before_after__label{
	font-size: 1.375rem;
	margin: 0;
	flex: 0 0 auto;
	width: 120px;
}
.p-before_after__text{
	flex: 0 0 auto;
	width: 650px;
}
.p-before_after__list{
	padding-left: 60px;
}
#main .p-before_after__list h4{
	font-size: 1rem;
	margin: 0.25rem 0 0.125rem 0px;
}
.p-before_after__text ul li{
	padding-left: 1.5rem;
	position: relative;
}

.p-before_after__text ul li::before{
	content: "●";
	display: inline-block;
	position: absolute;
	top:0px;
	left: 0.5rem;
}


/*colors*/

#main .p-before h3.p-before_after__label,
#main .p-before .p-before_after__text h4{
	color: #E4007F;
}

.p-before .p-before_after__text ul li::before{
	content: "●";
}


.p-before .p-before_after__list{
	background: url("/news/digest/oct_2019/feature/01/images/arrow_before.svg") no-repeat 0px 0px;
}

#main .p-after h3.p-before_after__label,
#main .p-after .p-before_after__text h4{
	color: #00A0E9;
}
.p-after .p-before_after__text ul li::before{
	content: "◎";
}
.p-after .p-before_after__list{
	background: url("/news/digest/oct_2019/feature/01/images/arrow_after.svg") no-repeat 0px 0px;
}


/*sp*/
.sp .p-before_after{
	display: block;
}
.sp #main h3.p-before_after__label{
	width: auto;
}
.sp .p-before_after__text{
	width: 100%;
}