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

/* -------------------------------
PRODUCTS TOP
------------------------------- */

.midashi02::after {
  background: url("/themes/lactoferrin-lab/products/images/tit_pc.webp") no-repeat bottom center;
  background-size: cover;
}
.products > div { padding-top:60px; }
.products > div > div h2 {
	font-size: 20px;
	margin-top: 20px;
	align-items: center;
  	display: flex;
}
.products h2 sup {font-size: 10px;}
.products > div > div h2::before,
.products > div > div h2::after {
  	background-color: #007167;
  	border-radius: 5px;
  	content: "";
  	flex-grow: 1;
 	 height: 1px;
}
.products > div > div h2::before {
  	margin-right: 35px;
}
.products > div > div h2::after {
  	margin-left: 35px;
}
.products > div h2 {
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
}
.products > div > div > div {
	margin-top: 30px;
}
.products h3 {
	font-size: 16px;
	line-height: 1.5;
}
.products h3 span {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	background: #CC96AA;
	padding: 5px;
	margin-bottom: 10px;
}
.products > div > div > div > div p {
	font-size: 13px;
	margin-top: 15px;
}
.products .other {
	border-top:solid 1px #D8D6D7;
	padding-top:40px;
	margin-top: 60px;
}
.products .other > div {
	margin-top: 40px;
}
.products .other h3 span {
	display: inline-block;
	text-align: left;
	color: #007167;
	background: none;
	padding: 0 0 2px;
	border-bottom: dotted 1px #007167;
}
.products dl {
	margin-top: 40px;
	padding-bottom: 60px;
}
.products dl dt {
	font-size: 13px;
	background: #F4E9ED;
	display: inline-block;
	padding: 2px 5px;
	font-weight: normal;
}
.products dl dd {
	font-size: 12px;
	margin-top: 10px;
}
@media screen and (max-width: 810px){
	.midashi02::after {
		background: url("/themes/lactoferrin-lab/products/images/tit_sp.webp") no-repeat bottom center;
  		background-size: 100% auto;
	}
	.products {margin-top:250px;}
	.products > div { padding-top:30px; }
	.products > div > div h2 {
		font-size: 19px;
  		display: block;
		line-height: 1.4;
	}
	.products > div > div h2::before,
	.products > div > div h2::after {
		display: none;
	}
	.products > div > div h2::before {
  		margin-right: 0;
	}
	.products > div > div h2::after {
  		margin-left: 0;
	}
	.products > div h2 {
		font-size: 19px;
	}
	.products h3 span {
		display: inline-block;
		padding: 5px;
		margin-bottom: 5px;
	}
	.products .nmg {
		margin: -12px 0 0 10px;
	}
	.products .mhr {
		border-top:solid 1px #D8D6D7;
		margin-top: 30px;
	}
	.products > div > div > div > div p {
		font-size: 12px;
		margin-top: 10px;
	}
	.products .other {
		padding-top:30px;
		margin-top: 40px;
	}
	.products dl dd {
		font-size: 10px;
	}
}