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

/* -------------------------------
motherhoof TOP
------------------------------- */

.midashi02::after {
  background: url("/themes/lactoferrin-lab/sdgs/motherhood/images/tit_pc.webp") no-repeat bottom center;
  background-size: cover;
}
.report:first-of-type {
	border-bottom: solid 1px #FFF;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.report h2 {
	font-size: 22px;
	margin: 10px 0 40px;
}
.report > div > div > p {
	font-size: 15px;
}
.report .result {
	background: #FFF;
	padding: 20px;
	margin-top: 30px;
	text-align: center;
}
.report .result dt {
	font-size: 18px;
	color:  #CC96AA;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 300;
	margin-bottom: 10px;
}
.report .result dt::before,
.report .result dt::after {
  	background-color: #CC96AA;
  	border-radius: 5px;
  	content: "";
  	width: 20px;
 	 height: 1px;
}
.report .result dt::before {
  	margin-right: 10px;
}
.report .result dt::after {
  	margin-left: 10px;
}
.report .result dd {
	color: #007167;
	font-size: 20px;
}
.joicfp {
	margin-top: 60px;
}
.joicfp .midashi06 {margin-bottom: 80px;}
.joicfp > div > div > p {
	font-size: 15px;
	margin-bottom: 20px;
	text-align: justify;
}

@media screen and (max-width: 810px){
	.midashi02::after {
		background: url("/themes/lactoferrin-lab/sdgs/motherhood/images/tit_sp.webp") no-repeat bottom center;
  		background-size: 100% auto;
	}
	.sdgs .lead {
		padding: 0 20px 30px;
	}
	.report h2 {
		font-size: 18px;
		margin: 10px 0 20px;
	}
	.report > div > div > p {
		font-size: 14px;
		padding: 0 15px;
	}
	.report:first-of-type {
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.joicfp {
		margin-top: 20px;
	}
	.joicfp .midashi06 {margin-bottom: 30px;}
	.joicfp > div > div > p {
	font-size: 14px;
		padding: 0 15px;
}
}