@charset "utf-8";
/* ==========================================================================
   stats（数字で見る実績）共通パーツのグローバルスタイル
   template-parts/stats.php は front-page を含む多数のテンプレで使われるが、
   元々スタイルが css/inhouse.css 内に「.page-inhouse__content .stats…」と
   スコープ限定で書かれていたため /inhouse/ 以外で無スタイルになっていた。
   その共通スタイルをスコープ無しでここに定義し、全ページで読み込む。
   ※ /inhouse/ では inhouse.css の詳細度が高いスコープ付き定義が優先される。
   既存 SCSS はコンパイルせず、このファイル単体で完結させる。
   ========================================================================== */

.stats {
	padding: 5rem 0 1.5rem;
}

.stats__title {
	text-align: center;
	font-size: 1.375rem;
	font-weight: 700;
	margin-bottom: 1.75rem;
}

.stats__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	max-width: 64rem;
	margin: 0 auto;
}

.stats__item {
	background: #fff;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	border: 1px solid #ececec;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.stats__item-head {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.06em;
	font-family: "Noto Serif jp", serif;
}

.stats__item-value {
	margin-top: 14px;
	display: flex;
	align-items: baseline;
	justify-content: center;
	white-space: nowrap;
	font-size: 54px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	background: linear-gradient(90deg, #eba139 0%, #dcd900 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Noto Serif jp", serif;
}

.stats__unit {
	font-size: 32px;
	margin-left: 2px;
	color: #222;
	-webkit-text-fill-color: #222;
	background: none;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	font-family: "Noto Serif jp", serif;
}

@media screen and (max-width: 767px) {
	.stats {
		padding: 3rem 0 1.25rem;
	}
	.stats__title {
		font-size: 1.125rem;
	}
	.stats__list {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
	.stats__item-head {
		font-size: 13px;
	}
	.stats__item-value {
		margin-top: 10px;
		font-size: 34px;
	}
	.stats__unit {
		font-size: 20px;
	}
}