@charset "UTF-8";

/*---pagettl--------------------*/

#pagettl{
	background-image: url(../img/numbers/pagettl_bg01.jpg);
}

/*---numbers--------------------*/

#numbers{
	padding: 50px 0 95px;
}
#numbers .txt{
	font-size: 1.6rem;
	text-align: center;
}
#numbers .itemlist{
	max-width: 1057px;
	margin: 25px auto 0;
}
#numbers .itemlist li{
	float: left;
	margin: 13px 10px;
	width: calc(100% / 3 - 20px);
}
#numbers .itemlist li.item3{
	margin-bottom: calc(6px + 1.35%);
}

#numbers .itemlist li.item4{
	margin-top: calc(6px + 1.35%);
	width: calc(100% / 3 * 2 - 20px);
}
#numbers .itemlist li.item9{
/*	margin-top: calc(6px + 1.35%); */
	width: calc(100% / 3 * 2 - 20px);
}

@media screen and (max-width: 768px) {


/*---numbers--------------------*/

	#numbers{
		padding: 8vw 0 10vw;
	}
	#numbers .txt{
		font-size: 3.2vw;
	}
	#numbers .itemlist{
		max-width: 1057px;
		margin: 4vw auto 0;
	}
	#numbers .itemlist li{
		margin: 1.5%;
		width: 47%;
	}
	#numbers .itemlist li.item3{
		margin: 3.5% 1.5% 1.5%;
	}
	#numbers .itemlist li.item4{
		width: 97%;
		margin: 1.5%;
	}
	#numbers .itemlist li.item9{
		width: 97%;
		margin: 1.5%;
	}

}