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

.midashi02::after {
  background: url("/themes/lactoferrin-lab/teiki/images/tit_pc.webp") no-repeat bottom right;
  background-size: cover;
}
.step {
	width: 100%;
	max-width: 1080px;
	margin: 50px auto;
	padding: 50px 0;
	border-bottom: solid 1px #D1D0CF;
	position: relative;
}
.arrow::before {
  content: '';
  width: 2em;
  height: 2em;
  border: 1px solid #D1D0CF;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  position: absolute;
  left: 50%;
  bottom: -4em;
  box-sizing: border-box;
}
.step h2 {
	font-size: 22px;
}
.step h2 span {
	font-size: 65px;
	font-weight: 100;
	margin-right: 10px;
}
.step h3 {
	font-size: 20px;
	margin-bottom: 5px;
}
.step h3 span {	
	margin-right: 10px;
}
.step .icon img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.step .lbtn {
	max-width: 340px;
	margin: 20px auto 0;
}
.step .plus {
	text-align: center;
	font-size: 40px;
	color: #007167;
	margin-bottom: 40px;
}
.step:last-of-type {
	border-bottom: none;
}

@media screen and (max-width: 810px){
	.midashi02::after {
		background: url("/themes/lactoferrin-lab/teiki/images/tit_sp.webp") no-repeat bottom center;
  		background-size: 100% auto;
	}
	.step:first-of-type {margin-top: 250px;}
	.step {margin: 30px auto;}
	.step h2 {
		font-size: 20px;
	}
	.step h2 span {
		font-size: 50px;
	}
	.step .icon {
		text-align: right;
		margin-bottom: 15px;
	}
	.step .icon img:first-of-type {width: 36px;}
	.step .icon img:last-of-type {width: 25px;}
	.step h3 {font-size: 16px;}
	.step h3 span {	
		display: block;
		margin-right: 0;
	}
	.step > div > div > div > p {
		font-size: 13px;
	}
	.step:last-of-type {padding-top: 0 !important;}
	.step:last-of-type h2 {margin-bottom: 20px;}
}