/* =========================
ah_recruit number 数字で見る赤ちゃん本舗
========================= */
/* =========================
margin
========================= */

.mt-0 {
	margin-top: 0;
}

.num-box__cnt .mt-20 {
	margin-top: 20px;
}


/* =========================
contents
========================= */

.number-wrapper {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

@media screen and (max-width: 960px) {
	.number-wrapper {
		padding: 0 20px;
	}
}

.number-num__inner {
	display: flex;
	max-width: 880px;
	margin: 0 auto;
	flex-wrap: wrap;
	margin-top: 60px;
	gap: 40px;
	padding-bottom: 80px;
}

@media screen and (max-width: 960px) {
	.number-num__inner {
		margin-top: 40px;
		gap: 20px;
		padding-bottom: 40px;
	}
}

.num-box {
	display: flex;
	max-width: 100%;
	width: 420px;
	height: 340px;
	background-color: #FFFAFA;
	border-radius: 20px;
	text-align: center;
	padding: 40px 20px 20px 20px;
	flex-direction: column;
}

@media screen and (max-width: 960px) {
	.num-box {
		width: 100%;
		height: 79vw;
	}
}

.num-ttl {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #E60012;
}

@media screen and (max-width: 960px) {
	.num-ttl {
		font-size: 4.3vw;
		line-height: 1.3em;
	}
}

.num-ttl:before, .num-ttl:after {
	border-top: 2px solid #E60012;
	content: "";
	flex-grow: 1;
}
.num-ttl:before {
	margin-right: 1em;
}

.num-ttl:after {
	margin-left: 1em;
}

.num-number {
	font-family: 'Nunito', sans-serif;
	font-size: 64px;
	font-weight: 800;
	color: #E60012;
	margin-top: 15px;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 960px) {
	.num-number {
		font-size: 13vw;
		margin-top: 20px;
	}
}

.num-number span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.num-number02 {
	font-family: 'Nunito', sans-serif;
	font-size: 48px;
	font-weight: 800;
	color: #E60012;
	letter-spacing: 0.001em;
}

@media screen and (max-width: 960px) {
	.num-number02 {
		font-size: 10.2vw;
		margin-top: 3px;
		letter-spacing: -0.01em;
	}
}

.num-number02 span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.num-s__red {
	font-size: 14px;
	font-weight: bold;
	color: #E60012;
}

@media screen and (max-width: 960px) {
	.num-s__red {
		font-size: 3.7vw;
	}
}

.num-m__red {
	font-family: 'Nunito', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #E60012;
}

@media screen and (max-width: 960px) {
	.num-m__red {
		font-size: 5.6vw;
	}
}

.num-small {
	font-size: 12px;
	font-weight: 500;
}

@media screen and (max-width: 960px) {
	.num-small {
		font-size: 3.2vw;
	}
}

.num-sub {
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
}

@media screen and (max-width: 960px) {
	.num-sub {
		font-size: 3.2vw;
	}
}

.num-number__sub {
	font-size: 12px;
	font-weight: bold;
	margin-top: 30px;
}

@media screen and (max-width: 960px) {
	.num-number__sub {
		font-size: 3.2vw;
	}
}

.num-box__wrapper {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	width: 100%;
	gap: 15px;
}

.num-box__wrapper01 {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	width: 100%;
	gap: 25px;
}

.num-box__cnt {
	
}

.num-ttl__sub {
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
}

@media screen and (max-width: 960px) {
	.num-ttl__sub {
		font-size: 3.2vw;
	}
}

/* =========================
img関連
========================= */

.num-img__box {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-grow: 1;
	padding-bottom: 25px;
}

@media screen and (max-width: 960px) {
	.num-img__box {
		align-items: center;
	}
}

@media screen and (max-width: 767px) {
	.num-img__box {
		padding-bottom: 20px;
		align-items: flex-end;
	}
}

.num-img__box img {
	width: 45.5%;
}

.num-img__box .num-img01 {
	width: 86%;
}

.num-img__box .num-img03 {
	width: 34%;
}

.num-img__box .num-img04 {
	width: 32%;
}

.num-img__box .num-img05 {
	width: 53%;
}

.num-img__box .num-img06 {
	width: 28.5%;
	padding-bottom: 7px;
}

@media screen and (max-width: 960px) {
	.num-img__box .num-img06 {
		padding-bottom: 17px;
	}
}

.num-img__box .num-img07, .num-img__box .num-img08 {
	width: 27%;
}

.num-img__box .num-img09 {
	width: 19%;
}

.num-img__box .num-img10 {
	width: 32.5%;
	padding-bottom: 10px;
}

.num-img__box .num-img11 {
	width: 56.5%;
}

.num-img__box .num-img12 {
	width: 22%;
}

/* =========================
number-list
========================= */

.number-list__wrapper {
	background-color: #F8F8F8;
	padding-bottom: 40px;
}

@media screen and (max-width: 960px) {
	.number-list__wrapper {
		padding-bottom: 10px;
	}
}

.number-list__inner {
	max-width: 880px;
	margin: 0 auto;
}

@media screen and (max-width: 960px) {
	.number-list__inner {
		padding: 0 20px;
	}
}

.num-li__note {
	font-size: 14px;
	font-weight: 500;
	padding: 40px 0;
}

@media screen and (max-width: 960px) {
	.num-li__note {
		padding: 25px 0 3px;
	}
}

.num-li__cnt {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 960px) {
	.num-li__cnt {
		display: block;
	}
}

.num-li__cnt p {
	line-height: 1.6em;
}

.num-li__cnt dt {
	font-size: 14px;
	font-weight: bold;
	width: 23%;
	padding: 16px 0;
	border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 960px) {
	.num-li__cnt dt {
		border-bottom: none;
		width: 100%;
		padding: 16px 0 0 0;
	}
}

.num-li__cnt dd {
	font-size: 14px;
	font-weight: 500;
	width: 77%;
	padding: 16px 0;
	border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 960px) {
	.num-li__cnt dd {
		width: 100%;
		padding: 0 0 16px 0;
	}
}

.num-li__cnt dt:last-of-type {
	border-bottom: none;
}

.num-li__cnt dd:last-child {
	border-bottom: none;
}

/* =========================
number-btn
========================= */

.number-btn {
	margin: 40px auto 60px;
	text-align: center;
}

.number-btn a {
	width: 100%;
	max-width: 300px;
	display: inline-block;
	padding: 12px 40px;
	border: 1px solid #E60412;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #E60412;
}