@charset "UTF-8";

/* ===========================================================

数字で見るハウスフリーダム

=========================================================== */
.infographic__list-inner {
	border:#c50a34 solid 3px;
	padding:20px;
}
.infographic_img {
	display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
.infographic_img img {
	vertical-align: middle;
}
.infographic__list-inner p {
	font-size: 1.2rem;
}
.infographic__list-inner .infographic__list-num {
	font-size: 1.6rem;
	text-align: center;
}
.infographic__list-num span {
	display:inline-block;
	font-size: 3.5rem;
	font-weight: bold;
	width: auto;
	line-height: 1.2;
}
.infographic__list-flex {
	display: flex;
}
.infographic__list li:nth-child(2) .infographic_img {
	padding-top: 10%;
}
.infographic__list li:nth-child(3) .infographic_img {
	padding-top: 5%;
}
.infographic__list li:nth-child(6) .infographic_img {
	padding-top: 20%;
}
.infographic__list li:nth-child(7) .infographic_img img {
	max-width: 110px;
}
.infographic__list-flex-box {
	-ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}


@media screen and (min-width: 768px) {
	.infographic__list-inner {
		border:#c50a34 solid 3px;
		padding:30px;
	}
	.infographic__list li:nth-child(3) .infographic_img {
		padding-top: 10%;
	}
	.infographic__list li:nth-child(4) .infographic_img {
		padding-top: 20px;
	}
	.infographic__list li:nth-child(6) .infographic_img {
	    padding-top: 11%;
	}
	.infographic__list li:nth-child(7) .infographic_img img {
	    max-width: 135px;
	}
}


@media screen and (min-width: 992px) {
	.infographic__list-flex {
		max-width: 510px;
    	margin: auto;
	}
	.infographic_img {
		margin-bottom: 20px;
	}
	.infographic__list li:nth-child(6) .infographic_img {
	    padding-top: 5px;
	}
	.infographic__list li:nth-child(7) .infographic_img img {
	    max-width: 175px;
	}
	.infographic__list-inner p {
		font-size: 1.6rem;
	}
	.infographic__list-inner .infographic__list-num {
		font-size: 3.4rem;
	}
	.infographic__list-num span {
		font-size: 7.2rem;
		line-height: 1;
	}
}
